body {
color: #000;
background: #fff;
}
#footerbar {
display:none;
}
#mobilenav, .button {
/*display:none !important;*/
}
#footer {
display:none !important;
}
#header {
height:133px;
}
#header2 {
height:110px;
}
#logo {
position:absolute;
width:295px;
height:69px;
top:13px;
left:38px;
}
#header2 #logo {
width:215px !important;
left:0px !important;
}
#mobilenav {
display:none;
}
#mobilephone {
display:none;
}
#globalnav li#globalphone {
margin-left:10px !important;
font-size:16px !important;

}
/* ------------------------------------------------- HOMEPAGE STYLES ----------------------------------- */
#homepagehero, #interiorhero {
padding: 40px 25px;
}
.hero {
height: 260px; 
}
.hero .left {
float:left;
max-width:50%;
}
.hero h1 {
font-size:26px;
line-height:30px;
}
.hero .left .button {
display:inline-block;
margin: 0 auto;
}
.hero .left .button.blue {
display:inline-block;
}
.hero .right {
float:right;
width:45%;
}
.hero .right img {
width:auto;
}
#chooseproducts {
overflow:auto;
}
#chooseproducts h1 {
font-size:38px;
}
#chooseproducts .productbox {
float:left;
width: 19%;
min-height:238px;
}
#homepagesupport ul li {
display:inline-block;
width: 10%;
margin: 30px 4% 0 4%;
min-height:90px;
}
/* ------------------------------------------------- NAV STYLES ----------------------------------- */
#uppernav {
display:block;
position:absolute;
top:35px;
right:0;
}
#globalnav {
list-style-type:none;
line-height:31px;
margin:0;
padding:0;
height:31px;
}
#globalnav li {
display:block;
float:left;
height:31px;
line-height:31px;
font-size:14px;
}
#globalnav li#globalphone {
color: #d13940;
font-weight:600;
font-size:20px;
margin: 0 0 0 50px;
}
#globalnav li#contactus {
padding-left:10px;
margin-left:10px;
border-left: 1px solid #3f3f3f;
line-height:14px;
height:14px;
margin-top:9px;
}
#globalnav li a {
color: #3f3f3f;
text-decoration:none;
}
#mainnav {
display:block;
position:absolute;
bottom: 0px;
right: 0px;
list-style-type:none;
font-size:18px;
margin:0;
padding:0;
}
#mainnav li {
display:inline-block;
}
#mainnav li a {
display:block;
padding:5px 15px 12px 18px;
color: #3f3f3f;
text-decoration:none;
}
#mainnav li a:hover {
color: #d13940;
}
#mainnav li#search a {
height:17px;
background:#fff url(/images/search_icon.png) bottom center no-repeat;

}
#mainnav li.navbutton {
-webkit-border-radius: 5px;
border-radius: 5px;
}
#mainnav li.navbutton a {
color:#fff;
font-size:11px;
text-align:center;
line-height:25px;
text-transform:uppercase;
font-weight:700;
}
#mainnav li.navbutton.blue {
background:#4f71aa;
}
#mainnav li.navbutton.blue a {
padding: 0 18px;
}
#mainnav li.navbutton.red {
background:#d13940;
margin-left:5px;
}
#mainnav li.navbutton.red a {
padding: 0 18px;
}
#mainnav li.navbutton.icon {
background-image:url(/images/download_arrow_fff.png);
background-position: 5px center;
background-repeat:no-repeat;
background-size:20px;
padding-left: 15px;
}
/* ---------------------------------------- MEGA MENU STYLES ---------------------------- */
#mainnav li .submenu {
display:none;
position:absolute;
top:40px;
background: rgba(255,255,255,.95);
padding: 25px 25px 15px 25px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
}
#mainnav li.dropdown.active {
background:#fff;
z-index:200;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#mainnav li:hover ul.submenu {
z-index:250;
}
#mainnav li:hover ul.submenu li {
width:45%;
-webkit-box-shadow:none;
box-shadow:none;
font-size:14px;
display:block;
float:left;
}
#mainnav li:hover ul.submenu li.colone {
margin-right:20px;
}
#mainnav li:hover ul.submenu li div {
overflow:hidden;
margin-bottom:5px;
cursor:pointer;
}
#mainnav li:hover ul.submenu li div img {
float:left;
margin: 0 20px 20px 0;
}
#mainnav li:hover ul.submenu li h2 {
margin:0;
font-size:20px;
font-weight:600;
color:#d13940;
margin-top:15px;
}
#mainnav li:hover ul.submenu li h2 a {
color:#d13940;
padding:0;
}
#mainnav li:hover ul.submenu li div p {
margin-top:0;
}
#mainnav li:hover ul#productmenu.submenu li.coltwo h2 {
border-bottom: 1px solid #7f7f7f;
padding-bottom:3px;
margin-bottom:15px;
}
#mainnav li:hover ul.submenu li.coltwo h3 a {
padding:0;
font-size:18px;
}
#mainnav li:hover ul.submenu li.coltwo p {
font-size:12px;
}
#companymenu.submenu, #mainnav li #supportmenu.submenu {
width:380px;
}
#mainnav li #companymenu.submenu, #mainnav li #supportmenu.submenu {
padding: 5px 25px 25px 25px;
}
#mainnav li#search a {
padding-bottom:18px;
}
#mainnav li#search.active a {
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
padding-bottom:5px;
}
#mainnav li#search .submenu {
padding: 25px 10px 0 10px;
}
#mainnav li#search .submenu li {
width:100%;
}
#mainnav li .submenu li a {
padding: 5px 0;
}
#mainnav li #supportmenu.submenu li ul {
padding:0;
}
#mainnav li .submenu li ul {
padding:0;
margin: 5px 0;
}
#mainnav li .submenu li ul li {
float:none !important;
display:block !important;
width:100% !important;
}
#mainnav li.navbutton {
display:none;
}
#tagline {
font-size:16px;
}
/* -------------------------------------------- INTERIOR PAGE STYLES ------------------------------- */
.interiorcontent {
margin: 50px 0 50px 20px;
}
.interiorcontent.sidebar {
display:table;
}
.interiorcontent .left {
display:none;
background: #fbfbfb;
width:235px;
padding: 30px 10px;
margin:0;
}
.interiorcontent .right {
display:table-cell;
margin-left: 275px;
padding:40px 0 40px 30px;
background:#fff;
}
.imageleft {
float:left;
margin: 0 20px 20px 0;
}
.imageright {
float:right;
margin: 0 0 20px 20px;
}
.imagecenter {
margin: 0 auto;
}
#mainpricingtable div {
float:left;
width:30%;
margin: 0 10px;
}
#utilpricingtable div {
float:left;
width: 21%;
margin:0 30px 0 0;
}
#utilpricingtable div.last {
margin:0;
}
#sidebar-coupon {
display:block;
width:168px;
border:1px solid #d4d4d4;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 0 18px;
background:url(/images/coupon_bg.png) bottom left no-repeat;
text-align:center;
font-size:16px;
font-weight:bold;
margin: 35px 0;
}
#sidebar-coupon h4 {
font-size:20px;
color: #d13940;
font-weight:bold;
}
#sidebar-coupon p.smaller {
font-size:12px;
font-weight:normal;
margin:0;
}
#sidebar-coupon p.evensmaller {
font-size:10px;
font-weight:normal;
margin:0 0 15px 0;
}
.pricingtable th h4 {
font-size:18px;
}
.pricingtable th p {
font-size:12px;
}
.pricingtable th strong {
font-size:14px;
}
.interiorcontent .right img {
max-width: 400px;
}
.hideformobile {
display:block;
}
.row {
margin: 15px 0;
}
.row .twocol {
float:left;
width:47%;
margin: 0 10px;

}
.row .threecol {
float:left;
width:31%;
margin: 0 5px;
}
.row .fourcol {
float:left;
width:47%;
margin: 10px 5px;
}
.row .fivecol {
float:left;
width:18%;
margin: 0 5px;
}
img.alignright {
float:right:
margin: 0 0 15px 15px;
}
img.alignleft {
float:left:
margin: 0 15px 15px 0;
}

/* -------------------------------------------- FOOTER STYLES ------------------------------- */

.footercol {
width: 13%;
float:left;
margin: 30px 30px 10px 35px;
}
.footercol.skinnier {
width: 30%;
}
.footercol.fatter {
width: 30%;
}
.footercol.question {
min-width: 285px;
}

/* -------------------------------------------- TRAVELING FOOTER BAR STYLES ------------------------------- */
#footerbar a {
font-size:16px;
width:176px;
margin: 18px 10px 0 0;
}
#footerbar a.blue {
display:inline-block;
}