@import url(https://fonts.googleapis.com/css?family=Lato:900); #tm--menu--items, .benefits-dialogue ul, .tm--menu--selected--content li { list-style-type: none } @font-face { font-family: Lato; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(/wwwinc/static/fonts/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff') } @font-face { font-family: Lato; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(/wwwinc/static/fonts/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2') } @font-face { font-family: Lato; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(/wwwinc/static/fonts/oUan5VrEkpzIazlUe5ieaA.woff) format('woff') } @font-face { font-family: Lato; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(/wwwinc/static/fonts/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2') } @font-face { font-family: Lato; font-style: normal; font-weight: 900;
src: local('Lato Black'), local('Lato-Black'), url(/wwwinc/static/fonts/tI4j516nok_GrVf4dhunkg.woff2) format('woff2') } @font-face { font-family: Lato; font-style: italic; font-weight: 900; src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(/wwwinc/static/fonts/VNUH7ZAcagYBWsAiBBCEY1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2') } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(/wwwinc/static/fonts/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2') } @font-face { font-family: nevis-Bold; src: url(/wwwinc/static/fonts/nevis-Bold_gdi.eot); src: url(/wwwinc/static/fonts/nevis-Bold_gdi-iefix.eot?#iefix) format('embedded-opentype'), url(/wwwinc/static/fonts/nevis-Bold_gdi.woff) format('woff'), url(/wwwinc/static/fonts/nevis-Bold_gdi.otf) format('opentype'), url(/wwwinc/static/fonts/nevis-Bold_gdi.svg#nevis-Bold) format('svg'); font-weight: 700; font-style: normal;
font-stretch: normal; unicode-range: U+0020-2212 } .tm-menu { width: 960px; margin: 0 auto; background: #d5d5d5; height: 60px; border-radius: 0; display: relative } .tm--header {background: #787a86;position: relative;} .tm--header--content { width: 960px; margin: 0 auto; padding-top: 30px; padding-bottom: 30px } .tm-menu--search { display: block; width: 200px; height: 60px; line-height: 60px; background: url(/wwwinc/static/menu/search-icon-orange.png) 14px center no-repeat #d5d5d5; padding-left: 35px; font-family: 'Roboto Condensed', Sans-Serif; font-size: 14px; color: #666; border-radius: 4px 0 0 4px; transition: .2s all linear; text-decoration: none; position: relative; border-right: 5px solid #3e3e42; box-shadow: 0 2px 6px #202022 } .tm-menu--search:hover { background: url(/wwwinc/static/menu/search-icon-orange.png) 14px center no-repeat } #tm--menu--items>li, #tm--menu--items>li:hover { background-image: url(/wwwinc/static/menu/circle.svg); background-position: center center; background-repeat: no-repeat
} #tm--menu--items { margin: -65px 0 0; padding: 0; float: left; width: 960px; z-index: 15; position: relative } #tm--menu--items>li { float: left; height: 70px; transition: .23s all linear; background-size: 0 0; box-shadow: 0 3px 0 0 transparent, 0 -3px 0 0 transparent, 13px 2px 0 -7px transparent, -13px 2px 0 -7px transparent; margin-left: 0; margin-bottom: 0 } #tm--menu--items>li:hover { background-color: #fff; background-size: 200px 200px; box-shadow: 0 3px 0 0 transparent, 0 -3px 0 0 transparent, 13px 2px 0 -7px #cacaca, -13px 2px 0 -7px #cacaca } #tm--menu--items>li:first-child:hover { box-shadow: 0 3px 0 0 #3e3e42, 0 -3px 0 0 #3e3e42, 13px 2px 0 -7px #cacaca, -13px 2px 0 -7px transparent } .searchbox { background: #e5e5e5; overflow: hidden; height: 58px!important; width: 248px!important; margin-top: 7px!important; float: left!important; box-shadow: none!important } #tm--menu--items li:hover ul, #tm--menu--items ul { width: 960px; position: absolute; z-index: 1; left: 0; height: 395px }
#tm--menu--items>li>span { line-height: 70px } #tm--menu--items>li>span>a { display: inline-block; font-family: nevis-bold, Sans-Serif; color: #666; text-decoration: none; font-size: 13px; text-transform: uppercase; padding-right: 25px; padding-left: 25px; transition: .2s all linear; white-space: nowrap } .menucards-server:hover, .menucards-storage:hover, .menucards-workstation:hover {box-shadow: 0 0 20px #BEBEBE;} #tm--menu--items>li>span>a:hover { color: #ff5601; text-shadow: 0 0 7px #ECCDBD } .menucards-card-description p, .menucards-card-description--small p { font-family: Lato, Tahoma, Helvetica, Sans-Serif; font-weight: 400; font-size: 13px; color: grey } #tm--menu--items>li>span>a>img { transform: rotate(90deg); transition: .2s all linear; display: inherit } #tm--menu--items>li>span>a:hover img { transform: rotate(0); transition: .2s all linear } a.menucards-card { border-bottom: 2px solid #ccc; transition: .1s all linear } a.menucards-card:hover {border-bottom: 2px solid #f9553c;text-decoration: none;background: #f9f9f9;/* box-shadow: 0px 2px 117px #e8e8e8 inset; */} #tm--menu--items ul { display: none; transition: .3s all linear; opacity: 0; top: 70px; padding: 0 } a.menucards-card:hover h5 {/* box-shadow: 0 0 19px #FFA576 */} .no-svg#tm--menu--items li:hover ul { background: #fff } #tm--menu--items li:hover ul { padding: 5px 0 0; top: 65px; opacity: 1; box-shadow: 0 30px 43px -15px #4C4C4C } .js #tm--menu--items li:hover ul { display: block } .no-js #tm--menu--items li:hover ul { display: none } #tm--menu--items li:hover ul li { transition: .4s all linear; margin-left: 0; background: #fff } .menu-container-animation { background: no-repeat #fff; background-size: 897px 515px!important; background-position: 0 0!important } .cf { clear: both } .menu-left-container { line-height: initial; float: left; width: 710px; margin: 15px 0 0; padding: 10px 0 0 10px } .menu-right-container { float: right; line-height: initial; width: 225px; height: 395px; box-shadow: -2px 0 4px #ccc; overflow: hidden; position: relative } .ad-selector { width: 800px; height: 395px;
position: absolute; top: 0; left: 0; transition: .2s all linear } .ad-selector-server { left: 0 } .ad-selector-storage { left: -225px } .ad-selector-workstation { left: -450px } .menu-right-container a img { border: 0 } #menucards-server { padding: 0; line-height: initial } .menucards-server-wrap { padding: 0; line-height: initial } #menucards-workstation { padding: 0; line-height: initial } #menucards-storage { padding: 0 } .menucards-card-description { min-height: 129px } .server-rax { background: url(/wwwinc/static/menu/server-rax.png) 125px center no-repeat } .server-stxcl { background: url(/wwwinc/static/menu/server-stx-cl.png) 125px center no-repeat } .server-stxnl { background: url(/wwwinc/static/menu/server-stx-nl.png) 125px center no-repeat } .server-stxen { background: url(/wwwinc/static/menu/server-stx-en.png) 143px center no-repeat } .menu-box-small { display: block; line-height: initial } .menu-box { display: block; float: left; width: 225px; height: 395px; margin-left: 0; border: 0 } .server-gpx { background: url(/wwwinc/static/menu/server-gpx.png) 17px center no-repeat } .server-gpx p { width: 140px!important }
.server-hdx { background: url(/wwwinc/static/menu/server-hdx.png) right center no-repeat } .workstation-vsx { background: url(/wwwinc/static/menu/workstation-vsx.png) right bottom no-repeat } .workstation-hpx { background: url(/wwwinc/static/menu/workstation-hpx.png) right bottom no-repeat } .workstation-gpx { background: url(/wwwinc/static/menu/workstation-gpx.png) right bottom no-repeat } .menucards-card-description p { margin: 0; padding: 10px 0 0 10px; display: block; width: 120px } .menucards-card-description--small p { margin: 6px 0 0; padding: 0 0 0 10px; display: block; width: 192px } #menucards-server>*, #menucards-storage>*, #menucards-workstation>* {list-style-type: none;display: block;float: left;padding: 0;cursor: pointer;overflow: hidden;position: relative;border: none;border-radius: 0px;background: #fff;margin: 10px;} .card-size--full { width: 213px; height: 162px } .card-size--small { width: 213px; height: 97px } .menucards-server, .menucards-storage {margin: 10px;padding: 0;box-shadow: 0 0 20px #BEBEBE;}
.menucards-card { display: block; text-decoration: none } .menucards-card-title {width: 100%;height: 34px;background: rgba(62, 62, 66, 0.78);vertical-align: text-bottom;} .menucards-card-title h5 {margin: 0px;display: inline-block;padding: 3px;font-family: lato, tahoma, helvetica, sans-serif;font-weight: 900;font-style: italic;background: rgb(249, 85, 60);font-size: 14px;line-height: 34px;height: 34px;color: rgb(249, 249, 249);/* box-shadow: 0 0 0 #fff; */transition: .1s all linear;/* border: 1px solid rgba(136, 45, 0, 0.39); *//* text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.32); */border-radius: 0px;padding-right: 8px;padding-left: 8px;padding-top: 0px;padding-bottom: 0px;} .menucards-card-title h5 span {color: #d6d6d6;padding-right: 3px;padd;padding-left: 3px;margin-;margin-left: 1px;} .menucards-card-title h4 {margin: 0 10px 0 0;padding: 0;display: inline-block;font-size: 12px;color: rgb(253, 253, 253);font-family: nevis-bold, Sans-Serif;text-transform: uppercase;line-height: 34px;float: right;} .display-animation>* { -webkit-transform: translate(0,25px); -ms-transform: translate(0,25px); -o-transform: translate(0,25px); transform: translate(0,25px); opacity: 0 }
.display-animation>.animated { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); opacity: 1; -webkit-transition: all .3s cubic-bezier(.55,0,.1,1); -o-transition: all .3s cubic-bezier(.55,0,.1,1); transition: all .3s cubic-bezier(.55,0,.1,1) } .no-js .display-animation>* { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .tm--menu--wrapper { width: 960px; margin: 0 auto } .tm--menubar { width: 960px; height: 58px; background: #d5d5d5; box-shadow: 0 1px 5px 0 rgba(45,45,47,.25); border-radius: 0; border-bottom: 0 solid #aaa; position: relative; z-index: 15 } #tm--menubar--shadow { display: none; width: 100%; height: 100vh; position: absolute; left: 0; top: 0; background-image: none; opacity: 0; transition: .2s all linear; z-index: 11; visibility: hidden }
#tm--menubar--shadow.shadow-active, #tm--menubar--shadow.shadow-search { background-color: rgba(0,0,0,.51); opacity: 1; visibility: visible; display: none } .shadow-active1, .shadow-search1 { background-image: url(/wwwinc/static/menu/shadow.png)!important; background-position: center center!important; background-repeat: repeat-x; opacity: 1!important; transition: .2s all linear } #header-top-search {background: #f5f5f5;display: table-cell;vertical-align: middle;width: auto;border-right: 0 solid #505050;float: right;} #search-form { position: relative; height: 58px!important; margin: 0; font-family: 'Roboto Condensed', Sans-Serif; font-size: 14px!important; color: #666 } #adv-search-desc {position: absolute;z-index: 15;top: 0;left: 0;height: 55px;line-height: 58px;text-indent: 38px;background: url(/wwwinc/static/menu/searchicon.png) 15px center no-repeat #f5f5f5;pointer-events: none;color: #898686;} #adv-search-text { transition: all .5s linear; width: 100%; height: 58px; padding: 0; border: 0;
background-color: transparent; text-indent: 40px; line-height: 58px; font-size: 15px!important; color: #666; outline: 0; min-width: 248px } #adv-search-submit, .adv-search-arrow { position: absolute; width: 40px; cursor: pointer } .tm--phone, .tm--phone span {font-family: Lato, Tahoma, Helvetica, Sans-Serif;color: #e2e2e2;} #adv-search-submit {z-index: 14;top: 0;left: 0;height: 55px;padding: 0;border: 0;text-indent: -9999px;background: url(/wwwinc/static/menu/searchicon-orange.png) 15px center no-repeat #f5f5f5;} .adv-search-arrow { display: block; height: 40px; border-radius: 20px; background: url(/tm/images/search-arrow.png) center center no-repeat #fff } #adv-search-arrow-up { background-size: 15px 13px; transform: rotate(-90deg); box-shadow: 0 0 5px #686868; top: -28px; left: 228px } #adv-search-arrow-left { transform: rotate(180deg); top: 180px; left: -50px } #adv-search-arrow-right { top: 180px; left: 970px } .tm--phone { font-weight: 400; font-size: 12px; line-height: 41px; float: right;
margin: 0; padding: 0 } .tm--phone h4, .tm--phone span { display: inline-block; height: 41px; float: left } .tm--phone h4 { margin: 0 6px 0 0; padding: 0; line-height: 45px } .tm--phone span { font-weight: 900; font-size: 28px; line-height: 41px } .tm--menu--button--black, .tm--menu--button--orange { font-family: Nevis-bold, Tahoma, Helvetica, Sans-Serif; font-size: 12px; padding-left: 15px; padding-top: 3px; margin-left: 8px; text-decoration: none; text-transform: uppercase; float: right; transition: .1s all linear; overflow: hidden; display: inline-block; outline: 0 } .tm--menu--button--black {position: relative;line-height: 37px;padding-right: 15px;box-shadow: 0 1px 3px -1px #323235;border: 0;background: #1a1a1a;} button.tm--menu--button--black:hover { color: #fff } button.tm--menu--button--orange:hover { background: #F27739; box-shadow: 0 2px 0 0 #CA612E } a.tm--smenu--button--black { text-decoration: none; color: #bebebe } a.tm--smenu--button--orange { text-decoration: none; color: #fff } .ripple {
position: absolute; background: rgba(255,255,255,.25); border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); pointer-events: none } .ripple.show { -webkit-animation: ripple .4s ease-out; animation: ripple .4s ease-out } @-webkit-keyframes ripple { to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } @keyframes ripple { to { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } .tm--menu--button--orange { position: relative; line-height: 36px; padding-right: 15px; box-shadow: 0 2px 0 0 #BD4104; border: 0; background: #ff5601 } h2, h3, h4, h5, h6 { line-height: 1.4em } .menu-box img, a.menu-box-small img { transition: .2s all linear } .tm--header--top { margin-bottom: 10px } .menu-box img:hover { opacity: .9 } a.menu-box-small img:hover { box-shadow: 0 2px 0 #FF9864; transition: .2s all linear } .error_message, .info_message { -moz-border-radius: 0; -webkit-border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none } body {
margin: 0; background-color: #fff; overflow-y: scroll } #page-container, body, html { color: #333; font-family: Lato, Tahoma, Sans-Serif; font-size: 13px; line-height: 1.4em } .header-width { width: 960px; margin: 0 auto } .auto_h1, h1 { margin-top: 10px } a { color: #0C7EC3 } label { color: #555 } h1 { font-size: 30px; line-height: 1.5em; font-weight: 900; margin-bottom: 10px } h2 { font-size: 20px; font-weight: 400; color: #555 } h1+h2 { margin-top: -20px } h3, h4 { font-size: 14px } h5, h6 { font-size: 12px } .price-nice-cents, .price-nice-currency { top: -.25em; font-size: .7em; position: relative } .price-nice { color: #fa4d32; } .price-nice-currency { margin-left: 3px!important; margin-right: 1px!important } .price-nice-dollars { margin: 0!important } .price-nice-cents { margin-left: 1px!important } #footer-table h4, .breadcrumbs { font-size: 13px; text-transform: uppercase } .breadcrumbs { font-weight: 900; color: #777; margin-top: 10px } .breadcrumbs a { color: #3e3e42; transition: color .4s;
text-decoration: underline } .breadcrumbs a:hover { color: #ff5601 } #footer-main a, #footer-table a { color: #a5a5a5; transition: all .1s linear 0s } .breadcrumbs .breadcrumbs-home { display: inline-block; text-indent: -9999px; width: 16px; min-height: 16px; background: url(/tm/images/breadcrumb_home.png) center 0 no-repeat } .breadcrumbs .breadcrumb-separator { display: inline-block; text-indent: -9999px; width: 11px; min-height: 11px; background: url(/tm/images/breadcrumb_arrow.png) center 3px no-repeat } #page-container { width: 980px; margin: 0 auto } #footer-nav { background-color: #2c2d2f } #footer-main { border-top: 1px solid #696971; background-color: #49494e; padding: 10px 0 } #footer-table { margin: 0; width: 100%; height: 50px } #footer-table h4 { margin: 0 10px; padding: 0; color: #e0e0e0 } #footer-table td { vertical-align: middle; text-align: right } #footer-table a { font-family: Lato, Helvetica, Tahoma, Sans-Serif; font-size: 16px; font-weight: 900; font-style: italic; margin-right: 10px }
#footer-main a:hover, #footer-table a:hover { text-decoration: none; color: #fff } #footer-logo { width: 111px; background-image: url(/tm/images/thinkmate-logo-small.png) } #footer-table #footer-link-top { background: url(/tm/images/top.png) 5px 7px no-repeat #656568; border-bottom: 3px solid #424244; font-size: 14px; font-weight: 400; font-style: normal; padding: 5px 5px 5px 23px; margin: 0 0 0 20px; color: #fff } #footer-table #footer-link-top:hover { background-color: #8a8a91; border-color: #57575c } #footer-main h3 { margin: 0 0 10px; padding: 0; color: #000; font-size: 14px; font-weight: 900; text-shadow: 0 1px 0 #696971; text-transform: uppercase } #footer-main a { font-size: 14px; line-height: 22px } #footer-main .floatLeft { margin: 0 60px 0 0 } #footer-main #footer-copy { text-align: right; margin-top: 52px } #footer-main #footer-copy h3 { margin-bottom: 0 } #footer-telephone { background: url(/tm/images/footer_phone.png) left center no-repeat; min-height: 44px; padding-left: 50px; color: #c9c9cb;
font-size: 24px; font-weight: 900; line-height: 30px } #footer-hours { background: url(/tm/images/footer_clock.png) left center no-repeat; padding-left: 17px; font-size: 12px; font-weight: 400; line-height: 15px } .footerTipImg { margin-right: -8px } #system-config { background-color: #f2f2f2 } #system-config .systembucket { background: url(/tm/images/line_configurator.png) 0 29px repeat-x; padding: 0 9px } #system-config .systembucket h3 { background: 0 0; font-size: 13px; font-weight: 900; color: #717171; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; margin-bottom: 5px } #system-config .systembucket h3 span { background-color: #f2f2f2; padding: 0 5px } #system-config .systembucket .seoimage { border: 1px solid #ccc } .system-top { width: 980px; margin-bottom: 0 } .smallbuttonLink.blue.button-system-gallery { background-color: transparent; background-position: center center; padding: 0; margin: 0; border: none; width: 250px; height: 150px; text-indent: -9999px }
.smallbuttonLink.blue.button-system-gallery:hover { background-image: url(/images/gallery.png) } #configBar2 { border-top: 4px solid #ff6200; background-color: #2c2d2f; margin-top: 7px } #configBar2 #configBar2-box1 { width: 560px } #configBar2-nameit { display: inline-block; width: 203px; height: 17px; background-image: url(/tm/images/tm-configure-bar.png); text-indent: -9999px } #configBar2-box1 #configBar2-nameit { margin-bottom: 10px } #configBar2-box1 .tiptip { height: 17px; margin-left: 5px; background: url(/tm/images/icon-info-hover.png) center center no-repeat } #configBar2-box1 #configBar2-sysname { margin: 0 0 8px 10px; background: url(/tm/images/config-text-tag.png) left center no-repeat #ccc8c8; width: 230px; height: 22px; padding: 2px 3px 2px 20px } #cfg-name { width: 220px; color: #333; outline: 0 } #noise-level2-grill>div { background-image: url(/tm/images/noise-level-grill-2.png) } #configBar2 #configBar2-box2 { border-left: 1px solid #5e5e60; background-color: #3e3e42; width: 149px;
padding-left: 20px } #configBar2 #configBar2-box2>div>div { text-transform: uppercase; color: #fff; font-size: 11px } #configBar2 #configBar2-box2 .price-nice { color: #ccc } #configBar2 #configBar2-box2 .price-nice-cents { top: -.41em } #configBar2 #configBar2-box3 { background-color: #3e3e42 } .system-finance { padding-right: 20px; background-image: url(/tm/images/icon-info-hover.png) } #configBar2-box3 .button-order { width: 246px; height: 35px; margin: 10px 10px 4px; background-image: url(/tm/images/button-icon-add.png); background-position: 70px 10px; padding-left: 35px; text-transform: uppercase; font-size: 12px; font-weight: 700 } #configBar2-box3 .button-rfq, #configBar2-box3 .button-sfr { width: 121px; height: 26px; background-position: 5px center; font-size: 9px } #configBar2-box3 .button-rfq { margin: 0 4px 10px 10px; background-image: url(/tm/images/button-icon-rfq.png); padding-left: 18px; text-transform: uppercase } #configBar2-box3 .button-sfr { margin: 0 10px 10px 0;
background-image: url(/tm/images/button-icon-sfr.png); padding-left: 23px; text-transform: uppercase } #configBar2-box1 .button-email, #configBar2-box1 .button-save { height: 26px; background-position: 7px center; color: #fdfdfd!important; text-transform: uppercase } #configBar2-box1 .button-save { background-image: url(/tm/images/button-icon-save.png); background-color: #ff6200; padding-left: 23px; border-color: #ce4f00 } #configBar2-box1 .button-email { background-image: url(/tm/images/button-icon-email.png); background-color: #999; padding-left: 22px; border-color: #777 } .systembucket .notes { font-size: 13px; background-image: none } .systembucket h3 { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .tmcola, .tmcolb { border: 1px solid #aaa; box-shadow: 2px 2px 2px #ccc } .systembucket h4 { font-size: 12px; margin-bottom: 5px; color: #888; text-shadow: none } .systembucket .products {
font-family: Arial, Tahoma, Sans-Serif } .systembucket .products label { font-size: 12px; font-weight: 600; color: #111 } .systembucket .products .fade label { color: #444; font-weight: 400 } .systembucket input[type=radio]+span+label { transition: all .5s linear; background: url(http://cdn.thinkmate.com/landing-assets/configurator/r111.png) 0 center no-repeat, url(http://cdn.thinkmate.com/landing-assets/configurator/r333.png) 9px 6px no-repeat; display: inline-block; background-size: 16px 16px, 1px 1px; padding: 0 0 0 24px; cursor: pointer; height: 16px; overflow: hidden } .systembucket input[type=radio]:checked+span+label { transition: all .2s linear; background: url(http://cdn.thinkmate.com/landing-assets/configurator/r22222.png) 0 center no-repeat, url(http://cdn.thinkmate.com/landing-assets/configurator/r333.png) 0 center no-repeat; display: inline-block; background-size: 16px 16px, 16px 16px; padding: 0 0 0 24px; cursor: pointer; height: 16px; overflow: hidden }
.systembucket input[type=checkbox]+span+label { background: url(http://cdn.thinkmate.com/landing-assets/configurator/check_1.png) 0 1px no-repeat; display: inline-block; padding: 0 0 0 24px; cursor: pointer } .systembucket input[type=checkbox]:checked+span+label { background: url(http://cdn.thinkmate.com/landing-assets/configurator/check_2.png) 0 1px no-repeat; display: inline-block; padding: 0 0 0 24px } .systembucket input[type=radio], .systembucket input[type=checkbox] { margin-right: 5px; position: relative; top: 1px; z-index: 14; display: none } .ie8 .systembucket input[type=radio], .ie8 .systembucket input[type=checkbox] { display: initial!important } .systembucket .products>div { margin: 0 0 4px!important } .tmcol_3>tbody>tr>td { width: 33.3333% } .tmcol_4>tbody>tr>td { width: 25% } .tmcol, .tmcolb table { width: 100% } .tmcol { border-collapse: separate; border-spacing: 20px 0 } #storage-config-wrap { background-color: #fff } .tmcola>div { margin: 0 10px } .tmcola h3 {
background: url(/tm/images/filter_heading_background.png) left top repeat-x #333; color: #fff; font-size: 14px; font-weight: 400; margin: 0 0 10px; padding: 5px 0; text-indent: 10px } .tmcola h4 { margin-bottom: 5px } .tmcola h4 a { color: #000 } .tmcola .floatLeftPad { margin: 0 10px 5px 0 } .tmcola .floatRightPad { margin: 0 0 5px 10px } .tmcolb { background: url(/tm/images/article/blade-table-gradient.jpg) left top repeat-x #fff; padding: 10px } .tmcolb:hover { background: url(/tm/images/article/blade-table-gradient-hover.jpg) left top repeat-x #eee; border: 1px solid #888; box-shadow: 2px 2px 2px #aaa; cursor: pointer } .tmcolb table, .tmcolc { border-top: 1px solid #ccc } .tmcolb td, .tmcolc>div { border-bottom: 1px solid #ccc } .tmcolb label { margin-right: 10px } .tmcolb td { padding: 5px 0 } .tmcolc>div { background-position: left center; background-repeat: no-repeat; padding-left: 70px } .tmcolc h4, .tmcolc p { margin: 10px 0 } .testimonial>blockquote { position: relative; background: #eee;
padding: 10px; color: #444; border-radius: 5px; font-style: italic; text-shadow: 0 1px 0 #fff } .testimonial-author { margin: 0 0 0 10px; color: #777; font-size: 11px; font-style: normal } .system-browse-title { background: url(http://cdn.thinkmate.com/landing-assets/line.png) center center repeat-x; margin: 0 0 10px } .system-browse-title h2 { display: inline-block; background-color: #fff; margin: 0; padding-right: 10px; text-transform: uppercase; font-weight: 900; font-size: 19px; color: #fe5907 } .system-browse-filters { background-color: #444; background-image: url(/images/filter_icon.png) } .system-browse-filters>ul ul, .system-browse-filters>ul>li { background-color: #eee; color: #555 } .system-browse-filters>ul>li { border-color: #444 } .system-browse-filters>ul ul a { color: #555 } .buttonLink, .smallbuttonLink { font-family: Lato, Helvetica, Tahoma, sans-serif; display: inline-block; vertical-align: middle; cursor: pointer; background-color: #777777; border-style: solid; border-color: #555;
color: #fdfdfd; font-weight: 700; white-space: nowrap; background-repeat: no-repeat; background-position: right 58% } .category_h2, .empty_page_container h1, .grid-system-tags span, .list-system-tags span { font-weight: 900 } .buttonLink+.buttonLink, .smallbuttonLink+.smallbuttonLink { margin-left: 10px } .buttonLink { font-size: 13px; line-height: 2em; padding: .1em 1em 0; border-width: 0 0 3px } .smallbuttonLink { font-size: 11px; line-height: 1.8em; padding: .1em 1em 0; border-width: 0 0 2px } .buttonLink:active, .smallbuttonLink:active { position: inline; top: 0 } .buttonLink:hover, .smallbuttonLink:hover { color: #fff; text-decoration: none } .black { background-color: #4b4b4b; color: #fdfdfd!important } .black:active, .black:hover { background-color: #4b4b4b; color: #fff } .orange { background-color: #ff5601; color: #fdfdfd!important; border-color: #FF6200; transition: .1s all linear } .orange:active, .orange:hover { background-color: #ff6200; color: #fff } .red { background-color: #d9232f;
color: #fdfdfd!important; border-color: #850d0d } .red:active, .red:hover { background-color: #d9232f; color: #fff } .green { background-color: #009c5b; color: #fdfdfd!important; border-color: #007f4a } .green:active, .green:hover { background-color: #009c5b; color: #fff } .blue { background-color: #053774; color: #fdfdfd!important; border-color: #002047 } .blue:active, .blue:hover { background-color: #053774; color: #fff } .buttonIcon-add>div, .buttonIcon-print>div, .buttonIcon-quote>div, .buttonIcon-save>div, .buttonIcon-sfr>div, .buttonIcon-share>div { background-position: left center; background-repeat: no-repeat; padding-left: 20px } .buttonIcon-add>div { background-image: url(/images/button-icon-add.png) } .buttonIcon-print>div { background-image: url(/images/button-icon-print.png) } .buttonIcon-share>div { background-image: url(/images/button-icon-share.png) } .buttonIcon-save>div { background-image: url(/images/button-icon-save.png) } .buttonIcon-quote>div {
background-image: url(/images/button-icon-quote.png) } .buttonIcon-sfr>div { background-image: url(/images/button-icon-sfr.png) } .empty_page_container.orderpage { padding-top: 226px; background-image: url(http://cdn.thinkmate.com/landing-assets/order/list_placeholder.png) } .empty_page_container a { color: #ff5601 } .empty_page_container .buttonLink { display: inline-block; transition: .1s all linear; background: url(http://cdn.thinkmate.com/landing-assets/order/back_arrow.png) 10px center no-repeat #ff5601; padding: 10px 10px 10px 24px; color: #FFF; text-decoration: none; font-size: 16px; border-bottom: 1px solid #ff722c; box-shadow: 0 5px 0 #d64800; line-height: 1em } .category_block a, .category_h2 { color: #ff5601 } .empty_page_container .buttonLink:hover { background: url(http://cdn.thinkmate.com/landing-assets/order/back_arrow.png) 10px center no-repeat #ff671b; box-shadow: 0 5px 0 #e54c00 } .empty_page_container .buttonLink:active { margin-top: 5px; box-shadow: 0 0 0 #e54c00 }
.empty_page_container .smallprint { margin-top: 60px; font-size: 13px } .category_h2 { font-size: 20px; line-height: 1.4em } .linkimage:hover { background-color: #FFF8F5 } .grid-system h3, .grid-system h3.amd, .list-system h3, .list-system h3.amd { color: #555 } .list-system { background-color: white; border: 0px solid #E6E6E6; border-radius: 10px; box-shadow: 0 0 5px #D4D4D4; } .list-system-configure { transition: .1s all linear; background-color: #fa4d32; color: #fdfdfd; border-color: #CC402A; text-shadow: 0 1px 0 #ce4f00; font-size: 11px; line-height: 3em; padding: .1em 1em 0; border-width: 0 0 1px !important; border-radius: 0 0 10px !important; border-style: solid; font-weight: 900; text-transform: uppercase; } .list-system-configure:hover { color: #fff; text-decoration: none; position: relative; top: -1px; /*margin-left: 0; margin-bottom: 1.5px; margin-top: -3px;*/ box-shadow: 0 2px 4px #B2B2B2; } .list-system-configure:active {border-bottom: 3px solid #ff5601;text-shadow: none;}
.list-system-support { border-bottom: 1px solid #DEDEDE; border-top: 0px; } .list-system-support span { color: #fa4d32; } .list-system-support h5 { color: #757575; font-weight: bold; } .list-system-tags { top: 6px; right: 7px; background: #FFFFFF; border: 0px solid #cccccc; } .list-system-tags .tiptip { border-bottom: 1px dotted #8B8B8B; } .list-system-support h5 { color: #757575 !important; font-weight: bold !important; } .list-system-image { transform: scale(.8); } .list-system-bottom { background-color: #dedede !important; border-radius: 0px 10px 10px 10px; border-bottom: 2px solid gainsboro; } .list-system-bottom label { white-space: initial; line-height: 9px; color: #616161; } .iblockrow input[type=text]:focus, .iblockrow input[type=tel]:focus, .iblockrow input[type=email]:focus, .iblockrow input[type=password]:focus, .iblockrow select:focus, .iblockrow textarea:focus { outline: 0; box-shadow: #ff5601 0 0 3px; border: 1px solid #ff5601 } .iblockrow input, .iblockrow select { background-color: #ccc;
padding: 10px 5px; transition: background-color .5s; border: 1px solid #ccc } .iblockrow label[for=AddressTyperes], .iblockrow label[for=AddressTypecom] { line-height: 37px } .radioopt input:checked+label { background-color: #ff5601; background-image: url(../images/white-check.png); color: #fff } .radioopt label[for="AccountTypeEnd User"] { background-color: #e0e0e0; background-image: url(../tm/images/create-account/personal.png) } .radioopt input[id="AccountTypeEnd User"]:checked+label { background-color: #ff5601; background-image: url(../tm/images/create-account/personal_w.png); color: #fff } .radioopt label[for=AccountTypeBusiness] { background-color: #e0e0e0; background-image: url(../tm/images/create-account/business.png) } .radioopt input[id=AccountTypeBusiness]:checked+label { background-color: #ff5601; background-image: url(../tm/images/create-account/business_w.png); color: #fff } .radioopt label[for=AccountTypeEducation] { background-color: #e0e0e0;
background-image: url(../tm/images/create-account/education.png) } .radioopt input[id=AccountTypeEducation]:checked+label { background-color: #ff5601; background-image: url(../tm/images/create-account/education_w.png); color: #fff } .radioopt label[for=AccountTypeGovernment] { background-color: #e0e0e0; background-image: url(../tm/images/create-account/government.png) } .radioopt input[id=AccountTypeGovernment]:checked+label { background-color: #ff5601; background-image: url(../tm/images/create-account/government_w.png); color: #fff } .radioopt label[for=AccountTypeHealthcare] { background-color: #e0e0e0; background-image: url(../tm/images/create-account/healthcare.png) } .radioopt input[id=AccountTypeHealthcare]:checked+label { background-color: #ff5601; background-image: url(../tm/images/create-account/healthcare_w.png); color: #fff } .radioopt label[for="AccountTypeHosting / Cloud"] { background-color: #e0e0e0; background-image: url(../tm/images/create-account/datacenter.png) }
.radioopt input[id="AccountTypeHosting / Cloud"]:checked+label { background-color: #ff5601; background-image: url(../tm/images/create-account/datacenter_w.png); color: #fff } .radioopt label[for=AccountTypeNonprofit] { background-color: #e0e0e0; background-image: url(../tm/images/create-account/nonprofit.png) } .radioopt input[id=AccountTypeNonprofit]:checked+label { background-color: #ff5601; background-image: url(../tm/images/create-account/nonprofit_w.png); color: #fff } .radioopt label[for=AccountTypeReseller] { background-color: #e0e0e0; background-image: url(../tm/images/create-account/reseller.png) } .radioopt input[id=AccountTypeReseller]:checked+label { background-color: #ff5601; background-image: url(../tm/images/create-account/reseller_w.png); color: #fff } .radioopt label[for=AddressTyperes] { background-color: #e0e0e0; background-image: url(../tm/images/create-account/residential.png) } .radioopt input[id=AddressTyperes]:checked+label { background-color: #ff5601;
background-image: url(../tm/images/create-account/residential_w.png); color: #fff } .radioopt label[for=AddressTypecom] { background-color: #e0e0e0; background-image: url(../tm/images/create-account/commercial.png) } .radioopt input[id=AddressTypecom]:checked+label { background-color: #ff5601; background-image: url(../tm/images/create-account/commercial_w.png); color: #fff } div#AccountTypeNote { background: url(../tm/images/create-account/info.png) left center no-repeat; padding-left: 25px; color: #6d6d6d; font-size: 13px; font-weight: 400; line-height: 20px } .ui-form-one h2:nth-of-type(1) { background-image: url(../tm/images/create-account/1.png) } .ui-form-one h2:nth-of-type(2) { background-image: url(../tm/images/create-account/2.png) } .ui-form-one h2:nth-of-type(3) { background-image: url(../tm/images/create-account/3.png) } .ui-form-one h2:nth-of-type(4) { background-image: url(../tm/images/create-account/4.png) } .ui-form-one h2:nth-of-type(5) { background-image: url(../tm/images/create-account/5.png)
} .ui-form-one h2:nth-of-type(6) { background-image: url(../tm/images/create-account/6.png) } .ui-form-one h2:nth-of-type(7) { background-image: url(../tm/images/create-account/7.png) } .ui-form-one h2:nth-of-type(8) { background-image: url(../tm/images/create-account/8.png) } .ui-form-one h2:nth-of-type(9) { background-image: url(../tm/images/create-account/9.png) } .ui-form-one { background: url(../tm/images/create-account/bar.png) 15px top repeat-y; padding-left: 50px } .ui-form-one h2 { margin: 20px 0 10px -50px; line-height: 34px; padding-left: 50px; background-position: left top; background-repeat: no-repeat; background-color: #fff } .benefits-dialogue { background: #fff1e2; padding: 20px; width: 250px } .benefits-dialogue h3 { font-family: Lato, Tahoma, Helvetica, Sans-Serif; Font-size: 22px; color: #333; font-weight: 300 } .benefits-dialogue ul { margin: 0; padding: 0 } .benefits-dialogue ul li { margin: 0; padding: 0 0 0 30px;
background: url(../tm/images/create-account/check.png) left center no-repeat; font-size: 13px; line-height: 30px } .error_message, .info_message { background-repeat: no-repeat; padding-left: 68px; padding-top: 15px; padding-bottom: 15px; margin: 10px 0 } .info_message { background-color: #ffeba7; border-radius: 0; background-image: url(../tm/images/info.png); background-position: 25px center; box-shadow: 0 0 18px #FFEDB2; border: 0; color: #746A47 } .error_message { background-color: #f67975; border-radius: 0; background-image: url(../tm/images/modal/warning2.png); background-position: 16px center; box-shadow: 0 0 18px rgba(246,121,117,.54); border: 0; color: #FFF } .error_message h4 { font-size: 16px; margin: 0 0 3px; color: #FFF; font-weight: 700; text-shadow: 0 2px 1px #C85C59 } .info_message h4 { font-size: 17px; margin: 0 0 3px; color: #665828; font-weight: 700; text-shadow: 0 1px 0 rgba(255,255,255,.55) } .error_message div:first-child { margin-top: 0 } input { font-family: Lato, Sans-Serif }
.login-entry { width: 420px; margin: 0 auto; padding: 0; background-color: #D4D4D4; border-radius: 0 0 7px 7px } .login-entry-box { background-color: #fff; padding: 1px; border-radius: 3px; margin-bottom: 10px } .login-entry-box input { color: #555; font-size: 17px; height: 40px; width: 100%; text-indent: 40px; background: 10px center no-repeat; display: block; border: 1px solid transparent; transition: .2s all linear; line-height: 40px } .login-entry-box input:focus { outline: 0; box-shadow: #ff5601 0 0 3px; border: 1px solid #ff5601 } .login-entry p { text-align: center; color: #575757 } .login-entry-box2 a { color: #6B6763; transition: .1s all linear } .login-entry-box2 a:hover { text-decoration: none; color: #000 } .login-entry-box2 input[type=checkbox]+span+label { background: url(http://cdn.thinkmate.com/landing-assets/configurator/check_1.png) 0 1px no-repeat!important; display: inline-block; padding: 0 0 0 24px!important; cursor: pointer } .login-entry-box2 label:hover { color: #383838 }
.login-entry-box2 input[type=checkbox] { padding: 0 0 0 24px; cursor: pointer; border: 0; display: none } .login-entry-box2 input[type=checkbox]+label { background: url(../tm/images/modal/check_1.png) 0 1px no-repeat; display: inline-block; padding: 0 0 0 24px; cursor: pointer; border: 0; margin-left: 0; line-height: 17px; box-shadow: 0 0 0 #fff inset; transition: .2s all linear } .login-entry-box2 input[type=checkbox]:checked+label { background: url(http://cdn.thinkmate.com/landing-assets/configurator/check_2.png) 0 1px no-repeat; color: #383838 } .login-entry input[type=submit] { width: 100%; font-size: 19px; padding-top: 7px; margin: 30px 0 10px; padding-bottom: 7px; font-weight: 400; box-shadow: 0 2px 2px rgba(0,0,0,.25); text-shadow: 0 -1px 0 #AB3900 } .ui-linkrow-one { width: 100%; text-align: center; margin-bottom: -7px; background-image: url(../tm/images/modal/thinkmate_account.png); background-position: center top; background-repeat: no-repeat; background-size: 79px 22px; padding-top: 23px }
.ui-linkrow-one a { display: inline-block; padding: 10px 20px 18px; margin: 0 5px; font-size: 15px; font-weight: 700; color: #999; background: bottom center no-repeat; transition: .1s all linear } .ui-linkrow-one a:hover { text-decoration: none; color: #B3B3B3 } .ui-linkrow-one a.active { color: #555; background-image: url(../images/linkrow-down-arrow.png); font-weight: 900; font-size: 15px } .genericmodal h1, .ui-fancybox-one h1 { margin: 0 0 20px; background-color: #ff5601; line-height: 70px; color: #fff; text-align: center; font-size: 25px; box-shadow: 0 1px 1px #D34600; position: relative; border-bottom: 1px solid #B13B00; border-radius: 7px 7px 0 0; margin-bottom: 0!important } #fancybox-content .auto_h1 .small, .genericmodal h1 .small { line-height: initial; font-size: 16px; margin-bottom: 20px } .ui-fancybox-one h2 { max-width: 480px; font-size: 14px; background-color: #fff0e9; text-align: center; border-bottom: 1px solid #F5DDD1; margin: 0 0 20px; display: block; padding: 15px; min-width: 480px }
.ui-postmessage-one { max-width: 100%; padding: 19px 0 31px; font-size: 17px; text-align: center } .ui-postmessage-one h3 { font-size: 17px; color: #4d4d4d; margin: 0 0 3px } .ui-postmessage-one p { margin: 3px 0 0; font-size: 13px; font-weight: 400; color: #838383 } #login_form { width: 100%; margin: 0 auto; background: #D4D4D4; padding-top: 20px; padding-bottom: 20px; box-shadow: 0 -3px 0 #A3A3A3 inset; border-radius: 8px } .genericmodal p { width: 500px; padding: 20px; margin: 0 auto; text-align: center } .genericmodal form { padding: 10px } .fancybox-skin { border-radius: 10px!important } #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span { background-image: url(../tm/images/modal/fancybox.png)!important } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5); -moz-box-shadow: 0 0 0 rgba(0,0,0,.5); box-shadow: 0 0 0 rgba(0,0,0,.5) } .logout_box { text-align: center; margin: 100px 0;
background: url(http://cdn.thinkmate.com/static/logout/enjoy-your-day.png) bottom center no-repeat; padding-bottom: 308px } #adv-search-container { position: absolute; top: 158px; z-index: 16; right: 50%; margin-right: -480px; width: 960px } #adv-search-tabs { list-style: none; margin: 0; padding: 0 20px; text-align: left; background-color: #e5e5e5 } #adv-search-tabs li { display: inline-block; color: #555; cursor: pointer; padding: 15px 0; margin: 0 20px; font-size: 15px; border-width: 5px 0; border-style: solid; border-color: #e5e5e5; transition: .2s all linear } #adv-search-tabs li.active { border-bottom-color: #ff5601 } #adv-search-tabs li span { margin-left: 8px; color: #b2b2b2 } #adv-search-tabs li.empty { color: #b2b2b2; cursor: auto } #adv-search-tabs li.empty span { display: none } #adv-search-results { background-color: #FFF; padding: 10px 0 10px 0; overflow-y: auto; max-height: 400px; box-shadow: 0 30px 43px -15px #4C4C4C } #adv-search-crumbs.breadcrumbs { position: absolute; left: 248px;
top: -71px; height: 71px; width: 710px; border-color: #3e3e42; border-style: solid; line-height: 71px; text-indent: 30px; margin: 0; padding: 0; overflow: hidden } #adv-search-crumbs.breadcrumbs .breadcrumb-separator { background-position: center center } #adv-search-crumbs>div { height: 58px; display: block; background: #D5D5D5; margin-top: 8px; line-height: 58px } #adv-search-results .list-system { display: inline-block; width: 220px; background-color: #fff; margin-left: 10px; box-shadow: 0 0 18px #CCC } #adv-search-results .empty-system { display: inline-block; width: 222px; height: 190px; background-color: #f2f2f2; text-align: center; padding-top: 146px; border-radius: 5px; box-shadow: 0 0 4px #e4e4e4; margin-bottom: 20px; margin-left: 10px; color: #aaa; border: 1px solid #ccc } .adv-search-result { background-position: 10px center; background-repeat: no-repeat; margin: 10px 30px 30px 40px; cursor: pointer } .adv-search-result:hover a { text-decoration: none } .adv-search-result h4 { margin: 0; padding: 0;
color: #ff5604; font-size: 16px } .adv-search-result div { margin: 2px 0; color: #878787 } .adv-search-result a { font-size: 13px; color: #D0D0D0 } .adv-search-result:hover h4 { text-decoration: underline } #adv-search-pages { margin-top: 5px; text-align: center; font-size: 13px; color: #484848 } #adv-search-pages span { color: #888 } #adv-search-pages #adv-search-page { font-weight: 700; color: #ff5604 } #adv-search-pages>div { display: inline-block; background-color: #fff; padding: 5px 10px; border-radius: 4px } .no-js #tm--menu--items li:hover ul li { display: none } .js #tm--menu--items li:hover ul li { display: block } #adv-search-load-bar { position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: transparent } #adv-search-load-bar.load-bar { background-color: #ff5601 } #adv-search-load-bar.load-bar.load-bar-active { background-color: transparent } #adv-search-load-bar>div { content: ""; display: inline; position: absolute; width: 0; height: 100%; left: 50%; text-align: center }
#adv-search-load-bar.load-bar-active>div:nth-child(1) { background-color: #ffc8ad; animation: adv-search-loading 1.5s linear infinite } #adv-search-load-bar.load-bar-active>div:nth-child(2) { background-color: #ff9662; animation: adv-search-loading 1.5s linear .3s infinite } #adv-search-load-bar.load-bar-active>div:nth-child(3) { background-color: #ff5601; animation: adv-search-loading 1.5s linear .6s infinite } @keyframes adv-search-loading { from { left: 50%; width: 0; z-index: 100 } 33.3333% { left: 0; width: 100%; z-index: 10 } to { left: 0; width: 100% } } @media only screen and (min-device-width:320px) and (max-device-width:777px) { a.rlogo { width: 118px; height: 19px; display: inline-block; background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/206166/thinkmate_logo_white_transp.svg) center center no-repeat; margin-top: 16px; margin-left: -35px } #tm--menubar--shadow, .js #tm--menu--items li:hover ul { display: none } .tm--menu--wrapper { width: 320px; margin: 0 auto; overflow: hidden }
.tm--menubar { width: 320px } .searchbox { width: 320px!important; border-bottom: 2px solid #BBBBBB; margin-bottom: 9px !important; box-shadow: 0px 2px 9px rgba(0,0,0,0.34) !important; } #header-top-search { float: left } #adv-search-text { min-width: 320px; font-size: 16px!important } #tm--menu--items { width: auto } #tm--menu--items>li { width: 320px; background: #d5d5d5; margin-top: 0; height: auto } #tm--menu--items>li>span>a { display: block; width: 100%; background: url(/tm/images/arrow.png) 289px center no-repeat; border-bottom: 1px solid #AFAFAF; padding: 7px 17px } #tm--menu--items>li>span>a>img { transform: rotate(0); display: none } #tm--menu--items>li>span { line-height: 35px } .adv-search-result { margin: 10px 30px 30px 20px; width: 250px; white-space: normal } #adv-search-crumbs.breadcrumbs { left: 0; top: -51px; height: 58px; width: 320px; text-indent: 19px; overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; background: #D5D5D5; line-height: 58px } #adv-search-crumbs>div {
width: 500px; margin-top: 0 } #adv-search-arrow-up { left: 268px; top: -78px } #adv-search-container { position: absolute; top: 208px; right: 0; width: 320px; left: 0; margin: 0 auto } #adv-search-tabs { background: #FFF; margin-top: 2px; width: 280px; overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch } #adv-search-tabs li { display: block; color: #555; cursor: pointer; padding: 3px 0; margin: 0 10px 0 0; border-width: 0 0 2px; border-style: solid; border-color: #e5e5e5; transition: .2s all linear; width: 83px; overflow: hidden; font-size: 13px; height: 35px; text-align: center; float: left; } #adv-search-results .list-system h3 { color: #6B6B6B; font-size: 14px; font-weight: 400; line-height: 15px; margin: 0; padding: 4px 0 2px 9px; cursor: pointer; white-space: nowrap; overflow: hidden; } #adv-search-arrow-left { transform: rotate(180deg); top: 391px; left: 80px } #billboard, #mainbar { -webkit-transform: translate3d(0,0,0) } #adv-search-results { background-color: #FFF;
padding: 10px 0 10px 5px; max-height: 330px; overflow-x: scroll; overflow-y: auto; width: 315px; box-shadow: 0 23px 50px -7px rgba(0,0,0,.71); white-space: nowrap; -webkit-overflow-scrolling: touch } .dragend-page, .tm--header { overflow: hidden } #adv-search-results>div { width: 930px } #adv-search-arrow-right { top: 391px; left: 200px } #adv-search-pages { margin-top: -3px; text-align: center; font-size: 13px; color: #484848 } #adv-search-pages>div { background-color: #E5E5E5 } .adv-search-arrow { position: absolute; display: block; width: 40px; height: 40px; border-radius: 20px; background: url(/tm/images/search-arrow.png) center center no-repeat #FFF; cursor: pointer; border: 1px solid #D5D5D5 } .tm--header--top a:first-child, .tm--phone { display: none } .tm--header--content { width: 320px; padding-top: 0 } .tm--phone span { font-size: 27px } button.tm--menu--button--black .price-nice { background: url(/wwwinc/static/menu/spark.svg) -1px -1px no-repeat; padding-left: 12px; }
button.tm--menu--button--black .price-nice .price-nice-currency { display: none; } button.tm--menu--button--black .price-nice .price-nice-dollars { display: none; } button.tm--menu--button--black .price-nice .price-nice-cents { display: none; } .tm--menu--button--black { width: 100%; float: none; box-shadow: none; line-height: 41px; margin-left: 0; background: rgba(26,26,26,0.45); color: rgba(255,255,255,0.9); margin-top: 0px; margin-right: 1px; padding: 0 13px 0 13px; white-space: nowrap;padding:0; } .tm--menu--button--orange { width: 100%; float: none; box-shadow: none; line-height: 41px; margin-left: 0; padding: 0; } #mainbar { display: block!important; height: 50px; text-align: center; position: relative; top: 0; left: 0; width: 100%; z-index: 14 } #billboard { height: 230px; position: fixed; width: 100%; z-index: 13 } .slide1-title, .slide1-title-control, .slide2-title, .slide2-title-control { height: 50px; width: 100%; position: relative } .slide1-title {
background: url(http://cdn.thinkmate.com/landing-assets/m/slides/slide1title.jpg) center center no-repeat #E5F5DA; background-size: 814px 50px; left: 0 } .slide2-title { background: url(http://cdn.thinkmate.com/landing-assets/m/slides/slide2title.jpg) center center no-repeat #1c5185; background-size: 814px 50px; left: 0 } .slide1-title-control { background: rgba(98,110,88,.52) } .slide2-title-control { background: rgba(9,39,69,.21) } .slidewrap { position: relative; z-index: 14 } #mainbar-menu-controls { position: relative; z-index: 14; width: 100%; height: 100%; background-color: trasparent; transition: .2s all linear } .mainbar-menu-controls-color { background: #4d4d4d!important } #mainbar-menu-button { width: 30px; height: 30px; position: absolute; top: 10px; right: 20px } #menu-activator { position: absolute; top: 0; left: 0; display: block; width: 30px; height: 30px } #mainbar-menu-button-effect { width: 30px; height: 30px; transition: .2s all linear } .bars:before, .menu { -webkit-transition: all .5s;
-moz-transition: all .5s } .menu-button-inactive { background: url(http://cdn.thinkmate.com/landing-assets/m/menu_inactive.gif) center center no-repeat; background-size: 30px 30px } .menu-button-open { background: url(http://cdn.thinkmate.com/landing-assets/m/menu_open.gif) center center no-repeat; background-size: 30px 30px } .menu-button-close { background: url(http://cdn.thinkmate.com/landing-assets/m/menu_close.gif) center center no-repeat; background-size: 30px 30px } .menu-effect-show { display: block } .menu-effect-hide { display: none } .menu-activator-tap { position: relative; width: 30px; height: 30px } .slide1-content, .slide2-content { height: 180px; position: relative; z-index: 16; width: 100% } .slide1-content { background: url(http://cdn.thinkmate.com/landing-assets/m/slides/slide1bg.jpg) bottom center no-repeat #E3F3D8; background-size: 814px 230px } .slide2-content { background: url(http://cdn.thinkmate.com/landing-assets/m/slides/slide2bg.jpg) bottom center no-repeat #1c5185;
background-size: 814px 230px } .transpeffect { background: url(http://cdn.thinkmate.com/landing-assets/m/transpeffect.png) top center repeat-x; background-size: 20px 230px; height: 230px; width: 100%; position: absolute; z-index: 9 } .main-content-wrapper { width: 100%; background: #fff; border-top: 0 solid #9c9c9c; z-index: 13; position: absolute; margin-top: 230px; height: 500px; box-shadow: 0 -2px 8px rgba(42,39,39,.16) } .main-content-content { margin: 0 auto; padding: 20px } .wrapcontent { position: relative } .slider_indicator { position: absolute; top: 230px; left: 0; text-align: center; width: 100% } .mainbar_outline { background: #C2C2C2; width: 100%; height: 50px; position: absolute; top: 0 } .centerstage { text-align: center; padding-top: 0; float: left; margin-top: 13px; margin-left: 10px } .menu { border: 1px solid transparent; height: 20px; width: 20px; margin: 0 auto; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg); transform: rotate(-360deg); transition: all .5s } .menu.animate-1 { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) } .menu.animate-2 { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg) } .bars { position: relative; margin-top: 8px; height: 3px; width: 20px; background-color: #FFF; border-radius: 4px } .bars:after, .bars:before { content: ''; height: 3px; width: 20px; position: absolute; right: 0; background-color: #FFF; border-radius: 4px } .bars:before { top: -6px; transition: all .5s } .bars:after { bottom: -6px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s } .animate-1 .bars:before { width: 60%; -webkit-transform: rotate(45deg) translateY(0) translateX(2px); -moz-transform: rotate(45deg) translateY(0) translateX(2px);
-ms-transform: rotate(45deg) translateY(0) translateX(2px); -o-transform: rotate(45deg) translateY(0) translateX(2px); transform: rotate(45deg) translateY(1px) translateX(1px) } .animate-1 .bars:after { width: 60%; -webkit-transform: rotate(-45deg) translateY(0) translateX(2px); -moz-transform: rotate(-45deg) translateY(0) translateX(2px); -ms-transform: rotate(-45deg) translateY(0) translateX(2px); -o-transform: rotate(-45deg) translateY(0) translateX(2px); transform: rotate(-45deg) translateY(-1px) translateX(1px) } .animate-2 .animate-1 .bars:after, .animate-2 .animate-1 .bars:before { width: 40px; -webkit-transform: rotate(0) translateY(0) translateX(0); -moz-transform: rotate(0) translateY(0) translateX(0); -ms-transform: rotate(0) translateY(0) translateX(0); -o-transform: rotate(0) translateY(0) translateX(0); transform: rotate(0) translateY(0) translateX(0) } .tm--header { height: 50px; background: #4d4d4d; transition: .2s all linear } .tm--header--expanded { height: 470px; overflow: auto;
background: #4d4d4d } .tm--header--top { margin-bottom: 10px; margin-top: 0; text-align: center; display: -webkit-flex; display: flex; } a.tm--smenu--button--black { -webkit-flex: 1; flex: 1; margin-right: 1px; } .tm--header--top a:last-child { margin-right: 0px; } a.tm--smenu--button--orange { -webkit-flex: 1; flex: 1; } .tm--titlebar--content { width: 100%; margin-top: 0 } .tmx--article--content { width: auto; padding: 20px } .tmx--article h3 { font-size: 13px } .tmx--article h1 { font-size: 31px } .tmx--article h2 { font-size: 13px; margin-top: 0; margin-bottom: 5px } .cover-image { width: 100%; height: 100% } .article--body { width: 100%; float: left } .tmx--article p { font-size: 14px } .curiosity_box { border-bottom: 2px solid #bfbfbf; width: 100%; float: left } blockquote.tmx--article--quote { width: 100%!important } .header-width, .tm--desc--content { width: 100% } .header-width .floatRight { float: left; margin: 0 auto 0 20px } #footer-main { position: relative } #footer-telephone {
background: url(/tm/images/footer_phone.png) left center no-repeat; min-height: 44px; padding-left: 50px; color: #c9c9cb; font-size: 24px; font-weight: 900; line-height: 30px; margin-top: 29px } #footer-main #footer-copy { text-align: right; margin-top: 22px } #footer-main .floatLeft { margin: 0 60px 20px 20px } .bcFloat { display: none!important } body { min-width: 320px } } .search-block2 { float: right; width: 105px; height: 18px; line-height: initial; font-family: Nevis-Bold, Lato, Helvetica, Tahoma, Sans-Serif; text-transform: uppercase; font-size: 10px; text-indent: initial; margin-top: 18px; margin-right: 15px } #mainbar { display: none }