body,tr, th, td, p, li, ol, select, input, textarea {color:#000000;} body {background:#fff; margin:0px; padding:0px;} img {background:none; border:none;} body, tr, th, td, p, li, ol, select, input, textarea, h1, h2, h3, h4, h5, h6, .MainHeader { font-family: Calibri,Arial,Verdana;} body, tr, th, td, p, li, ol, input[type="submit"], input[type="reset"] {font-size: 18px; line-height:26px;} li {padding-left:1px} p {padding: 10px 0px 10px 0px; margin:0px; text-align:left; } p.nl {clear:left;} hr {height: 0px; border: solid #CCC 0px; border-top-width:1px; } form {display:inline;} ul {list-style-image: url(images/site/new/li-serv.png);} select, input, textarea { font-size: 15px; } a:link, a:active, a:visited, a:hover {color:#0066cc; text-decoration: underline; text-align:left;} input[type="submit"], input[type="reset"] {background:#4d90fe; border: 1px solid #3079ed; color:#FFFFFF; border-radius:3px; padding-left:15px; padding-right:15px;cursor:pointer;} input[type="text"], textarea, select,input[type="password"] { border: 1px solid #4d90fe;border-radius:1px; padding:5px; } textarea[readonly] { background-color: #eee; } h1, h2, h3, h4, h5, h6, .MainHeader {font-weight:bold; padding: 5px 0px 5px 0px; margin:0px; clear:left;} h1 {font-size: 24px; padding-top:20px; padding-bottom:10px; } h1, h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {text-decoration:none; color:#252525;} h2 {font-size: 20px; color: #303030; padding-top: 12px; padding-bottom:5px; } h2, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {text-decoration:none; color:#252525;} h3 {font-size: 19px; color: #0044bb; } h4 {font-size: 18px; color: #999;} h5 {font-size: 17px; color: #0044bb;} h6 {font-size: 16px; color: #999;} /* CAD Help */ .Warning { font-weight: bold; } .Heading { font-weight: bold; } .Steps_Head::before {content: '\25b6\00a0'; font-size:70%;} .Steps_Head { font-weight: bold;} /*.Steps_Head { background-position-y: center; background-repeat: no-repeat; background-image: url('images/help/bullet.gif'); background-position-x: 2px; Font-variant: normal; font-weight: bold; padding-left: 12px; }*/ .Steps_Head_NoBullet { Font-variant: normal; font-weight: bold; padding-left: 6px; } .tip { background-position-y: center; background-repeat: no-repeat; background-image: url('images/help/Hand.gif'); Font-variant : normal; padding-left: 20px; } .highlight {Font-variant: normal; font-weight: bold; } .highlight_Bright {background-color: #FFFF00; } .criticalTable {border: 0; height: 1; background-color: #ff0000; vertical-align: top; font-weight: bold; color: #ffffff; } td.parts {background-color: #eeeeee;} .parts_table {background-color: #dddddd; } ol {color: #000000; } .smalltext {font-size: 8pt; } /* Rounded Box (blue) ==*/ .rbroundbox { background: #CCFFFF; border-radius:10px; padding-left:10px; padding-right:10px;} /* url('images/help/roundedbox/background.gif');}*/ /*.rbtop div { background: url('images/help/roundedbox/top_left.gif') no-repeat left top;} .rbtop { background: url('images/help/roundedbox/top_right.gif') no-repeat right top;} .rbbot div { background: url('images/help/roundedbox/bottom_left.gif') no-repeat left bottom;} .rbbot { background: url('images/help/roundedbox/bottom_right.gif') no-repeat right bottom; }*/ .rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 15px; font-size: 1px; } .rbcontent { margin: 0 10px; } /* Font-size : 10pt; Font-variant : normal; }*/ .rbroundbox { width: 70%; margin: 1em 10px; } /* ==== Rounded Box (light yellow) == */ .rbroundbox2 { background: url('images/help/roundedbox/s_background.gif'); } .rbtop2 div { background: url('images/help/roundedbox/s_top_left.gif') no-repeat left top; } .rbtop2 { background: url('images/help/roundedbox/s_top_right.gif') no-repeat right top; } .rbbot2 div { background: url('images/help/roundedbox/s_bottom_left.gif') no-repeat left bottom; } .rbbot2 { background: url('images/help/roundedbox/s_bottom_right.gif') no-repeat right bottom; } .rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {width: 100%; height: 15px; font-size: 1px; } .rbcontent2 { margin: 0 10px; Font-size : 10pt; Font-variant : normal;} .rbroundbox2 { width: 50%; margin: 1em 10px; } .note {background-position-y: center; background-repeat: no-repeat; background-image: url('images/help/Note.gif'); Font-size : 10pt; Font-variant : normal; padding-left: 44px; } div.popvideo {position: absolute; width: 600px; height: 420px; display: none; background: #cccccc;} .mobile {display:none;} div.videoouter {display: inline-block; position: relative; width:100%;} div.ratio20 { margin-top: 35%; } div.ratio75 { margin-top: 75%; } div.ratio60 { margin-top: 60%; } div.ratio65 { margin-top: 65%; } div.ratio56 { margin-top: 56%; } div.ratio70 { margin-top: 70%; } div.videoinner {position: absolute; top: 0;bottom: 0; left: 0; right: 0; } div.videoinner > iframe, div.videoinner > img {width: 100%; height:100%; border:none; display:block;} div#video-highlights { background: #F4F4F4; } @media (min-width:850px) { div#video-highlights { background: url('images/back-blocks.png') top left repeat; } } div#head-video {position:relative; } div#head-video > div {text-align:center;} div#head-video > div:first-child {position:absolute; top:0;bottom:0;left:0;right:0; height:50%;} @media (min-width:850px) { div#head-video > div:first-child {background: url('images/site/new/gears-blue3.jpg') top left repeat-x; background-position: 0px -290px;} } #headervideo {max-width:680px; width: 100%; border: 5px solid rgba(200, 200, 200, .2); border-radius:5px; } #mainvideo {width: 100%; } #mainvideo-sub {width: 50%; } #pagevideo {max-width: 640px; } #video560 {max-width: 560px; } # w560 {max-width: 560px; } #w320 {max-width: 320px; } div#highlights > div, div#services > div, div#wwcd > div, div#famouscust > div, div#materials > div, div#testimonials > div, div#lastfoot > div, div#gallery > div, div#pagecontent > div, div#pagetitle > div, div.breadcr > div, div#ishelpful > div, div.col_content > div {width:95%;margin:auto; max-width:1170px; } div#wwcd > div, div#materials > div, div#testimonials > div, div#lastfoot > div {display:table; margin-top:20px; text-align:center; font-size:0; } div#wwcd > div#example {margin-top:5px;} a.wwcditem > div {width:290px; height:290px;} a.wwcditem {display:inline-block; position:relative; padding:0px; margin:0px;} a.wwcditem > div {display:table; background: #3268B2; position:absolute; bottom: 0; left:0px; text-align:center;opacity:0.85; height:64px; } a.wwcditem > div p {display:table-cell; padding-left:25px; color:#E0E9F0;vertical-align:middle; font-size:21px; font-weight:bold; width:100%;} div#pagecontent {} div#pagecontent > div, div.col_content > div {padding:0px 5px 0px 5px; } div#footblocks {width:100%;display:table;text-align:center; border-top: 1px solid #D6D7DB;padding:15px 0px 15px 0px; } div#footblocks > div {display:inline-block; width:300px; padding: 15px 5px 15px 5px; text-align:center; vertical-align:middle;} div#highlights > div { display:table; text-align:center; vertical-align:top;} div#highlights > div > p {text-align:center;} div#highlights > div > div {width:300px; display: inline-block; text-align:center; padding-top:20px; padding-bottom:20px; padding-left:5px; padding-right:5px; vertical-align:top;} img.hl-normal {height:91px; width:85px;} img.hl-wide {height:91px; width:110px;} div#highlights > div > div >p {display: inline-block;text-align:center; max-width:200px; padding-top:0px;} a#hl-cad, a#hl-tv-gear, a#hl-qubic, a#hl-bucks, a#hl-handshake, a#hl-video-tuta {display:inline-block; width:81px; height:91px; background: url(images/site/new/highlights.gif);} a#hl-tv-gear {width:93px; height:74px; background-position: -81px top; margin-top: 8px; margin-bottom:8px;} a#hl-qubic {width:77px; height: 89px; background-position: -174px top; margin-top: 1px; margin-bottom:1px;} a#hl-bucks {width: 92px; height: 88px; background-position: -251px top;margin-top: 1px; margin-bottom:1px;} a#hl-handshake {width: 107px; height: 71px; background-position: -343px top;margin-top: 10px; margin-bottom:10px;} a#hl-video-tuta {width: 93px; height: 91px; background-position: -450px top;} div#services > div {display:table; padding-bottom:30px; } div#services > div a {margin:0;} div#services > div > div {display:table-cell; vertical-align:middle;} div#services div#list a {text-decoration:none; color: #444444;} div#services > div > div:first-child {width:70%; padding-top:0px;} div#services > div > div:last-child {display:none;} img#cnc-home {display:none;} @media (min-width:850px) { div#services > div > div:last-child {display:table-cell;} img#cnc-home {width:100%; min-width:200px; display:inline-block;} } div#nib { background: url(images/site/new/nibs3.png); } div#services div#list {display:table; margin-bottom:30px;} div#services h1, div#wwcd h1, div#materials h1, div#testimonials h1, div#famouscust h1 {font-size: 40px; font-weight:normal;} div#services h2, div#wwcd h2, div#materials h2 , div#testimonials h2{font-size: 25px; font-weight:normal; color:#3471C2; margin-bottom:30px;} div#services ul {padding-left:15px; display:table-cell;width:32%; list-style-image: url(images/site/new/li-serv.png);} div#services ul li {font-size:20px; color: #373B3C; padding-top:5px; padding-bottom:5px; padding-right:10px;} div#services > div#nib {width:73px; height:25px; display:block; margin:auto; padding:0;} div#wwcd {background: #45515D; text-align:center; padding-top:0px;padding-bottom:40px;} div#wwcd h1, div#wwcd h3 {color: #FFFFFF; } div#wwcd h3 {font-size: 20px; text-align:center; font-weight:normal;} div#wwcd > div img {display:inline-block; margin:0; padding:0; width:290px;height:290px;} div#wwcd > div#nib {width:73px; height:25px; display:inline-block; background-position: -146px; margin:0; margin-bottom:15px;} div#wwcd a.btn {display:inline-block; float:none; font-size:16px; border: 1px solid #CFD4D7; border-radius:5px; text-decoration:none; color:#CFD4D7; padding: 3px 20px 5px 20px; margin-left:10px; margin-right:10px; white-space: nowrap; margin-top:10px; margin-bottom:10px;} div#wwcd div#pictures {display:none;} a#imgcars, a#imgmachinery, a#imgmoto, a#imgrobot, a#imgelectro, a#imgjewel, a#imgsport, a#imgwater {display:none;} div#famouscust {background: #DBDBDD; text-align:center; padding-top:0px;padding-bottom:20px;} div#famouscust > div#nib {width:73px; height:25px; display:block; background-position: -292px; margin:auto; padding:0; margin-bottom:15px;} div#famouscust h1 { padding-top:5px; padding-bottom:25px;} div#famouscust > div {max-width:none;} #discovery, #globeandmail, #hmnews, #mmachineshop, #pcmagazine, #usatoday, #magwired {display:inline-block; height:100px;background: url(images/site/new/famcust5.png) no-repeat; vertical-align: middle;font-size:0px;margin:6px;} #discovery {width:206px; background-position: -100px top;} #globeandmail {width:100px; } #hmnews {width:235px; background-position: -306px top; } #mmachineshop {width:132px; background-position: -541px top; } #pcmagazine {width:77px; background-position: -673px top; } #usatoday {width:159px; background-position: -750px top; } #magwired{width:150px; background-position: -909px top; } @media (min-width:850px) { div#wwcd div#buttons {display:none;} div#wwcd div#pictures {display:table;} a#imgcars, a#imgmachinery, a#imgmoto, a#imgrobot, a#imgelectro, a#imgjewel, a#imgsport, a#imgwater {display:inline-block;width:290px; height:290px; background: url('images/site/new/wwcd-all.jpg'); } a#imgmachinery {background-position: -580px;} a#imgmoto {background-position: -290px;} a#imgrobot {background-position: -870px;} a#imgelectro {background-position: 1160px;} a#imgjewel {background-position: 870px;} a#imgsport {background-position: 580px;} a#imgwater {background-position: 290px;} } div#materials {background: #EEF2F5; text-align:center; padding-bottom:40px;} div#materials h1, div#materials h3 {color: #373B3C; } div#materials h3 {font-size: 20px; text-align:center; font-weight:normal;} div#materials > div {margin-top:45px;margin-bottom:25px;} div#materials > div > div {display:inline-block; margin:0; padding:0; width:190px;height:190px; text-align:center;vertical-align:middle;} img.mat-home {margin-bottom:20px;width:123px;height:123px;} div#materials > div#nib {width:73px; height:25px; display:inline-block; background-position: -220px; margin:0; margin-bottom:15px;} a#matalum, a#matsteel, a#matssteel , a#matsteel , a#matssteel , a#matsheetmet , a#mattitan , a#matbrass , a#matcopper, a#matnylon , a#matacetal , a#matpoly , a#matacryl , a#matfiber {display:inline-block; width:123px; height:123px; background: url(images/site/new/mat-all.gif);} a#matsteel {background-position: -123px;} a#matssteel {background-position: -246px;} a#matsheetmet {background-position: -369px;} a#mattitan {background-position: -492px;} a#matbrass {background-position: 861px;} a#matcopper {background-position: 738px;} a#matnylon {background-position: 615px;} a#matacetal {background-position: 492px;} a#matpoly {background-position: 369px;} a#matacryl {background-position: 246px;} a#matfiber {background-position: 123px;} div#testimonials {background: #4080C8; text-align:center; padding-bottom:40px;} div#testimonials h2 {margin-bottom:10px; } div#testimonials h1 , div#testimonials > div > a {color: #FEFEFE; } div#testimonials h1 {margin-bottom:20px;} div#testimonials h1#bq {font-size:90px; margin-top:20px;} div#testimonials > div { margin-top:5px;} div#testimonials > div > a {display:table-cell; width:10%; text-align:center; text-decoration:none; font-size:30px; vertical-align:middle; } div#testimonials > div p {text-align:center; font-size: 18px; line-height: 25px; font-weight: normal; color: #1B1B1B;} div#testimonials > div > div {display:table-cell;background: #FEFEFE; padding: 20px;} div#testimonials > div#nib {width:73px; height:25px; display:block; background-position: -72px; margin:auto; padding:0; margin-bottom:15px;} div#testimonial {padding: 0px 0px 25px 0px;} div#testimonial > strong {display:block;clear:both;} div#gallery > div {margin-bottom: 20px; display:table;} div#gallery > div a {line-height:25px;} div#footmenu{background: #515860; text-align:center; padding-top:10px; padding-bottom: 10px;} div#footmenu.inner {margin-top:20px;} div#footmenu a {line-height:15px;display:inline-block;color:#FEFEFF; font-size: 18px; text-decoration:none; padding-left:20px; padding-right:20px; border-right: 2px solid #8A9197; padding-bottom:2px;padding-top:0px; margin-top:10px; margin-bottom:10px;} div#footmenu a:last-child {border-right:none;} div#footaddr{background: #FFFFFF; text-align:center; padding:5px; padding-top:40px; padding-bottom: 10px; border-bottom: none; font-size:18px; color: #5E5E5E;} div#lastfoot{background: #FFFFFF; text-align:center; padding-top:10px; padding-bottom: 40px; font-size:18px; color: #5E5E5E;line-height:18px;width:100%;} div#lastfoot > div {max-width:1300px; width:99%; height:100%;} div#lastfoot > div > div {font-size: 18px; color: #5F5F5F; display:inline-block; vertical-align:top; text-align:left; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:5px; vertical-align:middle;} div#lastfoot div#social {text-align:left; margin-top:20px; white-space: nowrap; } div#lastfoot div#social img {padding-left:8px;padding-right:8px; width:35px; height:35px;} div#lastfoot div#p2p {width:26%; min-width:320px;} div#lastfoot div#p2p img, div#lastfoot div#softbox img, div#lastfoot div#footvideo img {display:block; float:left; height:126px;margin-right:10px; } div#lastfoot div#p2p img { width:136px; height:126px; border-radius:5px; border: 2px solid #AAFFAA; margin-bottom:2px;} div#lastfoot div#softbox {width:26%;text-align:left; min-width:320px;} div#lastfoot div#softbox img {width: 100px; height:126px; } div#lastfoot div#footvideo {width:30%;min-width:350px;} div#lastfoot div#footvideo img {border-radius:6px; border: 2px solid #AAAAAA; width:180px; height:126px;} div#lastfoot div#copyr {text-align:center; display:block; clear:both; width:90%; min-width:auto; max-width:auto; margin:auto; margin-top:20px;} div#lastfoot div#social {text-align:center; } div#lastfoot div#social a {display:inline-block;width:35px; height:35px;margin-left:8px;margin-right:8px;} a#social-fb {background: url(images/site/new/social-buttons.png);} a#social-tweet {background: url(images/site/new/social-buttons.png) -70px;} a#social-google {background: url(images/site/new/social-buttons.png) -35px;} a#social-youtube {background: url(images/site/new/social-buttons.png) 35px;} .pagesubmenu ul {display:block; padding:0; margin-top:5px;margin-bottom:5px; } .pagesubmenu ul li {display: inline-block; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px; padding-left:10px; padding-right:10px; white-space:nowrap; border: 1px solid #D6D7DB; background: #EEEEEE; border-radius:5px; } /*background: url(images/site/back01.png) 0px -970px no-repeat;}*/ .pagesubmenu ul li a {text-decoration:none;} /*.sidesubmenu { background: url(images/site/block_sidemenu.gif) top left no-repeat; }*/ #pagecontent > div .pagesideblock { width:100%; margin-bottom:15px; text-align:left; display:table;} #pagecontent > div .sideimage02 {display:inline-block; text-align:center; margin-left:5px; margin-right:5px; vertical-align:bottom;} #pagecontent > div div#admin.sideimage02 {display:block;text-align:left;} /*.sidesubmenu01 {padding: 10px; margin: 0 0 20px 0; background: url(images/site/side_menu_round_bottom.png) bottom left no-repeat; }*/ /*.sidesubmenu01 h2 {color:#777; display:block; font-weight: bold; font-size:14px; padding:7px 5px 2px 10px; background: url(images/site/block_sidemenu.gif) 0px 0px no-repeat; margin: -10px -10px 0px -10px; }*/ .updateslist, .block_left_content ul, .block_right_content ul, .center_content ul {margin:0px; padding:1px 0px 1px 0px; list-style: none;} .updateslist li, .block_left_content ul li, .block_right_content ul li, .center_content ul li {padding: 0px 0 0px 8px; margin-top:5px; margin-bottom:5px; background: url(images/site/back01.png) 0px -975px no-repeat;} .updateslist li a, .block_left_content ul li a, .block_right_content ul li a, .center_content ul li a {text-decoration: underline; color:#0066cc; } /*{text-decoration: none; color:#777; }*/ .updateslist li a:hover, .block_left_content ul li a:hover, .block_right_content ul li a:hover, .center_content ul li a:hover {text-decoration: underline; color:#0099ff; } div.breadcr { text-align:center; border-top: 2px solid #D4D5D7; vertical-align:center; background: linear-gradient(to bottom, #FFFFFF 0%,#ECEDEF 5%); } div.breadcr > div {vertical-align:top; line-height:35px;} div.breadcr {margin-top:0px; } div.breadcr > div > sp {font-weight:bold; color:rgb(247, 198, 0);margin-left:10px;margin-right:10px;} .maincontainer, #footer, #titl, #mcontent, #block123, div#wmenu, div#head-welcome > div, div#head-video > div:last-child, div#highlights, div#services {width: 100%; max-width:1370px; min-width:100px; display:block; clear:both;margin:auto; } div#pagecontent, div.col_content { width:100%;} .maincontainer { padding: 0px; } #block_fimg_n {width:950px;} #mcontent {width:100%;display:block; clear:both;} #titl {padding: 0px; border: 0px; border-spacing: 0px; height: 75px; text-align: left; padding: 0 0 0 0; display:table; /*border-bottom:1px solid #D6D7DB;*/ text-align:center; vertical-align:top;} #titl #logo{display:inline-block; border-right: 1px solid #D6D7DB; padding-top:12px;padding-bottom:12px; min-width:350px; width:35%; vertical-align:top;text-align:left; } #titl #find{display:inline-block; padding-top:15px; padding-left: 25px; border-right: 1px solid #D6D7DB;padding-bottom:19px; vertical-align:top; white-space:nowrap;} #titl.home #find {border-right:none;} #titl #buttons{display:inline-block; padding-top:15px; vertical-align:top;min-width:380px; width:35%; padding-bottom:18px;} #titl.home #buttons {display:none;} #titl.home #logo {width:40%;} #titl.home #buttons {min-width:200px; width:20%; } #titl.inner #orderstatus {display:none;} #titl.home #download, #titl.home #req_quot {display:none;} img#hbanner {margin-left:40px;} div#navhead, div#examples, div#footer_area, div#head-welcome, div#head-video {width:100%; display: block; clear: both; } div#navhead {background:#FFFFFF;} div#examples {background:#C5C5C5;} div#head-welcome {border-top: 1px solid #235395; } @media (min-width:850px) { div#head-welcome {background: url('images/site/new/gears-blue3.jpg') top left repeat-x;height:290px; } } @media (min-width:2560px) { div#head-welcome {background-size: 100%; } div#head-video > div:first-child { background-size: 100%;} } div#head-welcome > div {display:table;} div#head-welcome > div div {display:table-cell; width:80%; margin:0; color:#FFFFFF;text-align:center; padding-top:5px; vertical-align:top;} div#head-welcome > div p {color: #FFFEFF; text-align:center; font-size:30px;} div#head-welcome > div p:first-child {font-size:53px; line-height:50px; font-weight:bold; margin-top:15px; color: #FFFFFF;} div#head-welcome > div p:last-child {margin-top:5px; margin-bottom:20px;} table.tTitle_n{padding: 0px; border: 0px; border-spacing: 0px; width: 100%; height: 74px; text-align: left; padding: 12px 17px 0 18px; margin-left:auto; margin-right:auto;} #block123 {display: block; margin:auto; width:100%; max-width: none; height: clear: both;} .indexwelcome_n{height: 26px; display: block; padding: 0px 1px 0px 10px; color: #fff; font-size: 17px; } input.find_edit {height:38px; padding:0px 4px 0px 4px;margin:0; font-size:16px;width:220px;border: 0px solid #999;border-radius: 0;-webkit-appearance: none; } .find_button {vertical-align:bottom; } .block_find {display:block; vertical-align: bottom;} div.topmenu{clear: both; height: 38px; padding-top: 11px; padding-bottom:11px; margin-left:30px;} div#wmenu.home, div#wmenu.forum{margin:auto;} .hasImg,.hasImg a{padding: 0px !important; margin: 0px !important; border: none !important; outline: none !important; background: transparent !important; width: auto !important;} .hasImg,.hasImg a{padding: 0px !important; margin: 0px !important; border: none !important; outline: none !important; background: transparent !important; width: auto !important;} /*---- Examples parts tripe ----*/ #block_fimg_n { margin:auto; padding-top:15px; padding-bottom:15px; display: table; clear:both; padding-left:13px; padding-right:13px;} #block_fimg_n div {display: table-cell;padding:0px 8px 0px 8px; } #block_fimg_n a:link, #block_fimg_n a:active, #block_fimg_n a:visited, #block_fimg_n a:hover { text-decoration: none;color:#000000;} #block_fimg_n #exam { text-align:left; width:200px; vertical-align:middle;font-size: 16px;font-weight:bold;} #block_fimg_n a img {border: none; width:60px; height:60px;} #block_fimg_n a img:hover {border: none;} /*------ Content between header and footer ----*/ #mcontent {display: table; margin-top:0px;} #wcontent {margin-top:0; display:table;} #catimg {width:100%;} .col_left, .col_right, #rightbar /*, .col_content*/ {display: table-cell; vertical-align: top; height:100%;padding-right: 15px;} .col_left, .col_right {width:40%; } /* border-right: 1px solid #CCCCCC;}*/ .col_left > :first-child, .col_right > :first-child {padding-top:0; margin-top:0} #rightbar {padding-right: 0;} #rightbar, .col_left, .col_right {padding-top:0px; } #rightbar, .col_right {border-left: 1px solid #CCCCCC;} /* hack: make top margin and wipe-out some potion of border */ #rightbar:before, .col_right:before, .col_left:before {border-left:4px solid #FFFFFF; content:'.';margin-left:-16px; color:transparent; margin-top:0px; line-height:20px;display:block;} /*.col_content {width:80%; padding-right:25px;}*/ div#mcontent div.topimg{padding-top:235px;} div#mcontent div.fullwidth{width:100%; border-right: none;} .col_right , #rightbar {padding-left: 15px;} .col_left /*, .col_content*/ {padding-left:21px;} #rightbar {width:20%;} #rightbar , #titl #find {padding-right:21px;} .col_left > h1:first-child {padding-top:0px;} #social-top, #social-bottom {display:block; border-top: 1px solid #F2F2F2; clear:both;} #social-top img, #social-bottom img{margin-right:20px;} #social-top img.last, #social-bottom img.last{margin-right:0;} #social-top { float: right; } #social-bottom {float:left; margin-top:20px; } #ishelpful { margin-top:20px;} #ishelpful > div {display:block; clear: both; line-height:28px; } #ishelpful > div span {padding:0px; padding-top:7px; padding-bottom:7px; white-space:nowrap;} #ishelpful #yes, #ishelpful #no, #ishelpful #smwt {padding:0; background: #107C10; border-radius:3px; color:#FFFFFF; text-decoration:none; text-align:center; display:inline-block;margin-right:10px; padding-left:15px;padding-right:15px;color:#000000; } #ishelpful textarea {display:block;clear:both; margin-bottom:8px; width:40%; height:40px; border: 1px solid #107C10;} #gotop {display:block; float:right; } h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {text-decoration:none; color:#252525;} a.nd{text-decoration:none;} #rightbar > .item {display:block; clear:both; padding-bottom:10px;border-top: 1px solid #D1D1D1; } #rightbar > .item:first-child {border-top:none;} #rightbar > .item > a:first-child {margin-top:15px;} #rightbar > .item:first-child > h2:first-child {padding-top:0;} #rightbar > .item:first-child > a:first-child {margin-top:0;} #rightbar > .item img:first-child {margin-top:10px;} #rightbar > .item #cadsoft {width: 100%; max-width: 138px; height: auto; margin-left:auto; margin-right:auto; clear:both; display:block;} #rightbar #vguide {margin-top:10px; width:100%;} /*div.promo {display:block; padding-left:60px; background: url(images/vanessa3.jpg) no-repeat; margin-top:15px; min-height:45px; line-height:27px;margin-bottom:10px;} div.promo :first-child {padding-top:0}*/ /*ul.promi { padding:5px; list-style-type: none; } ul.promi li {padding:0px 0px 0px 20px; margin: 5px 0px 5px 0px; background-image: url('images/promi-bullet.png');background-repeat: no-repeat; background-position: 0 2px;}*/ div.price { background: #DFDFDF; width:100%; max-width:300px; clear:right; display:block; margin: auto; } /* 15px 0 15px 0; }*/ div.price .promi {width:70%; margin:auto;} #machpart, #cncmill, #price2d3d, #alumbars, #img350w {border: none; margin: 0px 0 0px 0; width:100%; max-width:300px; height:auto;} #machpart {max-width:293px;} #price2d3d {max-width:400px;} #img350w {max-width:350px;} #sampleparts {border: none; margin: 0px 0 0px 0; width:100%; max-width:293px; height:auto;} div.capa, div.capar {float:left; display:block; width:50%; margin:0; padding:0; } div.capa ul, div.capar ul { width:70%; margin:auto; padding-left:5px;} div.capa ul li, div.capar ul li{padding: 2px 0px 2px 2px;} ul.forum { padding-left:15px;} ul.forum li {padding-left:1px;} a#orderstatus, a#download, a#downloadbottom, a#req_quot, a#req_quotbottom, a#subscribe , a#ln_more {color:#FFFFFF; text-align:center; line-height:20px; font-size:16px; border-radius:3px; clear:both; display:inline-block; font-weight:normal; text-decoration:none; margin-left:auto; margin-right:auto; padding: 10px 10px 10px 10px; font-family: Helvetica, Arial, sans-serif;/*text-shadow:-2px -2px 2px rgba(255,255,255,0.2), 1px 1px 1px rgba(255,255,255,0.2);*/ white-space: nowrap; } a#orderstatus, a#download, a#downloadbottom { max-width:300px;} a#orderstatus { background: rgb(0, 113, 182); } a#download, a#downloadbottom { background: rgb(0, 113, 182); color: #FFFFFF;} a#downloadbottom {font-size:16px;margin-right:15px;} a#orderstatus, a#download { display:block; } a#download, a#req_quot {min-width:170px;} a#req_quot, a#ln_more, a#req_quotbottom {margin-top:5px; background: #0071B6; } a#req_quot, a#req_quotbottom { background: #1EC279; } a#req_quot {max-width:200px; display:block;} a#req_quotbottom {font-size:16px; } a#subscribe { margin-top:5px; background: rgb(247, 198, 0); width: 90%; max-width:200px;} a#req_quotbottom {width:auto;min-width:220px;} /*BM:NEW-START*/ #buttons a#download, #buttons a#req_quot, #buttons a#orderstatus { width:auto; display:inline-block;font-size:15px; min-width:150px;border-radius:3px;line-height:18px;font-weight:normal;} #buttons a:first-child {margin-right:10px;} div#head-welcome a#download, div#services a#req_quot, div#wwcd a#req_quot, div#materials a#req_quot, #ishelpful #yes, #ishelpful #smwt, #ishelpful #no { background: #E5AB2E; color:#000000; font-weight:bold;} div#head-welcome a#req_quot, div#head-welcome a#download { width:auto; display:inline-block;font-size:17px; min-width:150px;border-radius:3px;line-height:24px; padding-left:20px; padding-right:20px;} div#head-welcome a#req_quot {background:transparent;border: 1px solid #FFFFFF; margin:10px; margin-left: 10px;margin-right:10px; } /*BM:NEW-STOP*/ a#ln_more {width:50%; } div#footer_area {background:#DCDDDD; margin-top:20px; display:table;} #footer {display:block;padding-top: 15px; padding-bottom:15px;} #footer .addr {margin-left:15px; display:block; width:45%; white-space:nowrap;} #footer .menu { clear:both; display:block; margin-bottom:15px; } #footer .addr {margin-top: 0px; margin-bottom:16px; line-height:22px; float:left; clear:left; } /* clear:both;}*/ #footer .menu a {margin-right:20px;} #footer .social {margin-right:15px; display:block; float: right;} #footer .social img {margin-left:15px; border: 1px solid #7280A2;} .sgn {font-style:italic;} a.viewall {text-decoration:none; font-weight: bold; color:#000000} #p2p {margin-top: 0; display:block; clear:both;} #p2p img {margin-bottom:10px;} #p2p > div {width:250px; margin:0;padding:0;} #footer #p2p {display:block; clear:none; float:right; width:30%; margin-left:0px; } .cs {color:red; font-weight:bold;} #sidevideo {display:block; margin:auto; width:100%; max-width:290px;} /* Main menu styles */ #wmenu > a:first-child {display:none; color:#FFFFFF; line-height:38px; padding-left:4%; padding-right:4%; width:92%; font-weight:bold;text-decoration:none; text-align:right; background: url('images/site/mmenu.png') no-repeat; background-position: right; } #wmenu > a:first-child:hover {background: url('images/site/mmenu-hover.png') no-repeat;background-position: right;} div#wmenu {max-width:none;} div#wmenu {background: #ECEDEF; background: linear-gradient(to bottom, #FFFFFF 0%,#ECEDEF 3%); border-top:1px solid #ECEDEF;} .dropdownsm, .dropdownsm ul, .dropdownsm li{ margin: 0; font-size: 17px; padding:0; } .dropdownsm { margin-top:10px; margin-bottom:10px;background-color: transparent; display:inline-block; padding-left:20px; } .dropdownsm ul{ display : none; position : absolute; top: 100%; left: 0; z-index : 1; border: 1px solid #D6D7DB; box-shadow: 2px 2px 2px #5E5E5E;} .dropdownsm ul ul{ top : 0; left : 100%; background-color: #0f8de7;} .dropdownsm ul .dropdownsmRightToLeft ul{ left : auto; right : 100%;} .dropdownsm li { position : relative; display : block; list-style-type : none; margin: 0; } .dropdownsm > li{width:100px; margin: 0px 8px 0px 8px; padding: 5px 5px 5px 5px; display : inline-block; } .dropdownsm li:first-child { margin-left:0px;} .dropdownsm li:last-child { margin-right:0px;} .dropdownsm a{ display: block; text-decoration: none; white-space: pre; color: #555555; } .dropdownsmJavaScript li.dropdownsmOpen > a, .dropdownsm a:hover {color:#FFFFFF;} span.more {font-size:10px;} .dropdownsm ul a { line-height: 20px; border-top: none; border-bottom: none; padding: 8px 6px 8px 6px; background: none; } .dropdownsm a.ac {cursor:default;} .dropdownsm a.ac::after {content:'\25BC'; color:#AAAAAA; font-size:10px; margin-left:5px; margin-bottom:5px;} .dropdownsm li:hover, .dropdownsmJavaScript li.dropdownsmOpen, #wmenu > a:first-child:hover { background-color: #2B68B9; } /*{ background-color: #DDDDDD; }*/ .dropdownsm li ul { background-color: #FEFEFE; } /*{ background-color: #0f8de7; }*/ .dropdownsm li:hover > ul{ display : block; } .dropdownsmVertical{ display : inline-block; } .dropdownsmVertical > li{ display : block; } .dropdownsmVertical ul{ top : 0; left : 100%; } .dropdownsmJavaScript li:hover > ul{ display : none; } .dropdownsmJavaScript li.dropdownsmOpen > ul { display : block;} .dropdownsmJavaScript li.dropdownsmOpen:hover > ul{ display : block;} .dropdownsm > li > a { text-align:center;} div#wmenu{text-align:center;} /*div#wmenu.home, div#wmenu.forum{text-align:center;}*/ div#wmenu.home .dropdownsm, div#wmenu.forum .dropdownsm{padding-left:0; } .submittedok {font-weight:bold; color: #1EC279;} .formerror {font-weight:bold; color: #FF2222;} #MailForm .num {width:50px;} #MailForm {display:block; float:left;} #cadimg { display:block;float:right; width:30%;height:auto; max-width:320px; min-width:150px;} button.accordion {font-size:14px;} div#dqbuttons a {display:inline-block; white-space:nowrap;} div#dqbuttons a:first-child {margin-right:15px;} input#ccnum {width:190px;} p.normalintro {font-weight: normal;} p.normalintro a {color:#0066cc; text-decoration: underline; text-align:left;} .youtube { background: #DDDDDD; background-position: center; background-repeat: no-repeat; background-size: 100%; position: relative; display: inline-block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; width:100%; height:100%; } .youtube .play { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ +CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center; background-size: 64px 64px; position: absolute; height: 100%; width: 100%; opacity: .8; filter: alpha(opacity=80); transition: all 0.2s ease-out; } .youtube .play:hover { opacity: 1; filter: alpha(opacity=100); } /*-- new image gallery --*/ .imageWrapper { position: relative; } .product { border: 3px solid #e2e2e2; text-align: center; padding: 1em; margin:0.5em; box-shadow: 0 0 17px rgba(0,0,0,0.13); width:500px; height:500px; display:inline-block; } .product img {vertical-align:middle; position:absolute; top:0; bottom:0;left:0;right:0; margin:auto;max-width:95%;max-height:95%; } .imageWrapper .cornerLink { opacity: 0; position: absolute; top: 0; left: 0; right: 0; padding: 2em; color: #fff; background: #000; text-decoration: none; text-align: center; transition: opacity 500ms; } .imageWrapper:hover .cornerLink { opacity: .9; } .imageWrapper .cornerLink { opacity: 0; position: absolute; top: 0; left: 0; right: 0; padding: 1em; color: #fff; background: #000; text-decoration: none; text-align: center; transition: opacity 500ms; } div#partsgallery .product {width:250px; height:250px;} div#partsgallery300 .product {width:300px; height:300px;} div#partsgallery350 .product {width:350px; height:350px;} div#partsgallery400 .product {width:400px; height:400px;} div#formtable { display:table; } div#formtable > div {display:table-row; } div#formtable > div > div {display:table-cell; padding:6px; vertical-align:top; } div#formtable div#name {font-weight:bold; white-space: nowrap; } @media screen and (max-width: 1280px) { .dropdownsm > li {width:auto;} } @media screen and (max-width: 1100px) { div#head-welcome > div div {width: 100%; margin:auto; padding:5px;} div#lastfoot div#softbox, div#lastfoot div#p2p, div#lastfoot div#footvideo {display:block; clear:both; width:50%; min-width:auto;margin-left:auto;margin-right:auto; text-align:center;} div#lastfoot div#softbox img, div#lastfoot div#p2p img, div#lastfoot div#footvideo img {display:block; clear:both; float:none; margin-left:auto; margin-right:auto; margin-bottom:5px;} div.col_content > div {width:99%;} } @media screen and (max-width: 850px) { /*div#head-welcome, div#head-video > div:first-child {background:#1C54A9;}*/ div#head-welcome, div#head-video > div:first-child {background: #1E52A6;} } @media screen and (max-width: 750px) { #titl #logo, #titl #find, #titl #buttons {display:block; border: none; margin:auto; clear:both; height:50px; padding:2px;} #headervideo { border: none; } div#head-welcome > div p {font-size:25px; line-height:30px;} div#head-welcome > div p:first-child {font-size:35px; line-height:40px; margin-top:15px; } div#head-welcome > div p:last-child {margin-top:25px; margin-bottom:40px; } div#head-welcome {height:auto; } .dropdownsm {margin-right:70px; padding-left:0px;} .dropdownsm li:first-child {margin-left:2px;} .dropdownsm {display:none;width:auto; margin:0; padding:0;} .dropdownsm > li {display:inline-block; float:left; clear:both; width:auto; padding:0;} .dropdownsm ul{ position:relative; top: auto; left: auto;} #wmenu > a:first-child {display:inline-block; } .dropdownsm li:hover > ul{ display : none; } .shownjs .dropdownsm { display:block; } .dropdownsm li {font-size:16px;} .dropdownsmJavaScript li.dropdownsmOpen > { padding-left: 2%;} div#services > div > div:last-child {display:none;} #wmenu::after {content:" "; display:block; clear:both;} #pagecontent > div .pagesideblock { text-align:center;} div#lastfoot div#softbox, div#lastfoot div#p2p, div#lastfoot div#footvideo { width:80%;} } @media screen and (max-width: 500px) { div#head-welcome a#download {margin-top:5px; margin-bottom:5px;} div#partsgallery400 .product {width:350px; height:350px;} } @media screen and (max-width: 450px) { div#partsgallery400 .product {width:300px; height:300px;} div#partsgallery350 .product {width:300px; height:300px;} } @media screen and (max-width: 400px) { #titl.inner #buttons {display:none; } /*#titl.home #logo {display:none;}*/ #titl #logo {height:auto;} #titl #logo img {margin:0;} /*#titl.home {height:auto; margin-top:5px;}*/ #titl #logo img {width:300px; padding:0; margin:0;} #titl {padding:0; margin:0;} #titl #logo {padding:1px; margin:0px; width:auto; min-width:auto;} div#highlights > div > div {width:250px; } div#wwcd > div img { width:250px;height:250px;} img.nomobile {display:none;} div#footblocks > div { width:250px; } div#lastfoot div#softbox, div#lastfoot div#p2p, div#lastfoot div#footvideo { width:90%;} #catimg {display:none;} div#partsgallery400 .product, div#partsgallery350 .product {width:250px; height:250px; } } @media screen and (max-width: 350px) { #titl #logo img {width:250px; } div#partsgallery .product, div#partsgallery300 .product, div#partsgallery350 .product, div#partsgallery400 .product {width:200px; height:200px;} }