/*************************************** Style Sheet for Midland Elements Created by Lesniak Swann www.cyberzia.com ***************************************/ /* General Styles */ body { font-family: Arial, Helvetica, sans-serif; background: #c9c9c9; font-size: 65%; margin: 0; padding: 0; color: #4c4c4c; background-image:url(images/header-bg.gif); background-repeat:repeat-x; background-position: top left; } a {} a:hover {} h1, h2, h3, h4, h5, h6 { font-size: 100%;} img { border: 0; margin: 0; padding: 0;} form { margin: 0; padding: 0;} .clear { clear: both; height:0; width: 0; } .pl { float: left; width: 50%; margin:10px 0px; } .pr { float: right; width: 45%; text-align: right; margin:10px 0px; } .ct2 { float: left; position: relative; width: 240px; } /* Page Style */ div#page { width: 960px; height: auto; margin: 0 auto; padding: 0; position: relative;} /* Header */ div#header { width: 960px; position: relative; margin: 0 auto; height: 125px;} div#header h1 { background-image:url(images/logo.jpg); background-repeat:no-repeat; height: 101px; width: 229px; margin: 12px 0 0 10px ; padding: 0; float: left; position: relative;} div#header h1 a { display: block; position: relative; width: 229px; height:101px; } div#header h1 span { display: none; } div#header p { margin:0px; padding:35px 5px 0px 0px; float: right; position: relative; height: 25px; width: 455px; } div#header .phone { margin:0px; padding:0px; background-image: url(images/phone-icon.jpg); background-repeat:no-repeat; background-position: left center; height: 25px; float: left; width: 192px; position: relative; margin: 0; padding: 0;} div#header .phone strong { display: none; } div#header a.email { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(images/email-icon.jpg) no-repeat; display: block; float: right; position: relative; height: 25px; width: 240px;} div#header a.email span { display: none; } div#header h2 { margin:6px 0px 0px 0px; padding:0px 20px 0px 0px; background-image:url(images/strapline.jpg); background-repeat:no-repeat; background-position: center bottom; height: 25px; width: 530px; float: right; position: relative;} div#header h2 span { display: none; } div#header p.hightemp { margin:0px; padding:0px; position:relative; float:right; } div#header a.hightemplink { margin:0px; padding:0px; display: block; float: right; position: relative; height: 25px; width: 240px;} /* Page Elements */ div#main { background: url(images/page-bg.gif) repeat-y right top; width: 960px; height: auto; position: relative; float: left;} div#page-left { float: left; position: relative; width: 240px; background:url(images/top-leftbg.gif) no-repeat top right;} div#parts { background:url(images/fast_replacement_parts.jpg) no-repeat left bottom; height: 141px; width: 231px; float: left; position: relative; padding-top: 15px; } div#parts span { display: none; } div#parts h1 { display: none; } div#parts a { display: block; height: 28px; width: 117px; background:url(images/more-bg.jpg) repeat-x top left; position: absolute; right: 10px; bottom: 20px; text-decoration: none; color: #fff; text-align: center; font-size: 120%; font-weight: bold; line-height: 28px;} div#world { background:url(images/worldwide_supplier-ad.jpg) no-repeat left bottom; height: 141px; width: 231px; float: left; position: relative; padding-top: 15px; } div#world span { display: none; } div#world h1 { display: none; } div#world a { display: block; height: 28px; width: 117px; background:url(images/more-bg.jpg) repeat-x top left; position: absolute; right: 10px; bottom: 20px; text-decoration: none; color: #fff; text-align: center; font-size: 120%; font-weight: bold; line-height: 28px;} div#page-right { float: right; position: relative; width: 700px; padding: 10px; font-size: 110%;} div#page-right h1 { color: #c50000; font-size: 180%; } div#page-right h2 { color: #c50000; font-size: 130%; } div#page-right h2 span { font-weight:normal; } div#page-right h3 { font-weight:normal; color: #13679b; font-size: 140%; } div#page-right a { color: #4c4c4c; text-decoration:none; } div#page-right address { padding: 0 10px; } div#page-right p span { font-weight:bold; font-size:14px; color:#c50000; } div#page-right ul { margin: 0px 0px 0px 0px; padding: 0px; float: left; } div#page-right ul li { list-style: none; margin: 0px 0px 0px 3px; padding: 0 0 10px 15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-weight: bold; font-size: 110%; width: 300px; background:url(images/sub-bullet.gif) no-repeat left 4px; line-height:15px;} div#inner-right { width: 220px; height: auto; float: right; position: relative; margin-left:10px; } div#inner-right p { margin:0px; padding:0px 0px 10px 0px; font-size:90%; text-align:center; } div#inner-right img { padding-bottom: 5px;} div#inner-rightb { width: 350px; height: auto; float: right; position: relative; margin:10px 0px 10px 0px; } div.inner-left { width: auto; height: auto; float: left; position: relative; margin-right:10px; } div.prodlist { width: 220px; height: auto; float: left; position: relative; margin:0px 0px 5px 0px;} div.prodlist h2 { padding:0px 5px; margin:5px 0px 0px 0px; } div.prodlist img { } div.prodlist p { padding:0px 5px; margin:5px 0px 0px 0px;} div.prodlist a { float:right; color:#13679b; margin-bottom:5px; font-size:100%; } div.prodlistmid { width: 220px; height: auto; float: left; position: relative; margin:0px 15px 5px 15px; } div.prodlistmid h2 { padding:0px 5px; margin:5px 0px 0px 0px; } div.prodlistmid img { } div.prodlistmid p { padding:0px 5px; margin:5px 0px 0px 0px;} div.prodlistmid a { float:right; color:#13679b; margin-bottom:5px; font-size:100%; } img.tr {} /* Navigation */ ul#nav { list-style-type: none; margin: 12px 0 0 0; padding: 0; overflow: hidden; } ul#nav li { display: block; float: left; position: relative; width: 230px; } ul#nav li a { display: block; float: left; position: relative; width: 210px; padding: 6px 0 7px 20px; text-decoration: none; color: #c50000; font-size: 140%; font-weight: bold;} ul#nav li a span {} ul#nav li a:hover span { position:absolute; left:0; top: 0; background: url(images/nav-bt.gif) no-repeat left bottom; height: 41px; width: 20px;} ul#nav li a:hover { color: #fff;background:url(images/nav-bg.gif) no-repeat left top;} ul#nav li a.active span { position:absolute; left:0; top: 0; background: url(images/nav-bt.gif) no-repeat left bottom; height: 41px; width: 20px;} ul#nav li a.active { color: #fff;background:url(images/nav-bg.gif) no-repeat left top;} ul#nav ul.sub { padding: 0; margin: 0 0 0 25px; } ul#nav ul.sub li { width: 180px;} ul#nav ul.sub li a { padding: 5px 0px 5px 20px; width: 190px; color: #616161; font-size: 120%; font-weight: normal; background:url(images/sub-bullet.gif) no-repeat left center; } ul#nav ul.sub li a:hover { color: #c50000; background: none; background:url(images/sub-bullet-hvr.gif) no-repeat 5px center; padding: 5px 0px 5px 10px;} /* Home Page Specfic */ div#home-splash { float: left; position: relative; width: 700px; height: 280px; background:url(images/splash-bg.gif) no-repeat; } div.right-splash { float: right; position: relative; width: 207px; height: 242px; background:url(images/splash-window.gif) no-repeat top right; padding:38px 0 0 13px;} div.right-splash h1 { background:url(images/h1-home.jpg) no-repeat; width: 197px; height: 42px; margin: 0; padding: 0;} div.right-splash h1 span { display: none; } div.right-splash p { color: #fff; font-weight: bold; font-size: 110%; padding: 5px;} div.right-splash a { display: block; height: 28px; width: 117px; background:url(images/more-bg.jpg) repeat-x top left; position: absolute; right: 10px; bottom: 15px; text-decoration: none; color: #FFFFFF; text-align: center; font-size: 120%; font-weight: bold; line-height: 28px; } div.right-splash a:hover {} div#home-content { padding-top: 20px; float: left; position: relative; width: 700px;} div#home-content h2 { background: url(images/h2-why-choose-us.gif) no-repeat top left; width: 214px; height: 48px; margin: 0; padding: 0; float: left; position: relative;} div#home-content h2 span { display: none; } div#home-content ul { margin: 10px 0 0 0; padding: 0; float: left; position: relative; } div#home-content ul li { list-style: none; margin: 0 0 0 3px; padding: 0 0 10px 15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-weight: bold; font-size: 110%; width: 210px; background:url(images/sub-bullet.gif) no-repeat left 4px; line-height:15px;} div#home-content .box { float: left; position: relative; width: 220px; height: 180px; padding-left: 10px;} div#home-content .box h3 { display: none; } div#home-content .box p { display: none; } div#home-content .box a { display: block; height: 28px; width: 117px; background:url(images/more-bg.jpg) repeat-x top left; position: absolute; right: 10px; bottom: 10px; text-decoration: none; color: #fff; text-align: center; font-size: 105%; font-weight: bold; line-height: 28px;} div#home-content .box a:hover {} div#home-content .engineer { background:url(images/engineer-icon.gif) no-repeat right top; } div#home-content .manufacturer { background:url(images/manufacturers-icon.gif) no-repeat right top; } div#contact-box { width: 700px; height: 42px; float: left; position: relative; margin-top: 5px;} div#footer { background: url(images/page-bg.gif) repeat-y right top; width: 950px; padding-left: 10px; height: auto; position: relative; float: left; margin-bottom: 0px; } div#footer a { color: #898989; } div.seo-links { width: 890px; border-bottom: solid 1px #e4e4e4; border-top: solid 1px #e4e4e4; text-align: center; margin: 10px auto 5px auto ; color: #787878; } div.seo-links p { width: 750px; margin: 0 auto; padding: 10px 0 10px 0; font-size: 115%; line-height: 150%; } div.seo-links a { padding: 5px 7px 5px 7px; text-decoration: none; color: #787878; } div.seo-links a:hover { text-decoration: underline; } div#footer address { font-style:normal; color: #898989; width: 800px; margin: 10px auto 10px auto; text-align:center; font-size: 110%; } div#lower-footer { color: #898989; padding: 0 10px 0 20px; font-size: 105%; } div#lower-footer a { color: #898989; } div#map { float:right; height:250px; width:450px; padding:0px 0px 30px 30px; position:relative; } /* Lightbox specific */ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox img { width: auto; height: auto;} #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } .clear { clear:both; } .team { } .leftside { width:345px; float:left; } .rightside { width:345px; float:right; } .teamleft { float:left; width:120px; margin-bottom:20px; } .teamright { float:right; width:215px; margin-bottom:20px; } .flashol { position:absolute; top:0px; right:0px; display:block; width:250px; height:243px; background: #d40000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d40000 0%, #b00000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d40000), color-stop(100%,#b00000)); background: -webkit-linear-gradient(top, #d40000 0%,#b00000 100%); background: -o-linear-gradient(top, #d40000 0%,#b00000 100%); background: -ms-linear-gradient(top, #d40000 0%,#b00000 100%); background: linear-gradient(to bottom, #d40000 0%,#b00000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40000', endColorstr='#b00000',GradientType=0 ); } .flasholinner { padding:12px 15px 0px 15px; } .flasholinner p { color:#fff; font-size:13px; line-height:16px; padding:5px 5px 0px 5px; margin:0px; } .flasholcover { bottom:-40px; display:block; height:40px; position:absolute; right:220px; width:30px; background: #b00000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b00000 0%, #ab0000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b00000), color-stop(100%,#ab0000)); background: -webkit-linear-gradient(top, #b00000 0%,#ab0000 100%); background: -o-linear-gradient(top, #b00000 0%,#ab0000 100%); background: -ms-linear-gradient(top, #b00000 0%,#ab0000 100%); background: linear-gradient(to bottom, #b00000 0%,#ab0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00000', endColorstr='#ab0000',GradientType=0 ); }