@import url("reset.css");

/* -------------------------------------------------------------------------------------- */
/* - Global Styles ---------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
body {background:#cfdcdf url(/images/global/bg-body.png) repeat-x; font:normal 12px Arial, sans-serif; margin:0 0 1em;}
a {color:#e35236; text-decoration:underline;}
a:hover {color:#c00;}
input.btn {cursor:pointer;}
h5 a { color: #000; font-weight: bold; }

h1 {border-bottom:solid 4px #000; font-size:24px; font-style:italic; font-weight:bold; margin-bottom:10px; padding-bottom:6px;}

h3 {font-size:18px; font-style:italic; font-weight:bold; margin-bottom:10px;}
h4 {background:url(/images/global/bullet-arrow.png) no-repeat left center; 
	border-bottom:solid 3px #000; 
	font-size:14px; 
	font-weight:bold;
	margin-bottom:10px;
	padding-left:12px; 
	text-transform:uppercase;}
h4 a {color:#000; text-decoration:none;}
h4 a.pdf {background:url(/images/global/ico-pdf.png) no-repeat bottom left; padding:25px 0 4px 24px;}
h5 {font-weight:bold; margin-bottom:.1em;}
p {line-height:1.4em; margin-bottom:1em; margin-right:5px;}
ul.bullet {margin-bottom:1em;}
ul.bullet li {background:url(/images/global/bullet-arrow.png) no-repeat 4px 10px; line-height:1.4em; padding:4px 0 4px 14px;}
dl {border-top:solid 1px #a2a1a1; margin-bottom:16px;}
dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dt, dd {padding:8px 0;}
dd {border-bottom:solid 1px #a2a1a1; padding: 0;}
dt {float:left; clear:both; padding-left:5px; width:100px;}
dd.alt {background-color:#f0f0f0;}
dd a.pdf {color:#000; display: block; margin-left: 100px; padding: 8px 10px 8px 24px; background-position: 0 6px;}
dd a:hover { color:#c00;}

.line {padding: 0px 0px 0px 0px;}
.alt {background-color:#f0f0f0;}
a.topofpage {background:url(/images/global/top_page.gif) no-repeat left; float: right; padding-top: 15px; padding-bottom:15px; overflow: hidden; width: 100px; height: 1px;}
.alignright{text-align:right;}

.wrapper {background:url(/images/global/bg-content.png) repeat-y; margin:0 auto; padding:0 6px; width:960px;}
.wrapper-cap {background:url(/images/global/bg-content-cap.png) no-repeat; height:5px; margin:0 auto; width:972px;}
.wrapper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrapper {display:block;}

/* - Header Styles ---------------------------------------------------------------------- */
.header {background:url(/images/global/bg-header.png) no-repeat top right; border-bottom:solid 4px #e35236; height:126px; margin:0 16px 8px; padding-bottom:2px; position:relative;}
.header .logo a {background:url(/images/global/logo.png) no-repeat; display:block; position:absolute; height:126px; width:116px;}
.header .logo h2, .header .logo p {display:none;}

.member-login {border:solid 1px #a2a1a1; position:absolute; font-weight:bold; left:758px; top:10px;}
.member-login ul {background-color:#fff; padding:4px; text-align:center;}
.member-login li {display:inline; font-size:11px;}
.member-login li:after {content:"|"; padding:0 5px;}
.member-login li:last-child:after {content:""; padding:0;}
.member-login li a {color:#000;}
.member-login p {background-color:#e35236; border-top:solid 2px #000; color:#fff; font-size:10px; margin:0; padding:3px 6px 4px;}
.member-login p a {color:#fff;}

.phone-number {position:absolute; left:734px; top:70px;}

/* - Navigation Styles ------------------------------------------------------------------ */
.nav {background:#134d58 url(/images/bg-nav-right.png) repeat-x; font-weight:bold; height:28px; left:116px; position:absolute; top:98px; width:812px;}
.nav a {color:#fff; text-decoration:none;}

.nav > li {float:left; text-transform:uppercase;}
.nav > li > a {background:url(/images/global/bg-nav.png) no-repeat; display:block; height:21px; padding:7px 14px 0 14px; color:#ffffff}
.nav > li:first-child > a {background-image:url(/images/global/bg-nav-left.png); padding-left:42px;}

.nav li.active a {background-color:#fff; color:#000; margin-right:-1px; padding-right:15px;}

.nav li .drop-down {background-color:#fff; border:solid 1px #a2a1a1; border-top:none; display:none; min-width:200px; padding:4px 4px 0; position:absolute; z-index:1000;}
.nav li:hover a {background-color:#fff; border-left:solid 1px #a2a1a1; color:#000; margin-right:-1px; padding-left:13px; padding-right:15px;}
.nav li:first-child:hover a {border-left:none; padding-left:42px; padding-right:15px;}
.nav li:hover .drop-down {display:block;}

.nav li.search {background-image:url(/images/global/bg-nav.png); line-height:16px; padding:4px 0 2px 14px;}
.nav .txt {padding:2px; width:160px;}
.nav .btn {background-color:#134d58; color:#fff; padding:0;}

.nav .drop-down li {background:url(/images/global/bullet-arrow.png) no-repeat 4px 8px; border:solid 1px #ddd; margin-bottom:4px; padding:4px 4px 4px 15px; white-space:nowrap;}
.nav .drop-down li a {border-width:0; padding:0 !important; text-decoration: underline;}
.nav .drop-down li a:hover {color: #666;}
.nav .drop-down li li {background:none; border:none; color:#555; margin:0; font-weight:normal; padding:2px 2px 2px 15px; text-transform:none;}
.nav .drop-down li li a {color:#555; border:none; margin:0; text-decoration: none;}
.nav .drop-down li li a:hover { color: #333; text-decoration: underline; }

/* - Content Styles ---------------------------------------------------------------------- */
.content {display:block; margin:0 16px 0;}
.content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.print-page {background:url(/images/global/icon-printer.png) no-repeat; border-bottom:solid 1px #d0d0d0; color:#e35236; float:right; padding:0 0 4px 22px;}

.bread-crumbs {border-bottom:solid 1px #d0d0d0; height:19px; margin-bottom:8px;}
.bread-crumbs li {float:left;}
.bread-crumbs li:after {content:">"; padding:0 5px;}
.bread-crumbs li:last-child:after {content:""; padding:0;}

.one-column .column-two {display:none;}
.one-column .column-three {display:none;}

.two-column-narrow .column-one {float:left; margin-right:16px; width:220px;}
.two-column-narrow .column-two {float:left; width:692px;}
.two-column-narrow .column-three {display:none;}

.two-column-wide .column-one {float:left; margin-right:16px; width:360px;}
.two-column-wide .column-two {float:left; width:552px;}
.two-column-wide .column-three {display:none;}

.three-column .column-one, .three-column .column-two {float:left; margin-right:14px; width:300px;}
.three-column .column-three {float:left; width:300px;}

.banner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.banner .rotate {border:solid 1px #a2a1a1; float:left; margin-right:16px; margin-bottom:16px; padding:10px;}
.banner .rotate img {display:block;}

.banner .cta {border:solid 1px #a2a1a1; float:left; margin-bottom:16px; padding:5px; width:225px;}
.banner .cta img {display:block;}

.banner .whats-new {float:left; width:237px;}
.banner .whats-new h3 {background-color:#134d58; color:#fff; font-size:12px; font-style:normal; font-weight:bold; margin:0; padding:5px; text-align:center; text-transform:uppercase;}
.banner .whats-new li {border-bottom:solid 1px #a2a1a1; padding:5px;}
/*.banner .whats-new li:last-child {text-align:right;}*/

.side-nav {border:solid 1px #a2a1a1; margin-bottom:16px; padding:0 5px;}
.side-nav li {border-bottom:solid 1px #a2a1a1; padding:5px;}
.side-nav li:last-child {border-bottom:0;}
.side-nav a {color:#134d58; text-decoration:none;}
.side-nav a:hover {color:#427179; text-decoration:underline;}

.cta-register {background-color:#134d58; color:#fff; margin-bottom:16px; padding:10px 15px;}
.cta-register a {background:url(/images/global/bullet-arrow-orange.png) no-repeat right center; color:#fff; padding-right:15px; text-decoration:none;}
.cta-register a:hover {color:#fff; text-decoration:underline;}
.cta-register h3 {border-bottom:solid #fff; border-width:0 0 1px 0; font-size:14px; font-weight:bold; line-height:18px; margin:10px 0; padding: 0 0 10px 0;}
.cta-register h3 em {font-size:24px; font-weight:bold;}
.cta-register p {font-size:11px; line-height:16px;}

.swoosh-banner {background-image:url(/images/bg-swoosh-banner.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px; height:125px;}
.swoosh-banner h1 {border-bottom:solid 4px #000; font-size:24px; font-style:italic; font-weight:bold; margin-bottom:10px; padding-bottom:6px;}
.swoosh-banner img {border:solid 1px #000; float:left; margin-right:10px;}
.swoosh-banner p {line-height:18px; margin-bottom:1em;}
.swoosh-banner li {float:left; width:130px; padding:0 15px 10px 0px;}
/*.swoosh-banner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }*/

.view a {background:url(/images/ico-tut-view.png) no-repeat center left; padding:2px 0 3px 25px;}
.alt .view a {background:none; padding:0;}

.tut-featured {border-bottom:solid 1px #a2a1a1; margin-bottom:16px; padding-bottom:10px;}
.tut-featured:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.tut-featured div {width:330px; float:left; margin-right:16px;}
.tut-featured div:last-child {margin:0;}
.tut-featured .view {float:left; margin:0 10px 10px 0; width:100px;}
.tut-featured .view img {border:solid 1px #000; display:block; margin-bottom:10px;}
.tut-featured h5 a {color:#000;}

.library {margin-bottom:16px;}
.library:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.library .col {float:left; margin-right:16px; width:330px;}
.library .col:last-child {margin-right:0;}

.library h4 {background:url(/images/global/bullet-arrow.png) no-repeat left center; border-bottom:solid 3px #000; font-size:14px; font-weight:bold; margin-bottom:10px; padding-left:12px; text-transform:uppercase;}
.library h5 {font-size:13px; margin-bottom: 0.5em;}
.library h5 em {font-size:12px; font-style:italic;}
.library p {margin-bottom: 0.5em;}

.library .view {border-bottom:solid 1px #a2a1a1; margin-bottom: 10px; padding-bottom:16px;}
.library.alt .view {padding-bottom:10px;}
.library ul {border-bottom:solid 1px #a2a1a1; margin-bottom:10px; padding-bottom:10px;}
.library li {display:inline;}
.library li a {padding-right:10px;}

.columns {margin-bottom:16px;}
.columns:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.columns .col {float:left; margin-right:16px; width:338px;}
.columns .big_col {float:left; margin-right:16px; width:350px;}
.columns .big_col:last-child {margin-right:0;}
.columns .small_col {float:left; margin-right:16px; width:300px;}
.columns .small_col:last-child {margin-right:0;}

/*
.button a {background:url(/images/global/bullet-arrow-orange-trans.png) no-repeat right center; color:#134d58; padding-right:15px; text-decoration:none;}
.button {color:#134d58;}
.button h3 {font-size:14px; font-style:normal; display:inline; font-weight:bold; margin-bottom:10px;}
*/

a.button {background:url(/images/global/next_button3.png) no-repeat right center; color:#ffffff; text-decoration:none; overflow: hidden; padding:5px 80px 5px 20px;}

/*FOR TECHTALK*/
.post li {margin-left:25px;list-style:disc;}
.post strong {font-weight:bold;}

.smart-moves {border-bottom:solid 0px #a2a1a1; margin-bottom:10px; padding-bottom:10px;}
.world-banner {background-image:url(/images/bg-world-banner1.jpg); border:solid 1px #000; margin-bottom:16px; padding:16px;}
.world-banner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.world-banner #video {float:left; margin-right:16px; width:320px;}
.world-banner h1 {border-bottom:solid 4px #000; float:left; font-size:24px; font-style:italic; font-weight:bold; margin-bottom:10px; padding-bottom:0px; width:660px;}
.world-banner h1 em {font-style:italic;}
.world-banner p {line-height:18px;}

.vid {background:url(/images/global/ico-video.png) no-repeat center left; padding:4px 0 4px 24px;}
.pdf {background:url(/images/global/ico-pdf.png) no-repeat center left; padding:4px 0 4px 24px;}

.two-column-banner {background-image:url(/images/bg-swoosh-banner.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}
.two-column-banner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.two-column-banner h1 {border-bottom:solid 4px #000; font-size:24px; font-style:italic; font-weight:bold; margin-bottom:10px; padding-bottom:0px;}
.two-column-banner img {border:solid 1px #000; float:left; margin-right:10px;}
.two-column-banner p {line-height:18px; margin:0 0 1em 225px;}



.servo {background-image:url(/images/support/bg-swoosh-servotrends.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.catalog {background-image:url(/images/support/bg-swoosh-catalog.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.software {background-image:url(/images/bg-swoosh-software.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.firmware {background-image:url(/images/support/bg-swoosh-firmware.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.allproducts {background-image:url(/images/bg-swoosh-all-products.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.prod-title { font-size:14px; text-transform: uppercase;}

.appnotes {background-image:url(/images/bg-swoosh-appnotes.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}
.appnotes ul {line-height:15px; margin-left:225px;}

.manuals {background-image:url(/images/bg-swoosh-manuals.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}
.manuals p {line-height:18px; margin:0 0 1em 255px;}

.in-the-news {background-image:url(/images/bg-swoosh-in-the-news.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.search-banner {background-image:url(/images/bg-swoosh-search.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.sample-dmc-code {background-image:url(/images/bg-swoosh-sample-dmc-code.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.online-class {background-image:url(/images/bg-swoosh-online-class.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.motor-connect {background-image:url(/images/bg-swoosh-motor-connect.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}
.made-easy-video {background-image:url(/images/bg-swoosh-made-easy-video.jpg); border:solid 1px #000; margin-bottom:16px; padding:10px;}

.featured {border-top:solid 1px #a2a1a1; padding:10px;}
.featured:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.featured div {float:left; margin-right:16px; width:638px;}
.featured div:last-child {margin:0;}
.featured img {background-color:#fff; border:solid 1px #a2a1a1; float:left; margin-right:10px; padding:5px;}
.featured h4 {background:url(/images/global/bullet-arrow.png) no-repeat left center; border-bottom:solid 3px #000; font-size:14px; font-weight:bold; margin-bottom:10px; padding-left:12px; text-transform:uppercase;}
.featured h4 a {float:right; font-size:12px; font-weight:normal; margin-top:-24px; text-transform:capitalize;}
.featured h4.smart-moves {background:#134d58; border:none; color:#fff; font-weight:bold; margin-bottom:.5em; padding:3px; float:left; width:440px;}
.featured p {margin-bottom:0.5em;}
.featured li {float:none; margin:0 0 .5em 11px;}
.featured.alt {background-color:#f0f0f0; margin:0;}
.featured.bottom {border-bottom:solid 1px #a2a1a1; margin-bottom:16px;}

a.view-archive {display:block; background-color:#e35236; color:#fff; float:right; font-size:11px; font-weight:normal; font-style:normal; margin-top:-24px; padding:5px 10px; text-decoration:none;}
a.view-archive:hover {color:#fff; text-decoration:underline;}
h3:last-child a.view-archive {margin-top:-32px;}

.box {border:solid 1px #000; clear:both; margin-bottom:16px;}
.box h1 {font-size:24px; font-weight:bold; margin-bottom:-10px; padding:6px 10px 0; border-bottom:none;}
.box h3 {border-top:solid 5px #e35236; border-bottom:solid 1px #000; font-size:16px; font-style:normal; font-weight:bold; margin:0; padding:5px 10px;}
.box h5 {padding:5px 10px;}
.box p {line-height:1.4em; margin:10px;}
.box ul {background-color:#f7f7f7; padding:1px 10px;}
.box li {background:url(/images/global/bullet-arrow.png) no-repeat 4px 14px; border-bottom:solid 1px #c6c6c6; font-weight:bold; line-height:1.4em; padding:10px 10px 10px 16px;}
.box li:last-child {border-bottom:none;}
.box img {display:block; margin:10px auto;}

.box-light {border:solid 1px #a2a1a1; margin-bottom:16px; padding:6px;}
.box-light img {display:block;}
.box-light h3 {background-color:#000; color:#fff; font-size:14px; font-style:normal; font-weight:bold; margin:0; padding:5px; text-align:center; text-transform:uppercase;}
.box-light h5 {background:#cbcbcb url(/images/global/bg-grey-fade.png) repeat-x; border:solid 1px #cbcbcb; border-bottom:none; color:#333; margin:0; padding:5px; text-align:center;}
.box-light li {background:#134d58 url(/images/global/bullet-arrow-orange.png) no-repeat 8px 8px; color:#fff; font-size:11px; padding:5px 10px 5px 22px;}

.more-info:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.more-info {float:left; margin:0 16px 16px 0; width:380px}

.more-info h3 {background-color:#134d58; color:#fff; font-size:12px; font-style:normal; font-weight:bold; margin:0; padding:2px 5px; text-transform:uppercase;}
.more-info ul {float:left;}
.more-info li {margin:5px 15px 5px 5px;}

.questions {border:solid 1px #000; float:left; margin-bottom:16px; width:154px;}
.questions.wide {float:none; width:685px;}
.questions h3 {background-color:#000; color:#fff; font-size:12px; font-style:normal; font-weight:bold; margin:2px; padding:2px 5px; text-align:center; text-transform:uppercase;}
.questions p {margin:0; padding:5px;}
.questions em {color:#e35236; font-style:italic; font-weight:bold;}

.related ul {background-color:#f7f7f7; padding:1px 10px;}
.related li {background:#f7f7f7; border-bottom:none; font-weight:normal; line-height:1.3em; padding:3px 5px 3px 5px;}
.related em {font-weight:bold;}

.tablelist {border:none; margin-bottom:16px; margin-left:1px; width:100%;}
.tablelist td {padding:5px 5px;}
.tablelist th {font-size:12px; font-weight:bold; padding:5px 5px;}
.tablelist tr.alt td{background-color:#f0f0f0;}
.tablelist tr.line td{padding:0px 0px; background-color:#134d58;}


.data {border:solid 1px #000; border-bottom:none; margin-bottom:16px; margin-left:1px; width:100%;}
.data td {padding:5px 5px; vertical-align:top;}
.data thead td {background-color:#134d58; color:#fff; font-size:14px; font-weight:bold;}
.data tbody td {border-bottom:solid 1px #000;}
.data tbody tr.alt {background-color:#f7f7f7;}

.center {text-align:center;}

.accelera {border:0; padding:0;}
ul.accelera-type {background:none; height:108px; margin:10px 10px 1em; padding:0;}
ul.accelera-type li {background:none; border:none; float:left; margin:0 15px 0 0; padding:0;}
ul.accelera-type li a {background:url(/images/bg-accelera-ethernet.jpg); border:solid 1px #a2a1a1; display:block; height:58px; padding:50px 138px 0 0px; width:170px; text-align:center;}
ul.accelera-type li.pci a {background:url(/images/bg-accelera-pci.jpg);}
ul.accelera-type li.plc a {background:url(/images/bg-rio.jpg);}
ul.accelera-type li:last-child {margin-right:0px;}

ul.rio-type li img {background:none; border:none; display:inline; float:left; margin-bottom:5px;}
ul.rio-type li a {background:none; border:none; display:inline; height:68px;  text-align:center;}

.price_note{font-size:11px; font-style:normal; font-weight:bold;margin-bottom:5px;}

.hello-galil { background: url(/images/bg-swoosh-hello-galil.jpg) no-repeat #fff;}
.hello-galil h1 {border-bottom:solid 4px #000; font-size:24px; font-style:italic; font-weight:bold; margin-bottom:10px; padding-bottom:6px; padding-top: 38px; }
.hello-galil h1 span { display: none;}

.motor-connect { background: url(/images/bg-swoosh-motor-connect.jpg) no-repeat #fff;}
.motor-connect h1 {border-bottom:solid 4px #000; font-size:24px; font-style:italic; font-weight:bold; margin-bottom:10px; padding-bottom:6px; padding-top: 38px; }
.motor-connect h1 span { display: none;}

.motor-sizer { background: url(/images/h1-motor-sizer.jpg) no-repeat #fff; width:670px;}
.motor-sizer h1 { padding-top: 100px; }
.motor-sizer h1 span { display: none;}
.motor-sizer {border:solid 1px #000; float:left; margin-right:10px;}

.regform input{color: #000; background: #ffffff; border:1px solid #B3CCE5; margin-top:3px; margin-left:2px; margin-bottom:3px;padding:2px;} 
.regform textarea{color: #000; background: #ffffff; border:1px solid #B3CCE5; margin-top:3px; margin-left:2px; margin-bottom:3px;} 

/* - Footer Styles ----------------------------------------------------------------------- */
/*.footer {border-top:solid 4px #e35236; margin:0 16px 16px;}*/
/*.footer > div {background:#c6c6c6 url(/images/global/bg-footer.png) repeat-x; border:solid 1px #a2a1a1; border-top:none; color:#414343; font-size:10px; height:91px; position:relative; z-index:1;}*/
/*.footer a {color:#414343;}*/
.footer { border:solid 1px #a2a1a1; border-top:solid 4px #e35236; margin:0 16px 16px;}
.footer div.grey {background:#c6c6c6 url(/images/global/bg-footer.png) repeat-x; border-top:none; color:#414343; font-size:10px; height:91px; position:relative; z-index:1;}
.footer a {color:#414343; float: left;}
.footer .logo a {background:url(/images/global/logo-footer.png) no-repeat; display:block; position:absolute; height:91px; width:155px;}
.footer .logo h2, .footer .logo p {display:none;}

.footer ul { text-transform: uppercase; overflow: auto; margin-left: 185px; padding-top: 10px;}
.footer li { float: left; padding: 0 10px; }

.footer p { margin-left: 195px; margin-top: 18px; }

/*
.footer ul {text-transform:uppercase; position:absolute; top:12px; left:195px;}
.footer li {float:left;}
.footer li:after {content:"|"; padding:0 5px;}
.footer li:last-child:after {content:"";}

.footer p {position:absolute; top:43px; left:195px;}
*/
.code {background-color:#eee; border:solid 1px #ccc; font:normal 12px "Courier New", Courier, monospace; margin:5px 0; padding:5px;}

#tooltip { display: none; position: absolute; z-index:2; }
.tt_arrow { background: url(/images/tt-arrow.png) no-repeat; float: left; height: 21px; margin: 5px -1px 0 0; position: relative; width: 17px; z-index:100; }
.tt_content { background-color: #eee; border: solid 1px #000; float: left; padding: 10px; position: relative; text-align: left; width: 280px; }
.tt_content img { border: solid 1px #000; float: right; margin: 0 10px 5px 0; }
.tooltip { display: none; }