/* Jordahl & Pheifer Style */ *{margin:0;padding:0} html{width:100%;height:100%;font-size:100.01%} body{background:#fff url(../img/jp_bg.gif) repeat 0 0; /*background-attachment:fixed;*/color:#676767;font:76%/1.5 normal Arial, Helvetica, sans-serif;text-align:left;width:100%;height:100%} #container{width:100%;background:url(../img/container_bg.gif) repeat-y 0 0;margin-top:-89px;height:100%;display:table} #header{background:#EEF1F8;height:51px;padding-top:89px} #header h1{margin:0;padding:0} #header h1 a{float:left;border-left:33px solid #012C56;display:block;text-indent:-9999px;background:url(../img/jordahl_pheifer.jpg) no-repeat 0 -2px;width:373px;height:51px} #search{float:right;text-align:right;padding:13px 2% 13px 10px} #search form{margin:0} #search input{margin:0} #search label{padding:0} #nav{background:#86A1D8 url(../img/nav_bg.jpg) repeat-x 0 100%;height:29px;z-index:99999;position:static;padding-top:134px} #tip{position:absolute;top:67px;left:41px;background:#B6CAED;height:100px;width:750px;float:left;color:#fff;border:1px solid #fff} #tip .home_tip{float:left} #tip h3{color:#012C56;margin:0;font-weight:normal;letter-spacing:0} #tip p{color:#fff;margin:0} #tip a.morelink{color:#fff;background:url(../img/more2.gif) no-repeat 5px 1px} #tip #togglenewsticker {float:right;color:#fff;text-decoration:none} #nav ul{float:right;margin:0;width:auto;padding-right:2%;z-index:9999;position:static} #nav li{display:inline;padding:0;position:relative;float:left} #nav li a{display:block;color:#fff;text-decoration:none;height:23px;padding:6px 9px 0 9px;background:#7591B8;float:left} #nav li a:hover{background:#012C56} #nav li.active{float:left;color:#fff;height:23px;padding:6px 9px 0 9px;background:#012C56} #nav li ul {border-left: 1px solid #ddd;border-right: 1px solid #ddd;background:#fff url(../img/nav_li_bg.gif) no-repeat 13em 0;width:15.8em;margin-top:3px;position: absolute;font-weight:normal;left:-999em;text-align:right;float:none;padding-top:10px;padding-right:0;z-index:99999} #nav li.active ul{background:#fff url(../img/nav_li_active_bg.gif) no-repeat 13em 0} #nav li:hover ul, #nav li.sfhover ul {top:26px;right: 0;z-index:1000;left:auto} #nav li li {background:none;float:none;border:none;border: 1px solid #ddd;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0;float:left} #nav li li a{color:#405C9D;background:#fff;padding: 2px 10px 1px;width:14.2em} #nav li li a:hover {color:#fff;background:#405C9D} /* hide from IE mac \*/ #nav li {width:auto} /* end hiding from IE5 mac */ #content_wrap {width:100%} #content{padding:10px 10px 20px 55px} #left_column{width:17%;float:left;padding:0 1% 0 0;border-right:1px solid #f2f2f2} #left_contact_column{width:22%;float:left;padding:0 1% 0 0;border-right:1px solid #f2f2f2} #left_column form.f-wrap-1 div.input input,#left_column form.f-wrap-1 select {width:90%} #left_column .article img{margin-bottom:1px} #left_column .project{width:99%;float:none} #left_column h2{margin-bottom:0;padding-bottom:0} #middle_column{width:59%;float:left;padding:0 1% 0 0;margin-left:2%} #content_column{width:77%;float:left;padding:0 1% 20px 0} #contact_column{width:54%;float:left;padding:0 1% 0 0;margin-left:2%} #right_column{width:17%;float:right;padding:15px 1% 1% 1%} #footer{clear:both;background:#E0E4F0 url(../img/footer_bg.gif) no-repeat 50% 15px;height:39px;padding-top:50px;text-align:center} #footer p,#footer b,#footer strong{margin:0;color:#94ADCC} #footer span.rss{background:url(../img/rss.gif) no-repeat 5px 3px;padding-left:20px} #footer span.site_map{background:url(../img/site_map.gif) no-repeat 5px 3px;padding-left:20px} #footer a{color:#94ADCC} #footer a:hover{text-decoration:none} a,a:link,a:link,a:link,a:hover {text-decoration:underline;cursor:pointer} a:link {color:#405C9D} a:visited {color:#5579cb} a:hover{color:#628be9} a.morelink{padding-left:17px;background:url(../img/more.gif) no-repeat 1px 1px;white-space:nowrap} a img{border:none} form {margin: 0 0 1.5em} input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0} fieldset {border: none} label {padding: 5px 0;cursor:pointer} label br {clear:left} input.f-submit {padding: 1px 3px;background:#012C56;color:#fff;font-size:96%;cursor:pointer;border:none} form.f-wrap-1 {margin:2em 0;width:100%;padding: .5em 0;background:#F2F5FA url(../img/featurebox_bg.gif) no-repeat 100% 100%;clear:both;position:relative} form.form_re{position:relative} form.f-wrap-1 fieldset {width:auto;margin: 10px 15px} form.f-wrap-1 fieldset.checkbox{margin:1em 0} form.f-wrap-1 fieldset.checkwrap{margin:1em 0;padding-left:20px} form.f-wrap-1 h3 {border-bottom:0;margin:0 0 .6em} form.f-wrap-1 label {float:left;display:block;color:#7591B8} /* hide from IE mac \*/ form.f-wrap-1 label {float:none} /* end hiding from IE5 mac */ form.f-wrap-1 div.input input, form.f-wrap-1 select {width:40%} form.f-wrap-1 select.f-date{width:70px;margin-right:3px} form.f-wrap-1 div.input input.checkbox{width:20px;float:left;margin-top:8px;padding-right:3px} * html form.f-wrap-1 div.input input.checkbox{margin-top:6px} input.radiobutton{width:25px;height:15px;float:left;margin-top:0;padding-right:3px} * html form.f-wrap-1 div.input input.radiobutton{margin-top:4px} .checkbox_div{padding:20px;background:#fff;border:1px solid #7F9DB9;width:75%} form.f-wrap-1 label b{float:left;width:8em;line-height: 1.7;display:block} form.f-wrap-1 #txtmsg1{margin-left:9em} form.f-wrap-1 img{margin:1em 5px 1em 0;padding:5px;border:1px solid #f2f2f2;background-color:#fff} form.f-wrap-1 #txtmsg1 small.warning{padding-left:25px;padding-bottom:3px;background:url(../img/admin/warning.gif) no-repeat 0 0} form.f-wrap-1 label .req {color:#C00;font-size:150%;font-weight:normal;line-height:1;left:-.4em;width:.3em;height:.3em} form.f-wrap-1 div.req {font-size:96%;font-weight:normal;position:absolute;top:.8em;right:.8em;left:auto;width:13em;text-align:right} form.f-wrap-1 div.req b {color:#C00;font-size:140%} form.f-wrap-1 label select {width: 15.5em} form.f-wrap-1 textarea {width:75%;font-family: arial,tahoma,verdana,sans-serif;font-size:1.0em} form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 0} form.f-wrap-1 input.f-submit {margin:1em 0 1em 0;width:auto} form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:50em;border:none;margin:0;padding-bottom:.7em} form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em} form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:35em;margin: 3px 0 0 10px} form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:none;border:none;margin:0;padding:0 0 2px 0;margin-right:-3px} form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0} form.f-wrap-1 fieldset.f-radio-wrap ul{width:100%;background:#fff;padding:10px;border:1px solid #A7A6AA} form.f-wrap-1 fieldset.f-radio-wrap ul ul{border:0;padding:0} form.f-wrap-1 fieldset.f-radio-wrap li{} form.f-wrap-1 fieldset.f-radio-wrap a{display:block;float:right} form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background:url(../img/admin/errormsg_bg.gif) no-repeat 0 0} form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3} form.f-wrap-1 div.cryteria{width:20%;margin-right:2%;float:left} * htmlform.f-wrap-1 div.cryteria{width:19%} form.f-wrap-1 div.submit_cryteria{padding-top:1em;width:10%;float:right} form.f-wrap-1 div.submit_cryteria input.f-submit{width:70px} * html form.f-wrap-1 div.submit_cryteria input.f-submit{width:60px} form.f-wrap-1 div.cryteria div.input input,form.f-wrap-1 div.cryteria select{width:97%} * html form.f-wrap-1 div.cryteria div.input input,* html form.f-wrap-1 div.cryteria select{width:95%} form.f-wrap-1 div.cryteria label{font-size:.9em} p, ul, ol {margin: 0 0 1.5em} h1, h2, h3, h4, h5, h6 {clear:both;letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#012C56;padding-bottom: .1em} h1 {font-size: 196%;margin-top:.6em} h2 {font-size: 136%} h2 b{color:#405C9D} h3 {font-size: 126%} h4 {font-size: 116%} h4.cat{padding:5px;background:#E5E8EF} h5 {font-size: 106%} h6 {font-size: 96%} .download{padding-left:23px;background:url(../img/download.gif) no-repeat 0 1px;color:#999} .highlight {color:#E17000} .subdued {color:#999} .caption {color:#999;font-size:11px} .date {color:#999;display:block} .error-message {color:#C00;margin: 8px 0px;font-weight: bold;clear: both} .symbol{color:#999} .arrow{border:1px solid #ccc;position:absolute;right:22px;top:64px;width:16px;height:16px} .arrow a{display:block;width:16px;height:16px;text-indent:-9999px;background:#F2F5FA url(../img/arrow.gif) no-repeat 0 0} .anwser{padding-left:20px;background:url(../img/faq.gif) no-repeat 5px 6px;float:left} .message{ border-top: 1px solid #9C9;border-bottom: 1px solid #9C9;background: #E2F9E3;color: #060 !important;display: block;line-height: 200%;text-align: center;font-size: 13px;margin-bottom: 10px !important} /*.error,.error-message{ border-top: 1px solid #FFC2CA;border-bottom: 1px solid #FFC2CA;background: #FFEDEF;color:#c00 !Important;display: block;line-height: 200%;text-align: center;font-size: 13px;margin-bottom: 10px !important}*/ b,strong{color:#333} small {font-size:11px} ul {margin: .3em 0 1.5em 0;list-style-type:none;float:left;width:100%} ul.related {margin-top: -1em} ul.options{clear:both} ul.options li{display:inline;padding-bottom:2px;margin-right:5px;background:none;padding-left:0} ul.options li.print{padding-left:17px;background:url(../img/print.gif) no-repeat 0 4px} ul.submenu{} ul.submenu li{padding-left:0;background:none} * html ul.submenu li{margin:-7px 0} ul.submenu li a{display:block;border-bottom:1px solid #f2f2f2;padding:4px 0 4px 25px} ul#path{padding-top:1em;margin-bottom:1em} ul#path li{display:inline;margin-right:3px;padding-left:0;background:none} ul.cat li{margin-bottom:7px} ol {margin: .5em .5em 1.5em} ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal} li {line-height: 1.4em;padding-left: 20px;background:url(../img/li_sprite_sub.gif) no-repeat 8px 6px} li.active{color:#012C56;font-weight:bold} li.pdf{padding-left: 20px;background:url(../img/icon_pdf.gif) no-repeat 0 3px} li.doc{padding-left: 20px;background:url(../img/icon_doc.gif) no-repeat 0 3px} li.xls{padding-left: 20px;background:url(../img/icon_xls.gif) no-repeat 0 3px} li.txt{padding-left: 20px;background:url(../img/icon_txt.gif) no-repeat 0 3px} li.dwg{padding-left: 20px;background:url(../img/icon_dwg.gif) no-repeat 0 3px} li.jpg{padding-left: 20px;background:url(../img/icon_pic.gif) no-repeat 0 3px} li.zip{padding-left: 20px;background:url(../img/icon_zip.gif) no-repeat 0 3px} dl {margin: 0 0 1em 0} dt {font-weight:bold;margin-top: 1.3em} dl dl {margin: 0 0 1.5em 30px} dl.gallery{border: 1px solid #f2f2f2;width: 116px;text-align: center;padding: 10px;float: left;margin-right: 1em;position:relative} .gallery dt { font-weight: bold} .gallery dt img{position:absolute;top:10px;padding:5px;border:1px solid #f8f8f8;background:#fff} .gallery dd{margin: 0;padding: 0} img {border:none} hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both} * html hr{margin:-7px 0} .clear {clear:both} .table1 {/*border: 2px solid #304474;*/border-collapse:collapse;width:100%;clear:both;text-align:center} .table1 td {padding:3px;border: 1px solid #f2f2f2} .table1 tr.row{background:#f8f8f8} .table1 tr:hover,.table1 tr:hover th.sub{background:#eee} .table1 tr:hover td{border-color:#fff} .table1 th {border: 1px solid #fff} .table1 thead th {color:#fff;font-size:145%;;padding: 10px 6px} .table1 tbody th {color:#012C56;font-size:115%;background:#F2F5FA;padding: 6px} .table1 tbody th.sub {font-size:100%;color:#000;background:#f8f8f8;padding: 6px;width:33%} .featurebox{background:#F2F5FA url(../img/featurebox_bg.gif) no-repeat 100% 100%;padding:15px 15px 20px 15px;margin-bottom:2em;float:left} .featurebox h3{margin-top:0} .featurebox h4{padding-right:20px} .featurebox2{background:#FAF8EB url(../img/featurebox2_bg.gif) no-repeat 100% 100%;padding:15px 15px 20px 15px;margin-bottom:2em;float:left} .featurebox2 h3{margin-top:0} .featurebox3{background:#FFEEEE url(../img/featurebox3_bg.gif) no-repeat 100% 100%;padding:15px 15px 20px 15px;margin-bottom:2em;float:left} .featurebox3 h3{margin-top:0} #page{} #page p{} #page p img{margin:0 10px 10px 0;float:left;padding:5px;border:1px solid #f8f8f8;background:#fff} .contact{width:76%;padding-right:2%;float:left;padding-left:20%;position:relative;margin-bottom:1em;border-bottom:1px solid #ddd;padding-bottom:1em} .contact h2{position:absolute;top:0;left:0} .sub_contact{width:22.5%;padding-right:2%;float:left} .region{width:17%;padding-right:2%;float:left} .home{width:30%;padding-right:2%;float:left} #article{} #article h1{margin-bottom:3px} #article .date{padding-bottom:1em} #article p img{margin:0 10px 10px 0;float:left;padding:5px;border:1px solid #f8f8f8;background:#fff} .article{width:99%;float:left} .article img{margin:0 10px 10px 0;float:left;padding:5px;border:1px solid #f8f8f8;background:#fff} .article .date{padding-bottom:.5em} .article .morelink{float:none} #nav-secondary, #nav-secondary ul {float:none} #nav-secondary, #nav-secondary li {margin:0;padding:0;background:none} #nav-secondary {padding-top:0;border-top: 1px solid #f2f2f2;margin-top: 1px} #nav-secondary a {padding: 5px 0 5px 23px;background:url(../img/li_sprite.gif) no-repeat 10px 11px;display:block} #nav-secondary a{text-decoration:none;cursor:pointer;font-weight:bold} #nav-secondary a:hover {color:#fff;background: #7591B8 url(../img/li_sprite_hover.gif) no-repeat 10px 11px} #nav-secondary li.active a{color:#012C56} #nav-secondary li.active a:hover{color:#fff} #nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #f2f2f2} #nav-secondary ul {margin: 0 0 1em 0;padding:0} * html #nav-secondary ul{margin-top:1em} #nav-secondary li ul{padding-left:15%;width:auto} #nav-secondary li li a{line-height:1.5;background:#fff url(../img/li_sprite_sub.gif) no-repeat 0 8px;padding:0 0 0 10px;font-weight:normal;width:auto;color:#676767;display:block} #nav-secondary li li a:hover{color: #7591B8;text-decoration:underline;background:#fff url(../img/li_sprite_sub.gif) no-repeat 0 8px;} #nav-secondary li li {border: none;margin:0} .product_photo{width:380px;float:right;padding-left:10px;margin-bottom:10px} .product_first_photo{margin-bottom:10px} .product_photo .product_first_photo{width:380px} .product_photo .product_first_photo img{display:block;margin-left:auto;margin-right:auto;text-align:center;padding:5px;border:1px solid #f8f8f8;background:#fff;float:none} .product_photo img{display:inline;text-align:center;margin:0 4px 5px 4px;padding:5px;border:1px solid #f8f8f8;background:#fff} .product_photo li,#gallery_get li{color:#999;line-height:2em} .product_description{float:left;width:100%} .product_description h5{color:#012C56;background:#F2F5FA;padding: 4px;margin-bottom:1em;letter-spacing:0} .product_description h2{color:#012C56;background:#F2F5FA;padding: 6px;margin-bottom:1em;letter-spacing:0} #product_similar{} #product_similar h5{overflow:hidden;height:100%;color:#012C56;background:#F2F5FA;padding: 4px;margin-bottom:1em;letter-spacing:0} .product_similar{border-left:1px solid #f2f2f2;width:29%;margin:10px 5px;padding-left:2%;float:left} .product_similar img{display:block;margin:0 8px 8px 0;padding:5px;border:1px solid #f8f8f8;background:#fff;float:left} .product_similar h4{clear:none;margin-top:0} .product_similar p{clear:both;margin:.5em 0} #product_list{} .product_list{width:45%;padding:2%;float:left;border-left:1px solid #f2f2f2;margin:10px 0} .product_list h3{margin-top:0} .product_list p{margin-bottom:0} .product_list img{margin:0 10px 10px 0;float:left;padding:5px;border:1px solid #f8f8f8;background:#fff} .product_list .symbol{display:block;padding-bottom:.5em} .product_list .morelink{float:none} .category_list{margin:10px 0;padding-left:130px;position:relative;min-height:120px} .category_list h2{margin-top:0} .category_list_nophoto{margin:10px 0} .category_photo{position:absolute;top:0;left:0} .category_list img{padding:5px;border:1px solid #f8f8f8;background:#fff} .category_list ul,.category_list_nophoto ul{float:left} .category_list p.pmore,.category_list_nophoto p.more{clear:both;border-bottom:1px solid #f2f2f2;text-align:right;margin-top:5px;padding:4px 0 8px 0} .category_list .category_content,.category_list_nophoto .category_content{line-height:1.5em} .project{border: 1px solid #f2f2f2;background:#fff;width:29%;padding:2% 1%;margin:0 1% 1% 0;float:left;position:static} .project h3{margin-top:0} .project img{display:block;margin:0 auto 10px auto;padding:5px;border:1px solid #f8f8f8;background:#fff;text-align:center} .project p{margin:.5em 0} .photo_container{display:table;background:#f2f2f2;height:106px;width:106px;overflow:hidden;margin:0 11px 11px 0;float:left;padding:1px} .photo_container img{float:none;margin:0} .photo_center{display: table-cell;vertical-align: middle} .photo{text-align:center} #resultslist-wrap {margin: 2em 0 1.5em;font-size:92%} #resultslist-wrap ul{width:auto;float:none} #resultslist-wrap ul li{padding-left:20px;background-position:7px 9px} #resultslist-wrap dt, #resultslist-wrap dl {margin: 0} #resultslist-wrap dt {font: bold 85% arial;padding: 3px 0} #resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial} #resultslist-wrap li li{font: normal 100% arial} #resultslist-wrap li dd {font: normal 73% arial;line-height:1.5em} #resultslist-wrap li dl {margin:0} #resultslist-wrap dd {line-height:1.3} #resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:block;padding-right:.5em;padding-top:.7em} .pagination {background:#F2F5FA;color:#666;padding: 4px 2px 4px 7px;margin: 0 0 1.5em;text-align:right;clear:both} .pagination p {} .pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active {margin:0 3px;text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #f2f2f2} .pagination a:visited{color:#405C9D} .pagination a:hover {background:#405C9D;color:#fff} .pagination .disabled {margin:0 3px;text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #f2f2f2;color:#ccc;display:inline} .pagination p em {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #f2f2f2;color:#ccc;font-style:normal} .pagination * {margin:0} .pagination h4 {margin-top:-1.45em;padding:0;border:none;text-align:left} #site_map{width:250px} .clearing{clear:both} .f_category{position:relative}