/*see large and small_text.css for body/html/h1 styles ///////////////////////////////////////////////////////////////*/
/* ------------------------------
site: Weldaloy Products Company
last date: 04/13/10
author: Chad Cross - chad@juxtaflo.com
url: weldaloy.com
------------------------------ */
/* ------------------------------
Pixel to em conversions:
16 x 1.5em = 24px
16 x 1.25em = 20px
16 x 1.125em = 18px
16 x 1em = 16px
16 x 0.875em = 14px
16 x 0.75em = 12px
16 x 0.6875em = 11px
16 x 0.625em = 10px
Colors:
#ccc - gray lines
#000 - text color
#b7000c - logo red
------------------------------ */
/* TYPE AND IMAGE STYLES
------------------------------ */
p { margin: 0 0 20px 0; padding: 0; }
.halfBreak { font-size: 6px; }
a:link { font-weight: normal; color: #000; text-decoration: underline; }
a:visited { font-weight: normal; color: #000; text-decoration: underline; }
a:hover, a:active { text-decoration: underline; color: #B7000C; }
hr { background-color: #ccc; height: 1px; border: 0px solid #666; padding: 0; margin: 20px 0 20px 0; }
.footerPhone { font-size: 20px; }
.disclaimerText { font-size: 10px; font-style: italic; }
.announcement {/* for announcements at the top of pages*/ background: #333; border: 1px solid #ddd; padding: 10px; font-weight: bold; color: #fff; }
.announcement a:link, .announcement a:visited, .announcement a:hover { color: #fff; }
.dynaPhone { display: inline; margin:0; padding:0; }
.landing1 { text-align: center; font-size: 14px; line-height: 24px; font-weight: bold; }
.landing1 span { font-size: 16px; font-style: italic; }
/* HEADING STYLES
------------------------------ */
h2.red { color: #b7000c; }
/* IMAGE STYLES
------------------------------ */
img { border: 0px solid #666; }
.imageFloatLeft { float: left; margin: 0 10px 10px 0; padding: 0; border: 1px solid #ccc; display: inline; }
.imageFloatRight { float: right; margin: 0 0 10px 10px; padding: 0; border: 1px solid #ccc; display: inline; }
img.imageIpod { float: right; margin: 0 0 20px 20px; padding: 0; border: 0px solid #ccc; display: inline; }
.iconFloatLeft { float: left; margin: 0 10px 0 0; padding: 0; border: 0px solid #ccc; display: inline; }
.imageHighlight { margin: 0 5px 20px 0; padding: 0; border: 1px solid #ccc; display: inline; }
.imgFloatLeft2 { float: left; margin: 0 40px 5px 0; border: none; }
/* LIST STYLES
------------------------------ */
ol { margin-top: 5px; margin-bottom: 5px; }
ol li { list-style-type: decimal; margin-top: 20px; margin-bottom: 20px; }
ul { margin-top: 0; margin-bottom: 20px; }
li { list-style-image: url(images/bullet.gif); list-style-type: square; }
li ul { list-style-type: circle; }
ul.homeMaterials { padding: 0; overflow: hidden; }
.homeMaterials li { float: left; display: block; margin: 0; padding: 0 20px 10px 0; }
/* Site map and all other main content list styles */
.spreadList ul { margin-top: 5px; margin-bottom: 5px; }
.spreadList li { padding: 5px 0 5px 10px; }
div.floatList { float: right; width: 310px; margin: 0; }
div.floatList h1 { margin: 0 0 5px 0; }
#container { background: transparent; width: 970px; margin: 0 auto 0 auto; padding: 0; }
/* HEADER ASSETTS
------------------------------ */
#frameHeader { background: transparent; width: 970px; height: 64px; margin: 0; padding: 0; overflow: hidden; }
#headerNav { float: right; background: transparent; width: 726px; height: 39px; margin: 13px 0 0 0; padding: 0; text-align: right; }
#headerLogo { float: left; background: transparent; width: 233px; height: 64px; margin: 0; padding: 0; }
/* BANNER ASSETTS
------------------------------ */
#banner { background: transparent; width: 970px; margin: 0 0 10px 0; padding: 0; }
/* CONTENT ASSETTS
------------------------------ */
#frameBreadcrumb { background: transparent; width: 756px; margin: 0 0 10px 0; padding: 0 0 0 214px; }
#frameContent { background: transparent; width: 970px; margin: 0; padding: 0; overflow: hidden; }
#contentLeft { background: transparent; float: left; width: 184px; margin: 0; padding: 0 10px 0 0; }
#contentMiddle { background: transparent; float: left; width: 562px; margin: 0; padding: 0 10px 0 10px; }
#contentRight { background: transparent; float: left; width: 184px; margin: 0; padding: 0 0 0 10px; }
/* TITLE BOXES FOR CONTENT AREAS
------------------------------ */
/*Home titles*/
div.homeTitle { background: transparent url("../images/title_line_small.gif") no-repeat bottom left; display: block; height: 28px; width: 164px; margin: 0 0 10px 0; padding: 0 10px 0 10px; font-weight: bold; }
div.homeTitleMiddle { background: transparent url("../images/title_line_large.gif") repeat-x bottom left; display: block; height: 28px; width: 542px; margin: 0px 0 10px 0; padding: 0 10px 0 10px; font-weight: bold; }
div.homeTitleControls { background: transparent; height: 18px; float: right; margin: 10px 0 0 0; padding: 0; }
div.titleSmall { background: transparent url("../images/title_line_small.gif") no-repeat bottom left; display: block; height: 18px; width: 164px; margin: 0; padding: 7px 10px 0 10px; font-weight: bold; }
div.titleMiddle { background: transparent url("../images/title_line_large.gif") no-repeat bottom left; display: block; height: 18px; width: 542px; margin: 0 0 10px 0; padding: 7px 10px 0 10px; font-weight: bold; }
div.titleControls { background: transparent; height: 18px; float: right; margin: 0; padding: 0; }
div.titleSubnav { background: transparent url("../images/title_subnav.gif") no-repeat top left; display: block; height: 18px; width: 164px; margin: 0; padding: 7px 10px 0 10px; font-weight: bold; }
/* TEXT BOXES FOR CONTENT AREAS
------------------------------ */
div.textSmall { background: transparent; display: block; Width: 164px; margin: 0 0 20px 0; padding: 0 10px 0 10px; text-align: justify; }
div.textMiddle { background: transparent; display: block; Width: 542px; margin: 0 0 20px 0; padding: 0 10px 0 10px; text-align: justify; overflow: hidden; }
/* MODULES FOR CONTENT AREAS
------------------------------ */
div.moduleQuote { background: transparent; width: 164px; margin: 0; padding: 0 0 5px 0; }
div.moduleThumb { background: transparent; display: block; width: 184px; margin: 0; padding: 0 0 5px 0; }
div.moduleReport { background: transparent; display: block; width: 184px; margin: 0; padding: 0 0 5px 0; }
div.moduleNewsletter { background: transparent url("../images/modules/newsletter.jpg"); display: block; width: 162px; height: 58px; margin: 0 0 5px 0; padding: 67px 11px 0px 11px; text-align: justify; overflow: visible; }
div.moduleVision { background: transparent; display: block; width: 184px; margin: 0; padding: 0 0 5px 0; }
div.centerSplit { float: left; background: transparent; display: block; width: 251px; margin: 0; padding: 10px 10px 10px 10px; overflow: visible; text-align: left; }
div.triSplit { float: left; background: transparent; display: block; width: 160px; margin: 0; padding: 10px 10px 10px 10px; overflow: visible; text-align: left; }
div.genericRow { width: 100%; display: block; overflow: hidden; padding: 0; margin: 0 0 20px 0; }
div.genericRow p { float: left; width: 457px; display: block; padding: 0; margin: 0; }
.iconImage { display: block; }
div.moduleSearch { background: transparent url("../images/modules/google_search_bkgnd.jpg"); width: 154px; height: 58px; margin: 0 0 5px 0; padding: 10px 15px 0 15px; }
div.moduleSearch .searchBox {/* form field */ width: 148px; border-top: 1px solid #555;!important border-left: 1px solid #555;!important border-bottom: 1px solid #ccc;!important border-right: 1px solid #ccc;!important padding: 0 0 0 4px;
margin: 0 0 5px 0; color: #333;!important }
/* GENERIC BUTTON and VARIOUS WRAPPERS
------------------------------ */
/* Click Here */
div.buttonClickWrap { background: url("../images/but_click.gif") no-repeat top left; display: block; width: 92px; height: 25px; margin: 10px auto 0px auto; padding: 0; }
div.buttonClick a { background: url("../images/but_click.gif") no-repeat top left; display: block; width: 92px; height: 25px; }
div.buttonClick a:hover { background-position: 0px -25px; }
/* Submit */
input.buttonSubmit { background: url("../images/but_submit.gif") no-repeat top left; float: right; width: 92px; height: 25px; outline: none; margin: 10px 0px 10px 0px; border: none; }
input.buttonSubmit:hover { background-position: 0px -25px; }
/* No Thanks*/
input.buttonNoThanks { background: url("../images/but_no_thanks.gif") no-repeat top left; float: left; width: 92px; height: 25px; outline: none; margin: -13px 0px 10px 0px; border: none; }
input.buttonNoThanks:hover { background-position: 0px -25px; }
/* Get a Quote */
div.buttonQuoteWrap { background: url("../images/but_quote.gif") no-repeat top left; display: block; width: 105px; height: 25px; margin: 10; padding: 0; }
div.buttonQuote a { background: url("../images/but_quote.gif") no-repeat top left; display: block; width: 105px; height: 25px; }
div.buttonQuote a:hover { background-position: 0px -25px; }
/* Go */
input.buttonGo { background: url("../images/but_go.gif") no-repeat top left; width: 44px; height: 23px; outline: none; border: none; margin: 4px 0px 0px 0px; }
input.buttonGo:hover { background-position: 0px -23px; }
/* Search */
input.buttonSearch { float: right; background: url("../images/but_search.gif") no-repeat top left; width: 59px; height: 23px; outline: none; margin: 0; border: none; }
input.buttonSearch:hover { background-position: 0px -23px; }
/* styles for onmouseover for IE rollover - not working just yet*/
/*FORM ASSETTS
------------------------------ */
/* use on newsletter form box only*/
div.formHolder { width: 162px; text-align: left; margin: 0; padding: 0; }
.newsletterBox { width: 108px; height: 18px; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0; padding: 2px 0 0 4px; color: #333; }
/* real form elements*/
form { margin: 0; padding: 0; }
fieldset { width: 520px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 4px; padding: 0px 10px 0px 10px; display: block; }
legend { margin: 0; padding: 10px 0 10px 0; color: #B7000C; background: transparent; font-weight: bold; }
label { float: left; width: 100px; padding: 4px 0 0 10px; text-align: left; }
/* use this for normal input boxes*/
div.fi { margin: 0; padding: 5px 0 5px 0; }
div.fi input { width: 390px; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin-top: 0; margin-bottom: 0; padding: 0 0 0 4px; color: #333; }
div.fiText { display: block; padding: 0px; text-align: left; margin: 0 0 0 0px; padding: 5px 0 5px 10px; }
/* use this when there are multiple inputs like radio buttons or checklists*/
div.fiMulti { margin: 0; padding: 5px 0px 5px 0px; }
div.fiMulti input { width: 20px; border-top: 0px solid #555; border-left: 0px solid #555; border-bottom: 0px solid #ccc; border-right: 0px solid #ccc; text-align: left; padding: 4px 0 0 10px; margin-left: 10px; }
div.fiMulti label { float: right; display: block; width: 470px; padding: 0; text-align: left; padding: 4px 0 0 0; }
/* use this when there are multiple inputs like radio buttons or checklists and when they need to be side by side*/
div.fiMultiDoubler { width: 470px; margin: 0; padding: 0; }
div.fiMultiFloat { float: left; width: 235px; margin: 0; padding: 5px 0 5px 0; }
div.fiMultiFloat input { width: 20px; border-top: 0px solid #555; border-left: 0px solid #555; border-bottom: 0px solid #ccc; border-right: 0px solid #ccc; text-align: left; padding: 4px 0px 0px 10px; margin-left: 10px; }
div.fiMultiFloat label { float: right; display: block; width: 195px; padding: 0px; text-align: left; padding: 4px 0 0 0; }
/* use this when there are nornmal inputs when they need to be side by side*/
div.fiFloat { float: left; width: 235px; margin: 0; padding: 5px 0 5px 0; }
div.fiFloat input { float: left; width: 100px; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: left; padding: 0px 0px 0px 4px; margin: 0; }
div.fiFloat label { float: left; width: 100px; padding: 4px 0px 0px 10px; margin: 0; text-align: left; }
div.fiFloat select { float: left; width: 100px; padding: 0; margin: 0px 0px 0px 10px; text-align: left; }
/* use this for ipod page*/
form.ipod { width: 350px; margin: 0; padding: 0; }
form.ipod legend { margin: 0; padding: 10px 0px 10px 0px; color: #B7000C; background: transparent; font-weight: bold; }
div.fiIpod select { width: 235px; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0; margin: 0; text-align: left; }
fieldset.ipod { width: 350px; border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; border-right: 0px solid #ccc; border-left: 0px solid #ccc; margin-bottom: 4px; padding: 0 10px 0 0; display: block; }
div.fiIpod { width: 350px; margin: 0; padding: 5px 0 5px 0; }
div.fiIpod input { width: 235px; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin-top: 0; margin-bottom: 0; padding: 0 0 0 5px; color: #333; }
div.fiIpod label { float: left; width: 100px; padding: 4px 0 0 0; margin: 0; text-align: left; }
div.fiIpodMulti { width: 350px; margin: 0; padding: 2px 0px 2px 0px; }
div.fiIpodMulti input { width: 20px; border-top: 0px solid #555; border-left: 0px solid #555; border-bottom: 0px solid #ccc; border-right: 0px solid #ccc; text-align: left; padding: 4px 0px 0px 0px; margin-left: 0px; }
div.fiIpodMulti label { float: right; width: 315px; padding: 0px; text-align: left; padding: 4px 0 0 0; }
form.ipod2010 { clear: both; }
/* FOOTER ASSETTS
------------------------------ */
#frameFooter { background: transparent; width: 970px; margin: 0 auto 0 auto; padding: 0 0 20px 0; }
#frameFooter a { color:#333; text-decoration:none; }
#frameFooter a:hover { color:#000; text-decoration:underline; }
#frameFooter a:visited { color:#333; text-decoration:none; }
#footerLeft { background: transparent; float: left; width: 500px; color: #999; text-align: left; margin: 3px 0 0 0; padding: 0 0 20px 0; }
#footerRight { background: transparent; float: right; width: 400px; text-align: right; margin: 3px 0 0 0; padding: 0; font-size: 12px; font-weight: bold; }
/* SUBNAV STYLES
------------------------------ */
div.navContainer { width: 182px; margin-bottom: 10px; }
div.navContainer ul { padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }
div.navContainer a { display: block; padding: 5px 0px 5px 10px; width: 172px; background-color: #F2F2F2; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 0px solid #ccc; text-decoration: none; }
div.navContainer a:link, div.navContainer a:visited { color: #333; text-decoration: none; }
div.navContainer a:hover { background-color: #B7000C; color: #fff; }
div.subnav li a { text-decoration: none; }
div.subnav li a:link { color: #333; }
div.subnav li a:hover { color: #fff; }
/*#relatedSubnav li a:visited { color: #333; }*/
/* RELATED LINKS SUBNAV STYLES
------------------------------ */
#relatedContainer { width: 182px; margin-bottom: 10px; }
#relatedContainer ul { padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; }
#relatedContainer a { display: block; padding: 5px 0px 5px 10px; width: 172px; background-color: #F2F2F2; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 0px solid #ccc; }
#relatedContainer a:link, #relatedContainer a:visited { color: #333; text-decoration: none; }
#relatedContainer a:hover { background-color: #B7000C; color: #fff; }
#relatedSubnav li a { text-decoration: none; }
#relatedSubnav li a:link { color: #333; }
#relatedSubnav li a:hover { color: #fff; }
/*#relatedSubnav li a:visited { color: #333; }*/
/* table styles start ///////////////////*/
.table1 { width: 100%; margin-bottom: 20px; }
.table1 td { padding: 4px; text-align: center; border: 1px solid #ddd; }
.table2 { width: 100%; margin-bottom: 20px; }
.table2 td { padding: 4px; text-align: left; border: 1px solid #ddd; }
.table3 { width: 543px; margin-bottom: 20px; font-size: 11px; }
.table3 td { padding: 0px; text-align: center; border: 1px solid #ddd; }
.colored_space { background-color:#FECE9D; }
/* table styles end ///////////////////*/
/* get a quote horizontal styles start ///////////////////*/
#moduleHorizontal { display: block; width: 542px; height: 146px; margin: 0; padding: 0; overflow: hidden; }
#buttonSolidWrap { float: left; background: url("../images/modules/quote_horizontal/solid.jpg") no-repeat top left; display: block; width: 121px; height: 146px; margin: 0; padding: 0; }
#buttonSolid a { background: url("../images/modules/quote_horizontal/solid.jpg") no-repeat top left; display: block; width: 121px; height: 146px; }
#buttonSolid a:hover { background-position: 0px -146px; }
#buttonHollowWrap { float: left; background: url("../images/modules/quote_horizontal/hollow.jpg") no-repeat top left; display: block; width: 147px; height: 146px; margin: 0; padding: 0; }
#buttonHollow a { background: url("../images/modules/quote_horizontal/hollow.jpg") no-repeat top left; display: block; width: 147px; height: 146px; }
#buttonHollow a:hover { background-position: 0px -146px; }
#buttonRectangleWrap { float: left; background: url("../images/modules/quote_horizontal/rectangle.jpg") no-repeat top left; display: block; width: 126px; height: 146px; margin: 0; padding: 0; }
#buttonRectangle a { background: url("../images/modules/quote_horizontal/rectangle.jpg") no-repeat top left; display: block; width: 126px; height: 146px; }
#buttonRectangle a:hover { background-position: 0px -146px; }
#buttonOtherWrap { float: left; background: url("../images/modules/quote_horizontal/other.jpg") no-repeat top left; display: block; width: 148px; height: 146px; margin: 0; padding: 0; }
#buttonOther a { background: url("../images/modules/quote_horizontal/other.jpg") no-repeat top left; display: block; width: 148px; height: 146px; }
#buttonOther a:hover { background-position: 0px -146px; }
/* get a quote horizontal styles end ///////////////////*/
/* Landing page popup ad styles ///////////////////*/
#topbar{ position: absolute; padding: 0px; width: 100%; height: 3px; visibility: hidden; z-index: 100; }
#adContent { position: absolute; top: -500px; background-color: #fff; height: 425px; width: 546px; left: 20px; overflow-y: hidden; border: 4px solid #525252; padding: 0 20px 20px 20px; }
#adContent img { margin-left: -10px; }
#adContent h2 { font-size: 20px; line-height: 24px; margin: 0 0 20px 0; }
#adContent h3 { font-size: 14px; margin: 0 0 20px 0; color: #333; }
#adContent input.buttonSubmit { float: none; margin-left: 85px; }
div.slideUper { position: absolute; top: 0; right: 0; margin-bottom: 0; border-bottom: 4px solid #525252; border-left: 4px solid #525252; padding: 5px; }
#adContent form { padding: 0; margin: 0; }
#adContent form fieldset { border: none; padding: 0; margin: 0; }
#adContent form .fi { padding: 0; margin: 0 0 5px 0; }
#adContent form .fi label { width: 75px; margin: 0; font-weight: bold; }
#adContent form .fi input { width: 200px; margin: 4px 0 0 0; }
/* end Landing page popup ad styles ///////////////////*/