html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px; line-height:25px;}h2{font-size:23px; line-height:23px;}h3{font-size:21px; line-height:21px;}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
header,
footer,
article,
section,
hgroup,
nav,
figure{display:block;}
@media screen{ body{
color:#4d4f53;
font:12px/18px Arial, Helvetica, sans-serif;
background:#fff url(/~/media/assets/images/bg-page2.gif) repeat-x;
-webkit-text-size-adjust:100%;
}
img{vertical-align:top;}
a{
text-decoration:underline;
color:#e98300;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
font:100% Arial, Helvetica, sans-serif;
vertical-align:middle;
}
input[type=submit],
input[type=text],
input[type=password],
input[type=file],
textarea{-webkit-appearance:none;}
textarea,
input[type=submit],
input[type=text]{-webkit-border-radius:0;}
input[type=image]{
padding:0;
border:none;
}
#wrapper{
margin:0 auto;
width:1000px;
}
#header{
padding:6px 0 0;
position:relative;
z-index:10;
}
.top-block{
text-align:right;
overflow:hidden;
padding:0 20px 6px 0;
}
.top-block .menu{
margin:0;
list-style:none;
display:inline-block;
vertical-align:top;
}
* +html .top-block .menu{display:inline;}
.top-block .menu li{
float:left;
font-size:11px;
line-height:18px;
margin:0 0 0 22px;
}
.top-block .menu a{
color:#4d4f53;
text-decoration:none;
background:url(/~/media/assets/images/icons.gif) no-repeat;
padding:2px 0 0 23px;
}
.top-block .menu a:hover{text-decoration:underline;}
.top-block .menu .home{background-position:0 0;}
.top-block .menu .logon{background-position:0 -39px;}
.top-block .menu .contact{background-position:0 -75px;}
.top-block .menu .cart{background-position:0 -122px;}
.nav-holder{
background:#008469 url(/~/media/assets/images/bg-nav.gif) repeat-x;
padding:17px 20px 0 0;
}
.nav-holder:after{
content:''; display:block; clear:both;
height:1%;
}
.logo-sage,
.logo{
background:url(/~/media/assets/images/logo.gif) no-repeat 27px 17px;
width:119px;
height:55px;
overflow:hidden;
text-indent:-9999px;
float:left;
margin:-17px 0 0;
}
.intro .logo-sage,
.logo-sage{
background:url(/~/media/assets/images/logo02.gif) no-repeat;
float:left;
width:193px;
height:35px;
margin:0 128px 0 0;
}
.logo-sage2{
background:url(/~/media/assets/images/logo03.gif) no-repeat;
width:184px;
height:56px;
margin-right:137px;
}
.logo-sage a,
.logo a{
height:100%;
display:block;
}
#nav{
margin:-17px 0 0;
background:url(/~/media/assets/images/divider.png) no-repeat 100% 0;
float:left;
list-style:none;
position:relative; }
#nav > li{
font-size:14px;
line-height:18px;
background:url(/~/media/assets/images/divider.png) no-repeat;
padding:0 0 0 2px;
float:left;
margin:0;
}
#nav > li > a{
display:block;
color:#fff;
text-decoration:none;
padding:20px 24px 17px;
background:url(/~/media/assets/images/bg-nav.gif) repeat-x 0 -1000px;
}
#nav > li:hover > a,
#nav > .active > a,
#nav > li > a:hover{background-position:0 -63px;}
.drop-nav{
overflow:hidden;
width:1000px;
background:#c1d7cf;
font-size:12px;
line-height:17px;
position:relative;
height:0;
}
.drop-nav > ul{
margin:0;
padding:0;
list-style:none;
width:99999px;
overflow:hidden;
position:relative;
}
.drop-nav > ul > li{
float:left;
width: 750px;
padding: 17px 0 33px 250px;
margin:0;
}
.drop-nav > ul li.products-and-solutions {
padding-left: 20px;
width: 980px;
}
.drop-nav .feature {
border: 1px solid #017258;
}
.drop-nav .feature p {
margin-bottom: 10px;
}
.drop-nav .feature .feature-content {
padding: 10px 15px 20px;
}
.productblock{
float:left;
width:178px;
background:#27917b;
padding:13px 10px 19px 18px;
line-height:18px;
margin:0 20px 0 0;
}
.productblock .title{
font-size:14px;
line-height:18px;
color:#bfeadb;
display:block;
margin:0 0 3px;
}
.productblock ul{
margin:0 0 15px;
list-style:none;
}
.productblock li{margin:0;}
.productblock a{
color:#fff;
text-decoration:none;
}
.productblock a:hover{text-decoration:underline;}
.link-holder{
text-align:center;
overflow:hidden;
padding:3px 0 0;
}
.productblock .link-view{
text-decoration:underline;
font-weight:bold;
color:#b9e6d6;
}
.productblock .link-view:hover{text-decoration:none;}
.drop-col{
float:left;
width:235px;
margin:0 15px 0 0;
}
.drop-col .title{
font-size:14px;
line-height:14px;
display:block;
color:#555;
margin:0 0 7px;
}
.drop-col .sub-title{
font-size:12px;
line-height:18px;
color:#5d5d5d;
margin:0 0 2px;
display:block;
}
.drop-col ul{
margin:0;
padding:0 0 22px;
list-style:none;
}
.drop-col .drop-list{
padding:0 0 5px 10px;
line-height:14px;
}
.drop-col a{
color:#017258;
text-decoration:none;
display:inline-block;
}
.drop-col a:hover{text-decoration:underline;}
.drop-col li{margin:0;}
.drop-col .drop-list li{margin-bottom:3px;}
.drop-col li mark{
color:#017258;
background:none;
display:block;
font-size:11px;
line-height:13px;
}
.drop-col li em{color:#6f6f6f;}
.btn-close{
position:absolute;
left:50%;
bottom:17px;
background:url(/~/media/assets/images/icons.gif) no-repeat 0 -501px;
margin:0 0 0 -8px;
width:16px;
height:9px;
text-indent:-9999px;
overflow:hidden;
}
.search-form{
float:right;
background:url(/~/media/assets/images/bg-search.gif) no-repeat;
width:170px;
height:20px;
}
.search-form input[type="text"]{
float:left;
padding:3px 5px 2px;
color:#4d4f53;
font-size:12px;
height:15px;
border:0;
margin:0;
background:none;
width:140px;
}
.search-form :-moz-placeholder{color:#4d4f53;}
.search-form ::-webkit-input-placeholder{color:#4d4f53;}
.search-form input[type="image"]{margin:3px 0 0;}
#main{
padding:9px 0 10px;
width:962px;
}
.breadcrumbs{
margin:0 0 10px;
list-style:none;
overflow:hidden;
}
.breadcrumbs li{
float:left;
font-size:11px;
margin:0 4px 0 0;
padding:0 0 0 10px;
background:url(/~/media/assets/images/divider.png) no-repeat 0 -72px;
color:#4d4f53;
}
.breadcrumbs li:first-child{
background:none;
padding:0;
}
.breadcrumbs a{
color:#008469;
text-decoration:none;
}
.breadcrumbs a:hover{text-decoration:underline;}
#main:after{
content:'';
display:block;
clear:both;
}
.main-holder{
background:#fff;
border:1px solid #bebfc0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:#bbb 0 0 6px;
-moz-box-shadow:#bbb 0 0 6px;
box-shadow:#bbb 0 0 6px;
behavior:url(/~/media/assets/css/PIE.htc);
}
.main-frame{
padding:28px 0 74px;
overflow:hidden;
background:url(/~/media/assets/images/bg-main-b.png) no-repeat 100% 100%;
position:relative;
}
.main-frame, .main-frame2{padding-bottom:100px;}
.main-frame3 { padding-bottom: 95px; }
.intro{
padding:0 10px 28px 28px;
position:relative;
}
.intro h1{
font-size:30px;
line-height:37px;
font-weight:normal;
color:#008469;
float:left;
margin:-4px 0 0 -2px;
}
.notes-block{
background:url(/~/media/assets/images/bg-notes.gif) no-repeat;
width:269px;
height:79px;
font-size:15px;
line-height:22px;
color:#fff;
float:left;
text-align:center;
padding:5px 45px 0 64px;
margin:-28px 0 0;
}
.notes-block p{margin:0;}
.notes-block p mark{
display:block;
font-size:16px;
line-height:19px;
font-weight:bold;
background:none;
color:#fff;
}
.intro .phone{
margin:0;
float:right;
width:210px;
padding:0 0 0 10px;
font-size:24px;
line-height:28px;
font-weight:bold;
color:#4d4f53;
text-transform:uppercase;
letter-spacing:1px;
}
.intro .phone dt{
font-size:14px;
line-height:17px;
color:#008469;
margin:0 0 3px;
}
.nav-bar{
margin:0 0 18px;
list-style:none;
height:29px;
background:#d0e2b4 url(/~/media/assets/images/bg-nav.gif) repeat-x 0 -123px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
behavior:url(/~/media/assets/css/PIE.htc);
position:relative;
z-index:998;
}
.nav-bar > li{
float:left;
font-size:12px;
line-height:29px;
background:url(/~/media/assets/images/divider.png) no-repeat 0 -110px;
padding:0 0 0 2px;
margin:0;
position:relative;
}
.nav-bar > li:first-child{
padding:0;
background:none;
}
.nav-bar > li:first-child > a{
-webkit-border-radius-topleft:4px;
-webkit-border-radius-topright:0;
-webkit-border-radius-bottomright:0;
-webkit-border-radius-bottomleft:4px;
-moz-border-radius:4px 0 0 4px;
border-radius:4px 0 0 4px;
behavior:url(/~/media/assets/css/PIE.htc);
}
.nav-bar > li > a{
color:#4d4f53;
text-decoration:none;
background:url(/~/media/assets/images/bg-nav.gif) repeat-x 0 -1000px;
text-align:center;
display:block;
padding:0 0 0 21px;
}
.nav-bar span{display:block;}
.nav-bar .has-drop-down span{background:url(/~/media/assets/images/bullets.gif) no-repeat 98% -102px;}
.nav-bar.scaling-active > li > span,
.nav-bar.scaling-active > li > a{padding:0;}
.nav-bar > .active > a,
.nav-bar > li:hover > a,
.nav-bar a:hover{
background:url(/~/media/assets/images/bg-nav.gif) repeat-x 0 -155px;
-pie-background: linear-gradient(#ddeaca, #d9e4b4);
}
.nav-bar li:hover .drop{display:block;}
.nav-bar .drop{
position:absolute;
width:198px;
left:-1px;
top:26px;
background:url(/~/media/assets/images/bg-drop.png) no-repeat;
padding:5px 0 0;
display:none;
}
.nav-bar .drop-holder{
background:url(/~/media/assets/images/bg-drop.png) no-repeat -203px 100%;
padding:0 0 5px;
}
.nav-bar ul{
overflow:hidden;
margin:0;
padding:7px 4px 8px;
list-style:none;
background:url(/~/media/assets/images/bg-drop.png) repeat-y -404px 0;
}
.nav-bar ul li{
line-height:24px;
margin:0;
}
.nav-bar ul a{
color:#4d4f53;
text-decoration:none;
display:block;
padding:0 4px 0 12px;
}
.nav-bar ul a:hover{
font-weight:bold;
background:#fff;
}
#content{margin:0 0 0 15px;}
.block{
border:1px solid #bebfc0;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:#cfcfcf 0 0 6px;
-moz-box-shadow:#cfcfcf 0 0 6px;
box-shadow:#cfcfcf 0 0 6px;
background:#f9f9f9;
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background:-moz-linear-gradient(top, #fff 75%, #ededed 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#ededed));
background:-webkit-linear-gradient(top, #fff 75%,#ededed 100%);
background:-o-linear-gradient(top, #fff 75%,#ededed 100%);
background:-ms-linear-gradient(top, #fff 75%,#ededed 100%);
background:linear-gradient(top, #fff 75%,#ededed 100%);
-pie-background:linear-gradient(#fff, #f7f7f7);
behavior:url(/~/media/assets/css/PIE.htc);
overflow:hidden;
position:relative;
}
.banners .block {
border: none;
border-radius: 0;
background-image: none;
box-shadow: none;
}
.banner{margin:0 0 24px;}
.banner-holder{
background:url(/~/media/assets/images/bg-banner.png) no-repeat 0 100%;
padding:17px 0 0 19px;
font-size:16px;
line-height:19px;
}
#content .banner h2{
font-size:20px;
line-height:24px;
margin-bottom:10px;
}
#content .banner p{margin:0 0 26px;}
.banner .btn-orange{
width:104px;
margin:0 0 0 2px;
}
.discount{
background:url(/~/media/assets/images/bg-banner.png) no-repeat -690px 0;
width:164px;
height:151px;
text-indent:-9999px;
float:right;
margin:-17px 0 0 10px;
}
#content h1 {
color: #007f64;
font-size: 25px;
font-weight: normal;
margin: 0 0 7px;
}
#content h2{
color:#4d4f53;
font-size:18px;
line-height: 22px;
font-weight:normal;
margin:0 0 7px;
}
#content h3 {
color: #007f64;
font-size: 16px;
font-weight: normal;
margin: 0 0 7px;
}
#content h4 {
color: #4d4f53;
font-size: 14px;
line-height: 16px;
font-weight: normal;
margin: 0 0 7px;
}
#content h5 {
color: #007f64;
font-size: 12px;
line-height: 14px;
font-weight: normal;
margin: 0 0 7px;
}
#content h6 {
color: #4d4f53;
font-size: 10px;
line-height: 12px;
font-weight: normal;
margin: 0 0 7px;
}
#content p, div.twtr-widget {margin:0 0 10px;}
div.twtr-widget .twtr-hd,
div.twtr-widget .twtr-ft,
div.twtr-widget .twtr-tweet-text em { display: none; }
.article{
overflow:hidden;
margin:0 0 12px;
}
.article2{padding:7px 0 11px;}
.article h3{
font-size:13px;
line-height:20px;
margin:0 0 5px;
color:#008469;
}
.product-info{
float:right;
width:130px;
padding:10px 0 0 15px;
}
.product-info img{margin:0 0 8px;}
.product-info .btn-orange{
display:block;
margin:0 0 10px;
}
.price{
font-size:24px;
line-height:24px;
color:#008469;
display:block;
margin:0 0 12px;
}
.call{color:#008469;}
.article .text-holder{overflow:hidden;}
#content .tabs h2{margin:0 0 15px;}
.tabs{margin:0 0 26px;}
.tabset-holder{
background:#ededed;
margin:0 18px -9989px 0;
padding:6px 0 9999px 14px;
float:left;
width:214px;
-webkit-border-radius:6px 0 0;
-moz-border-radius:6px 0 0;
border-radius:6px 0 0;
behavior:url(/~/media/assets/css/PIE.htc);
}
.tabset-holder .corner{
background:#ededed;
border:1px solid #bebfc0;
border-width:0 0 1px 1px;
width:6px;
height:6px;
position:absolute;
bottom:-1px;
left:-1px;
-webkit-border-radius:0 0 0 6px;
-moz-border-radius:0 0 0 6px;
border-radius:0 0 0 6px;
behavior:url(/~/media/assets/css/PIE.htc);
}
.tabset{
list-style:none;
margin:0 0 7px -14px;
}
.tabset li{
margin:0 0 2px;
font-size:12px;
line-height:18px;
}
.tabset-holder .tabset a{
display:block;
color:#4d4f53;
text-decoration:none;
padding:5px 14px;
}
.tabset-holder a,
.tabset-holder a:hover{
text-decoration:underline;
color:#e98300;
}
.tabset-holder a:hover{text-decoration:none;}
.tabset .active:hover,
.tabset .active{
text-decoration:none;
color:#4d4f53;
background:#fff;
font-weight:bold;
}
.tab-content{
overflow:hidden;
padding:17px 20px 25px 0;
height: 290px;
}
.tabs h3{
color:#008469;
font-size:13px;
line-height:18px;
margin:0 0 6px;
}
.tabs p{margin:0 0 10px;}
.tabs img{
display:block;
margin:0 auto 16px;
vertical-align:baseline;
}
.tabs .alignright{
float:right;
margin:-7px 0 0 10px;
}
.list{
margin:-1px 0 10px; list-style:none;
padding:0 0 0 1px;
}
.list2{padding-left:13px;}
.tabs .list{padding-left:14px;}
.list li{
background:url(/~/media/assets/images/bullets.gif) no-repeat 0 -39px;
padding:0 0 0 11px;
margin:0;
}
.blocks{margin:0 0 38px;}
.blocks .heading{padding:0 0 8px;}
.blocks .heading .link-more{
float:right;
margin:2px 0 0;
}
.blocks .block.omega{margin:0;}
.blocks .block{
margin:0 17px 0 0;
font-size:11px;
line-height:16px;
}
.blocks .holder{
padding:9px 8px 12px;
min-height:303px;
position:relative;
}
.blocks img{margin:0 0 7px;}
.blocks h3{
font-size:12px;
line-height:18px;
margin:0 0 8px;
}
#content .blocks .block p{margin:0 0 16px;}
.blocks .block .link-more{
position:absolute;
bottom:12px;
}
.social{
position:absolute;
bottom:22px;
left:22px;
}
.social h3{
font-size:13px;
line-height:17px;
color:#008469;
margin:0 0 11px;
}
.social ul{ margin:0; list-style:none; overflow:hidden; } .social li{ margin:0 10px 0 0; float:left; display:inline; } .social a{ display:block; background:url(/~/media/assets/images/icons.gif) no-repeat;
width:24px;
height:24px; text-indent:-9999px;
overflow:hidden; } .social .facebook{background-position:0 -170px;} .social .twitter{background-position:0 -207px;}
.social .linkedin{background-position:0 -246px;}
.social .you-tube{background-position:0 -285px;}
.social .google{background-position:0 -326px;}
.social .sagecity {background-position: 0 -454px;}
.products{padding:0 0 0 6px;}
.products .heading{
float:left;
width:130px;
margin:0 55px 0 0;
padding:27px 0 0;
}
.products .btn-orange{
display:block;
margin:0 0 3px;
}
.items{
margin:0 0 5px; list-style:none;
overflow:hidden;
}
.items li{
font-size:11px;
line-height:18px;
float:left;
width:82px;
margin:0 18px 0 0;
text-align:center;
}
.items img{margin:0 0 8px;}
.items .call,
.items .price{
font-size:12px;
line-height:15px;
display:block;
margin:0 0 1px;
color:#4d4f53;
}
.items .call{
letter-spacing:-1px;
margin:-5px 0 1px;
}
.items .text{
display:block;
margin:0 0 3px;
font-size:10px;
line-height:13px;
}
.products h3,
.tables-compare h3{
font-size:13px;
line-height:16px;
color:#018469;
margin:0 0 7px;
}
.products ul h3{margin:0 0 23px;}
.products ul .item h3{margin-bottom:13px;}
.tables-compare h3{margin:0 0 4px;} .tables-compare table{
width:100%;
margin:0 0 28px -6px;
text-align:left;
font-size:12px;
line-height:15px;
color:#4d4f53;
table-layout:fixed;
}
.tables-compare th{
width:180px;
padding:5px 5px 4px;
font-weight:normal;
text-align:left;
}
.tables-compare td{
padding:0 0 5px;
vertical-align:bottom;
}
.check{
background:url(/~/media/assets/images/ico-check.png) no-repeat;
width:15px;
position:relative;
right:8px;
height:14px;
display:block;
margin:0 auto;
text-indent:-9999px;
font-size:0;
line-height:0;
}
.tables-compare .even th,
.tables-compare .even td{background:#ededed;}
.support{margin:0 0 23px;}
#content .support h2{margin:0 0 13px;}
.resources h3,
.support h3{
font-size:13px;
line-height:17px;
color:#008469;
margin:0 0 11px;
}
.support ul{
margin:0;
overflow:hidden; list-style:none;
}
.support li{
text-align:center;
float:left;
margin:0;
border-left:1px solid #c7c8c9;
padding:31px 0 19px;
width:173px;
min-height:100px;
}
.support li:first-child{border:0;}
.support ul img{
display:block;
margin:0 auto 12px;
vertical-align:baseline;
}
.support ul a{
color:#4d4f53;
background:url(/~/media/assets/images/bullets.gif) no-repeat 100% 4px;
text-decoration:none;
padding:0 8px 0 0;
}
.support ul a:hover{text-decoration:underline;}
.resources{margin:0 0 10px;}
.resources .grid_6{margin-bottom:21px;}
#content .resources h2{margin-bottom:15px;}
.resources .heading{
background:#ededed;
-webkit-border-radius-topleft:6px;
-webkit-border-radius-topright:6px;
-webkit-border-radius-bottomright:0;
-webkit-border-radius-bottomleft:0;
-moz-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0;
behavior:url(/~/media/assets/css/PIE.htc);
padding:10px 10px 5px;
margin:0 -14px 14px;
}
.resources h3{
margin:0;
display:inline-block;
}
* +html .resources h3{display:inline;}
.resources .block{
padding:0 14px 13px;
min-height:270px;
}
.resources .heading img{
display:inline-block;
margin:0 3px -10px 0;
}
.resources .list{
margin:-6px 0 0;
padding:0;
}
.resources .list li{line-height:30px;}
#content .resources p{margin-bottom:12px;}
#sidebar{padding:0 0 192px;}
.side-block{
overflow:hidden;
border:1px solid #c7c8c9;
border-width:0 0 1px 1px;
padding:17px 3px 9px 10px;
}
.side-block.blue,
.side-block.green,
.side-block.orange,
.side-block.purple {
background: url() bottom left no-repeat;
height: 128px;
}
.side-block.type-1,
.side-block.type-2,
.side-block.type-3 { position: relative; }
.side-block.type-2 p { color: #fff; }
.side-block.type-2 a.learn-more {
position: absolute;
bottom: 10px; right: 10px;
}
.side-block.type-3 h3 { margin-bottom: 0; }
.side-block.type-3 h4 { font-weight: normal; color: #777; font-size: 12px; }
.side-block.type-3 p {
color: #fff;
position: absolute;
top: 90px;
left: 11px;
z-index: 1;
line-height: 18px;
}
.side-block.type-1 a.box-link,
.side-block.type-3 a.box-link {
display: block;
height: 128px;
width: 219px;
position: absolute;
top: 0; left: 0;
z-index: 2;
}
.side-block.type-1.blue { background-image: url(/~/media/assets/images/bg-sidebar-blue-t1.gif); }
.side-block.type-2.blue { background-image: url(/~/media/assets/images/bg-sidebar-blue-t2.gif); }
.side-block.type-3.blue { background-image: url(/~/media/assets/images/bg-sidebar-blue-t3.gif); }
.side-block.type-1.green { background-image: url(/~/media/assets/images/bg-sidebar-green-t1.gif); }
.side-block.type-2.green { background-image: url(/~/media/assets/images/bg-sidebar-green-t2.gif); }
.side-block.type-3.green { background-image: url(/~/media/assets/images/bg-sidebar-green-t3.gif); }
.side-block.type-1.orange { background-image: url(/~/media/assets/images/bg-sidebar-orange-t1.gif); }
.side-block.type-2.orange { background-image: url(/~/media/assets/images/bg-sidebar-orange-t2.gif); }
.side-block.type-3.orange { background-image: url(/~/media/assets/images/bg-sidebar-orange-t3.gif); }
.side-block.type-1.purple { background-image: url(/~/media/assets/images/bg-sidebar-purple-t1.gif); }
.side-block.type-2.purple { background-image: url(/~/media/assets/images/bg-sidebar-purple-t2.gif); }
.side-block.type-3.purple { background-image: url(/~/media/assets/images/bg-sidebar-purple-t3.gif); }
.side-block:first-child{border-width:1px 0 1px 1px;}
.side-block h3{
font-size:14px;
line-height:18px;
color:#008469;
margin:0 0 6px;
}
.side-block p{margin:0 0 14px;}
.btn-orange{
background:url(/~/media/assets/images/btn-orange.gif) no-repeat;
padding:0 0 0 3px;
display:inline-block;
cursor:pointer;
color:#fff;
text-align:center;
text-decoration:none;
font-size:11px;
line-height:24px;
vertical-align:top;
}
.btn-orange strong{
background:url(/~/media/assets/images/btn-orange.gif) no-repeat 100% -26px;
display:block;
height:24px;
padding:0 10px;
}
.side-block .btn-orange{margin:0 0 10px;}
.side-block .btn-orange strong{width:107px;}
.side-block .list{
margin:-4px 0 0 -10px;
padding:0;
list-style:none;
font-size:12px;
line-height: 16px;
}
.resources .list li,
.side-block .list li{
margin:0;
padding:0;
background:none;
}
.side-block .list ul{
margin:0; list-style:none;
padding:0 0 0 36px;
display:none;
}
.side-block .list ul { padding-left: 18px; }
.side-block .list .active ul{display:block;}
.resources .list a,
.side-block .list a,
.side-block .list li li a,
.side-block .list li li a:hover {
background:url(../images/bullets.gif) no-repeat -253px 9px;
color:#4d4f53;
padding:4px 0 4px 25px;
text-decoration:none;
display:block;
}
.side-block .list li li li a:link { background-image: none }
.resources .list a{
background-position:-264px 12px;
padding:0 0 0 15px;
}
.resources .list a:hover{text-decoration:underline;}
.side-block .list .active > a,
.side-block .list li > a:hover,
.side-block .list li li a:hover{
background-position:-252px -158px;
background-color:#ededed;
font-weight:bold;
}
.side-block .list li li li a:hover { text-decoration: underline; font-weight: normal; }
.side-block .list li li li.active a:hover { text-decoration: none; font-weight: bold; }
.side-block .list li li.active > a,
.side-block .list li li > a:hover { background-color: transparent; font-weight: bold; }
.side-block .list ul a{
background:none;
display:inline;
padding:0;
}
.side-block .list ul a:hover{
background:none;
text-decoration:underline;
}
.testimonials{
margin:0 0 10px;
overflow:hidden;
padding:20px 30px 0;
font-size:11px;
line-height:17px;
}
.testimonials img{margin:0 0 3px;}
.testimonials blockquote{
margin:0;
color:#007f63;
padding:0 0 0 4px;
}
.testimonials q{
quotes:none;
display:block;
margin:0 0 8px;
}
.testimonials q:before{content:'';} .testimonials q:after{content:'';}
.testimonials cite{
display:block;
font-style:normal;
}
.testimonials cite span{display:block;}
.start{
border:1px solid #ccc;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
behavior:url(/~/media/assets/css/PIE.htc);
background:url(/~/media/assets/images/bg-start.png) no-repeat 0 100%;
width:177px;
padding:16px 5px 56px 11px;
position:relative;
top:24px;
left:-5px;
margin:0 auto 30px;
font-size:16px;
line-height:19px;
}
.start h3{
letter-spacing:-1px;
font-size:17px;
line-height:22px;
font-weight:normal;
margin:0 0 21px;
color:#3fbff0;
}
.btn-orange.big{
background-position:0 -52px;
letter-spacing:1px;
font-size:18px;
line-height:31px;
}
.btn-orange.big strong{
background-position:100% -84px;
height:31px;
}
.start .btn-orange.big{
width:150px;
margin:0 0 0 5px;
}
.start p{margin:0 0 38px;}
.decor{
background:url(/~/media/assets/images/decor.png) no-repeat;
width:178px;
height:89px;
position:absolute;
top:-28px;
left:50%;
margin:0 0 0 31px;
}
.story{margin:0 0 26px;}
#content .story h2{margin:0 0 17px;}
.story .block{padding:11px 15px 17px 13px;}
.story .video{
float:right;
margin:0 0 0 10px;
}
.news .heading-block{margin:0 0 9px;}
.story h3{
font-size:13px;
line-height:18px;
color:#008469;
margin:0;
}
.story .date{
display:block;
margin:0 0 9px;
}
.news .heading{
background:#ededed;
overflow:hidden;
margin:0 0 14px;
padding:4px 13px 3px;
}
.news .search-form{margin:3px 0 0;}
.news h3{
font-size:13px;
line-height:18px;
color:#008469;
margin:0;
}
.news h4{
font-size:12px;
line-height:18px;
margin:0;
}
.news .box{
margin:0 0 14px;
padding:0 10px 14px 14px;
border-bottom:1px solid #c7c8c9;
}
.news .image{
width:152px;
display:inline-block;
vertical-align:middle;
text-align:center;
margin:0 15px 0 0;
}
* +html .news .image{
margin-right:18px;
display:inline;
}
.news .text-holder{
width:506px;
display:inline-block;
vertical-align:middle;
padding:5px 0 0;
}
* +html .news .text-holder{display:inline;}
.contact-form{padding:4px 0 0;}
.contact-form fieldset{margin:0;}
.contact-form .block{
padding:10px 15px 10px 20px;
height:79px;
margin:0 0 20px;
display:table;
}
.contact-form .block-holder{
display:table-cell;
vertical-align:middle;
}
* +html .contact-form .block-holder{margin-top: expression(this.parentNode.offsetHeight > this.offsetHeight ? ((this.parentNode.offsetHeight-this.offsetHeight)/2 + "px") : "0"); }
.contact-form .title{
display:inline-block;
vertical-align:middle;
width:220px;
margin:0 10px 0 0;
}
#content .contact-form h2{margin:0;}
#content .contact-form p{margin:0;}
* +html .contact-form .title{
display:inline;
margin-right:14px;
}
.contact-form .holder{
display:inline-block;
vertical-align:middle;
width:418px;
padding:0 0 0 10px;
}
* +html .contact-form .holder{
display:inline;
vertical-align:middle;
width:410px;
}
.contact-form select{
display:block;
width:406px;
margin:0 0 0 -10px;
}
.locations{
width:701px;
padding:6px 0 0 19px;
margin:0 -20px 0 0;
}
#content .locations h2{
margin:0;
padding:0 0 10px;
}
.locations h3{
font-size:12px;
line-height:18px;
margin:0;
}
.locations h3 a{font-weight:normal;}
.locations address{
font-style:normal;
margin:0 0 22px;
}
.locations .address{margin-top:-12px;}
.locations address span{display:block;}
.rss{
color:#4d4f53;
text-decoration:none;
background:url(/~/media/assets/images/icons.gif) no-repeat 0 -381px;
padding:0 0 0 30px;
line-height:24px;
display:inline-block;
margin:2px 0 10px 2px;
}
.rss:hover{text-decoration:underline;}
.side-block .social{
position:static;
margin:-2px 0 14px 3px;
}
.tweets{
margin:0 0 -4px;
padding:4px 0 0 3px;
list-style:none;
}
.tweets li{
line-height:16px;
margin:0 0 12px;
overflow:hidden;
color:#4d4f53;
}
.tweets a{
text-decoration:none;
color:#4d4f53;
}
.tweets a:hover .text{text-decoration:underline;}
.tweets img{
display:inline-block;
vertical-align:middle;
margin:0 8px 0 0;
}
.tweets .text{
width:170px;
display:inline-block;
vertical-align:middle;
}
#footer{
font-size:11px;
line-height:13px;
padding:0;
overflow:hidden;
}
#footer a{
color:#4d4f53;
text-decoration:none;
}
#footer a:hover{text-decoration:underline;}
#footer .more{
background:url(/~/media/assets/images/bullets.gif) no-repeat 100% 3px;
padding:0 8px 0 0;
} #footer p{margin:2px 10px 11px;}
.footer-holder{
padding:15px 0;
width:auto;
}
.footer-container>div{
width: 980px;
margin: 0 auto;
}
.footer-container.links {
background:#ededed;
}
#footer .box{
overflow:hidden;
margin:0 0 17px;
}
#footer h3{
font-size:12px;
line-height:18px;
margin:0 0 1px;
}
#footer ul{
margin:0; list-style:none;
line-height:18px;
}
#footer li{margin:0;}
.logo-print{display:none;}
.outtaHere{
position:absolute;
left:-3000px;
}
/* Selects */
.selectArea {
position: relative;
height:29px;
float:left;
color:#4d4f53;
font-size:12px;
line-height:29px;
}
.selectArea .left{
position: absolute;
top: 0;
left: 0;
width:5px;
height:100%;
display:block;
box-shadow:inset 1px 1px rgba(216,216,216,.4);
-webkit-box-shadow:inset 1px 1px rgba(216,216,216,.4);
-moz-box-shadow:inset 1px 1px rgba(216,216,216,.4);
border:1px solid;
border-color:#c5c5c6 transparent #e5e5e5 #c4c4c5;
border-width:1px 0 1px 1px;
background:#ededed;
}
.selectArea a.selectButton {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
background: url(/~/media/assets/images/icons.gif) no-repeat 100% -422px;
border-right:1px solid #e5e5e5;
box-shadow:inset -1px 0 rgba(216,216,216,.4);
-webkit-box-shadow:inset -1px 0 rgba(216,216,216,.4);
-moz-box-shadow:inset -1px 0 rgba(216,216,216,.4);
}
.selectArea .center{
height:29px;
line-height:29px;
display:block;
padding:0 26px 0 9px;
box-shadow:inset 0 1px rgba(216,216,216,.4); -webkit-box-shadow:inset 0 1px rgba(216,216,216,.4); -moz-box-shadow:inset 0 1px rgba(216,216,216,.4);
border:1px solid;
border-color:#c5c5c6 transparent #e5e5e5;
border-width:1px 0;
background:#ededed;
}
/*Selects drop-down*/
.optionsDivInvisible,
.optionsDivVisible{
position:absolute;
display:block;
z-index:1100;
font-size:12px;
}
.optionsDivInvisible{display:none;}
.optionsDivVisible ul {
margin:0;
padding:2px;
overflow:hidden;
list-style:none;
background-color:#ededed;
border:1px solid #e5e5e5;
border-color:transparent #e5e5e5 #c4c4c5 #c4c4c5;
border-width:0 1px 1px;
}
.optionsDivVisible ul li {
float:left;
width:100%;
margin:0;
}
.optionsDivVisible a{
color:#4d4f53;
overflow:hidden;
text-decoration: none;
display: block;
height:1%;
padding:2px 6px;
}
.optionsDivVisible a:hover{text-decoration:underline;}
}
@media print{ body{
color:#000;
font:12px/18px Arial, Helvetica, sans-serif;
background:#fff;
}
img{vertical-align:top;}
a{
text-decoration:underline;
color:#000;
}
a:hover{text-decoration:none;}
input,
textarea,
select{font:100% Arial, Helvetica, sans-serif;}
#wrapper{width:100%;}
#main{
padding:9px 0 10px;
width:100%;
}
.drop-nav {
display: none;
}
.article:after,
.main-holder:after,
.block:after,
.main-frame:after,
.side-block:after,
.article:after,
#wrapper:after,
#main:after{
content:'';
display:block;
clear:both;
}
.main-frame{
padding:10px 0 22px;
width:100%;
}
.intro{padding:0 10px 10px;}
.notes-block{
width:35%;
height:79px;
font-size:15px;
line-height:22px;
float:left;
text-align:center;
}
.notes-block p{margin:0;}
.notes-block p mark{
display:block;
font-size:16px;
line-height:19px;
font-weight:bold;
background:none;
}
.phone{
margin:0;
float:right;
width:26%;
padding:0 0 0 2%;
font-size:20px;
line-height:24px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
.phone dt{
font-size:14px;
line-height:17px;
margin:0 0 3px;
}
#content{width:72%;}
.block{
height:1%;
border:1px solid #000;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
position:relative;
overflow:hidden;
}
.banner{margin:0 0 24px;}
.banner-holder{
padding:17px 0 0 19px;
font-size:16px;
line-height:19px;
}
#content .banner h2{
font-size:20px;
line-height:24px;
margin-bottom:10px;
}
#content .banner p{margin:0 0 26px;}
.banner .btn-orange{
width:104px;
margin:0 0 0 2px;
}
#content h2{
font-size:18px;
line-height:22px;
font-weight:normal;
margin:0 0 7px;
}
#content p{margin:0 0 10px;}
.article{margin:0 0 12px;}
.article2{padding:7px 0 11px;}
.product-info{
float:right;
width:130px;
padding:10px 0 0 15px;
}
.product-info img{margin:0 0 8px;}
.product-info .btn-orange{
display:block;
margin:0 0 10px;
}
.price{
font-size:24px;
line-height:24px;
display:block;
margin:0 0 12px;
}
.article .text-holder{overflow:hidden;}
#content .tabs h2{margin:0 0 15px;}
.tabs{margin:0 0 16px;}
.tabset-holder{
margin:0 2% 0 0;
padding:6px 0 0 3%;
float:left;
width:31%;
}
.tabset{
list-style:none;
margin:0 0 7px;
}
.tabset li{
margin:0 0 2px;
font-size:12px;
line-height:18px;
}
.tabset-holder .tabset a{
display:block;
text-decoration:none;
padding:5px 0;
}
.tabset-holder a{text-decoration:underline;}
.tabset .active{
text-decoration:none;
font-weight:bold;
}
.tab-content{
float:right;
width:60%;
padding:17px 3% 25px 0;
}
.tabs h3{
font-size:13px;
line-height:18px;
margin:0 0 6px;
}
.tabs p{margin:0 0 10px;}
.tabs img{
display:block;
margin:0 auto 16px;
vertical-align:baseline;
}
.tabs .alignright{
float:right;
margin:-7px 0 0 10px;
}
.list{
margin:-1px 0 10px;
list-style:none;
padding:0 0 0 1px;
}
.tabs .list{padding-left:0;}
.list li{margin:0;}
.blocks{margin:0 0 38px;}
.blocks .heading{padding:0 0 8px;}
.blocks .heading .link-more{
float:right;
margin:2px 0 0;
}
.blocks .block.omega{margin:0;}
.blocks .block{
float:none;
display:inline-block;
overflow:visible;
vertical-align:top;
margin:0 1% 0 0;
width:23%;
font-size:11px;
line-height:16px;
}
* +html .blocks .block{
display:inline;
margin-right:2%;
}
.blocks .holder{
padding:9px 3% 20px;
min-height:310px;
position:relative;
}
.blocks img{
width:100%;
display:block;
vertical-align:baseline;
margin:0 auto 7px;
}
.blocks h3{
font-size:12px;
line-height:18px;
margin:0 0 8px;
}
#content .blocks .block p{margin:0 0 16px;}
.blocks .block .link-more{
position:absolute;
bottom:12px;
}
.products{padding:0 0 0 6px;}
.products .heading{
float:left;
width:130px;
margin:0 55px 0 0;
padding:27px 0 0;
}
.products .btn-orange{
display:block;
margin:0 0 3px;
}
.items{
margin:0;
list-style:none;
overflow:hidden;
}
.items li{
font-size:11px;
line-height:18px;
display:inline-block;
vertical-align:top;
width:82px;
margin:0 10px 10px 0;
text-align:center;
}
* +html .items li{display:inline;}
.items img{margin:0 0 8px;}
.items .call,
.items .price{
font-size:12px;
line-height:15px;
display:block;
margin:0 0 1px;
}
.items .call{
letter-spacing:-1px;
margin:-5px 0 1px;
}
.items .text{
display:block;
margin:0 0 3px;
font-size:10px;
line-height:13px;
}
.products h3,
.tables-compare h3{
font-size:13px;
line-height:16px;
margin:0 0 7px;
}
.products ul h3{margin:0 0 23px;}
.products ul .item h3{margin-bottom:13px;}
.tables-compare h3{margin:0 0 4px;}
.tables-compare table{
width:100%;
margin:0 0 28px -6px;
text-align:left;
font-size:12px;
line-height:15px;
table-layout:fixed;
}
.tables-compare th{
width:28%;
padding:5px 1% 4px;
font-weight:normal;
text-align:left;
}
.tables-compare td{
padding:0 0 5px;
vertical-align:bottom;
}
.check{
display:block;
margin:0 auto;
}
.support{margin:0 0 23px;}
#content .support h2{margin:0 0 13px;}
.resources h3,
.support h3{
font-size:13px;
line-height:17px;
margin:0 0 11px;
}
.support ul{
margin:0;
overflow:hidden;
list-style:none;
}
.support li{
text-align:center;
float:left;
margin:0;
border-left:1px solid #000;
padding:10px 0;
width:24%;
min-height:100px;
}
.support li:first-child{border:0;}
.support ul img{
display:block;
margin:0 auto 12px;
vertical-align:baseline;
}
.support ul a{
text-decoration:none;
padding:0 10px 0 0;
}
.support ul a:hover{text-decoration:underline;}
.resources{margin:0 0 10px;}
.resources .grid_6{
margin:0 2% 21px 0;
width:47.5%;
}
#content .resources h2{margin-bottom:15px;}
.resources .heading{
padding:10px 10px 5px;
margin:0 -10px 14px;
}
.resources h3{
margin:0;
display:inline-block;
}
* +html .resources h3{display:inline;}
.resources .block{
padding:0 10px 10px;
min-height:250px;
}
.resources .heading img{
display:inline-block;
margin:0 3px -10px 0;
}
.resources .list{
margin:-6px 0 0;
padding:0;
}
.resources .list li{line-height:30px;}
#content .resources p{margin-bottom:12px;}
#sidebar{
width:20%;
margin:0 2%;
float:right;
}
.side-block{
overflow:hidden;
border:1px solid #000;
border-width:0 0 1px 1px;
padding:17px 3px 9px 10px;
}
.side-block:first-child{border-width:1px 0 1px 1px;}
.side-block h3{
font-size:13px;
line-height:18px;
margin:0 0 6px;
}
.side-block p{margin:0 0 14px;}
.btn-orange{
padding:0 0 0 3px;
display:inline-block;
cursor:pointer;
text-align:center;
text-decoration:none;
font-size:11px;
line-height:24px;
vertical-align:top;
}
.btn-orange strong{
display:block;
height:24px;
padding:0 10px;
}
.side-block .btn-orange{margin:0 0 10px;}
.side-block .btn-orange strong{width:107px;}
.side-block .list{
margin:-4px 0 0;
padding:0;
list-style:none;
font-size:12px;
line-height:24px;
}
.resources .list li,
.side-block .list li{
margin:0;
background:none;
}
.side-block .list ul{
margin:0;
list-style:none;
display:none;
}
.side-block .list .active ul{display:block;}
.resources .list a,
.side-block .list a{
text-decoration:none;
display:block;
}
.side-block .list .active > a{font-weight:bold;}
.side-block .list ul a{
background:none;
display:inline;
padding:0;
}
.testimonials{
margin:0 0 10px;
padding:20px 0 0;
font-size:11px;
line-height:17px;
}
.testimonials img{margin:0 0 3px;}
.testimonials blockquote{
margin:0;
padding:0 0 0 4px;
}
.testimonials q{
quotes:none;
display:block;
margin:0 0 8px;
}
.testimonials q:before{content:'';}
.testimonials q:after{content:'';}
.testimonials cite{
display:block;
font-style:normal;
}
.testimonials cite span{display:block;}
.start{
border:1px solid #000;
padding:16px 5px 10px;
position:relative;
top:24px;
margin:0 0 30px;
font-size:12px;
line-height:17px;
}
.start h3{
letter-spacing:-1px;
font-size:14px;
line-height:18px;
font-weight:normal;
margin:0 0 21px;
}
.btn-orange.big{
letter-spacing:1px;
font-size:14px;
line-height:18px;
}
.btn-orange.big strong{height:31px;}
.start .btn-orange.big{
width:150px;
margin:0 0 0 5px;
}
.start p{margin:0;}
.story{margin:0 0 26px;}
#content .story h2{margin:0 0 17px;}
.story .block{padding:11px 15px 17px 13px;}
.story .video{
float:right;
margin:0 0 0 10px;
}
.news .heading-block{margin:0 0 9px;}
.story h3{
font-size:13px;
line-height:18px;
margin:0;
}
.story .date{
display:block;
margin:0 0 9px;
}
.news .heading{
overflow:hidden;
margin:0 0 14px;
padding:4px 13px 3px;
}
.news .search-form{margin:3px 0 0;}
.news h3{
font-size:13px;
line-height:18px;
margin:0;
}
.news h4{
font-size:12px;
line-height:18px;
margin:0;
}
.news .box{
margin:0 0 14px;
padding:0 10px 14px 14px;
border-bottom:1px solid #000;
}
.news .image{
width:152px;
display:inline-block;
vertical-align:middle;
text-align:center;
margin:0 15px 0 0;
}
* +html .news .image{
margin-right:18px;
display:inline;
}
.news .text-holder{
width:506px;
display:inline-block;
vertical-align:middle;
padding:5px 0 0;
}
* +html .news .text-holder{display:inline;}
.contact-form{padding:4px 0 0;}
.contact-form fieldset{margin:0;}
.contact-form .block{
padding:10px 15px 10px 20px;
height:79px;
margin:0 0 20px;
display:table;
}
.contact-form .block-holder{
display:table-cell;
vertical-align:middle;
}
.contact-form .title{
display:inline-block;
vertical-align:middle;
width:28%;
margin:0 5% 0 0;
}
#content .contact-form h2{margin:0;}
#content .contact-form p{margin:0;}
* +html .contact-form .title{display:inline;}
.contact-form .holder{
display:inline-block;
vertical-align:middle;
width:65%;
}
* +html .contact-form .holder{
display:inline;
vertical-align:middle;
width:66%;
}
.contact-form select{
display:block;
width:100%;
}
.locations{
width:701px;
padding:6px 0 0 19px;
margin:0 -20px 0 0;
}
#content .locations h2{
margin:0;
padding:0 0 10px;
}
.locations h3{
font-size:12px;
line-height:18px;
margin:0;
}
.locations h3 a{font-weight:normal;}
.locations address{
font-style:normal;
margin:0 0 15px;
}
.locations .address{margin-top:-12px;}
.locations address span{display:block;}
.rss{
text-decoration:none;
padding:0 0 0 30px;
line-height:24px;
display:inline-block;
margin:2px 0 10px 2px;
}
.rss:hover{text-decoration:underline;}
.side-block .social{
position:static;
margin:-2px 0 14px 3px;
}
.tweets{
margin:0 0 -4px;
padding:4px 0 0 3px;
list-style:none;
}
.tweets li{
line-height:16px;
margin:0 0 12px;
overflow:hidden;
}
.tweets a{
text-decoration:none;
color:#4d4f53;
}
.tweets a:hover .text{text-decoration:underline;}
.tweets img{
display:inline-block;
vertical-align:middle;
margin:0 8px 0 0;
}
.tweets .text{
width:170px;
display:inline-block;
vertical-align:middle;
}
.list2{padding-left:13px;}
.article h3{
font-size:13px;
line-height:20px;
margin:0 0 5px;
}
.optionsDivInvisible,
.optionsDivVisible,
.outtaHere,
.decor,
.discount,
.logo-sage,
.social,
.btn-orange,
.nav-bar,
#header,
#footer,
.breadcrumbs{display:none;}
.logo-print{
display:block;
float:left;
margin:0 17px 0 0;
}}
/* Sage Accordion */
#content dl#accordion {
}
#content dl#accordion dt {
background-color: #f4f4f4;
padding: 8px 0px 8px 10px;
}
#content dl#accordion dt span {
display: block;
padding-left: 18px;
background: transparent url("/~/media/Assets/Images/accordion_btns.gif") 0px 2px no-repeat;
text-decoration: none;
cursor: pointer;
color: #4d4f53;
}
#content dl#accordion dd {
padding: 0 20px;
border-bottom: 1px solid #d8d9cf;
margin-bottom: 10px;
overflow: hidden;
}
#content dl#accordion dd.closed {
overflow: hidden;
height: 0px;
}
#content dl#accordion dt.closed span {
background: transparent url("/~/media/Assets/Images/accordion_btns.gif") 0px 2px no-repeat;
}
#content dl#accordion dd.opened {
height: auto;
}
#content dl#accordion dt.opened span {
background: transparent url("/~/media/Assets/Images/accordion_btns.gif") 0px -14px no-repeat;
}
#content dl#accordion dd ul {
margin: 0 0 10px 5px;
padding-left: 10px;
}
#content dl#accordion dd ul li {
list-style: disc;
margin-left: 10px;
}
#content dl#accordion dd .close {
display: block;
margin-bottom: 10px;
clear: both;
/* KH: 5-12-10 */
color: #E98300;
cursor: pointer;
}
#content .rCol .lCol {
float: left;
width: 425px;
padding-right: 25px;
}
#content .rCol .rCol {
float: right;
border-left: 1px solid #d8dad0;
margin-top: 15px;
padding-left: 25px;
width: 175px;
}
.gallery{ overflow:hidden; position:relative;
margin:-28px -5px 20px -15px;
}
.gallery .mask{
width:100%; overflow:hidden;
height:328px !important;
}
.gallery img{
border-radius:6px 6px 0 0; -moz-border-radius:5px 5px 0 0;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:0;
-webkit-border-bottom-left-radius:0;
behavior:url(/~/media/assets/css/PIE.htc);
} .gallery .slider{ margin:0; padding:0; list-style:none; width:99999px; overflow:hidden; } .gallery .slider li{ float:left; width:960px; position:relative;
margin:0;
overflow:hidden;
}
.gallery .btn-prev,
.gallery .btn-next{
position:absolute;
left:19px;
bottom:55px;
background:url(/~/media/assets/images/arrows.png) no-repeat;
width:35px;
height:35px;
text-indent:-9999px;
overflow:hidden;
}
.gallery .btn-next{
background-position:-40px 0;
left:auto;
right:21px;
}
.gallery .text{
position:absolute;
left:161px;
top:113px;
width:380px;
}
.gallery .btn-orange strong{min-width:107px;}
#content .gallery h2{
font-size:32px;
line-height:37px;
margin:0 0 21px;
}
.gallery .bottom-block{
position:absolute;
left:0;
bottom:0;
z-index:2;
background:rgb(237,237,237);
background:rgba(237,237,237,.9);
width:926px;
padding:2px 15px 3px 19px;
}
#content .gallery h1{
font-size:18px;
line-height:30px;
font-weight:normal;
color:#4d4f53;
margin:0;
}
.gallery h1 mark{
color:#008469;
background:none;
}
.gallery .pagination ul{ margin:0; padding:4px 0 0; list-style:none;
float:right; } .gallery .pagination li{ float:left; font-size:14px;
line-height:24px;
margin:0 5px 0 0; } .gallery .pagination a{ text-decoration:none; display:block; width:40px;
height:24px;
background:#d0e2b5;
text-align:center;
color:#fff; }
.gallery .pagination a:hover,
.gallery .pagination .active a{
background:#008469;
text-decoration:none;
}
.banners{margin:0 0 19px -5px;}
.banners .block-content{display:none;}
.banners .block-content.active{display:block;}
.banner01{position:relative;} .banner01 .text{
left:19px;
top:16px;
position:absolute;
font-size:16px;
line-height:19px;
width:185px;
}
.banner01 .title{
font-size:24px;
line-height:26px;
display:block;
font-weight:normal;
color:#008469;
margin:0 0 31px;
}
.banner02 .text{
background:url(/~/media/assets/images/bg-banner02.png) no-repeat;
min-height:190px;
text-align:center;
color:#008469;
font-size:24px;
line-height:27px;
padding:35px 0 0;
}
.banner02 .title{
font-size:34px;
line-height:36px;
display:block;
margin:0 0 14px;
font-weight:normal;
}
.banner02 .text-2012{
background:url(/~/media/assets/images/icons.gif) no-repeat 0 -546px;
width:41px;
height:44px;
text-indent:-9999px;
display:inline-block;
margin:-18px 0 0 -6px;
vertical-align:top;
}
#content .banner02 p{margin-bottom:63px;}
.banner02 .btn-orange strong{min-width:226px;}
.wide-banner{margin:0 0 25px -5px;}
.wide-banner .btn-orange{
position:absolute;
right:72px;
top:50%;
margin:-16px 0 0;
letter-spacing:0;
}
.wide-banner .btn-orange strong{min-width:107px;}
.tweeter-feed{
margin:0 0 10px -5px;
width:743px;
background:#ededed;
font-size:12px;
line-height:16px;
color:#4d4f53;
padding:9px 10px 0;
}
.tweeter-feed .title{
float:left;
margin:6px 8px 0 5px;
color:#008469;
}
.tweeter-feed a{
color:#4d4f53;
text-decoration:none;
}
.tweeter-feed a:hover{text-decoration:underline;}
.tweeter-feed p{margin:0;}
.rss-sidebar ul { list-style-type: none; }
.rss-sidebar li { margin-bottom: 10px; margin-left: 2px}
.rss-content ul { list-style-type: none; }
.rss-content li { margin-bottom: 10px; margin-left: 2px}
/* Added Sept. 6, 2012 by tami.matthews@sage.com */
/*Call out*/
.callout1 {float: right; margin-left: 10px; padding: 10px; border: 1px solid #ededed; background-color: #fafafa; width: 280px;}
.callouttitle {font-size: 10pt; font-weight: bold; color: #007F64;}
/*Sidebar*/
.rightModule {margin: 0 0 10px 20px; padding-left: 10px; border-left: 1px solid #CCC; float: right;}
.container_16 .grid_3 {width: 160px;}
/* Added March 6, 2013 by tami.matthews@sage.com */
/* Dotted lines for new visual identity
Do not use
These must only be used in div format */
.dottedBottomDarkGrey
{border-bottom: 1px dotted #4d4f53;}
.dottedBottomMidGrey
{border-bottom: 1px dotted #9A9B9C;}