/*@import url("tb_megamenu/fonts/font-awesome/css/font-awesome.css");*/
@import url("tb_megamenu/css/bootstrap.css");
@import url("tb_megamenu/css/base.css");
@import url("tb_megamenu/css/default.css");
@import url("tb_megamenu/css/compatibility.css");
@import url("tb_megamenu/css/styles/black.css");
/*@import url("ckeditor/css/ckeditor.css");*/
h1.main-title {
margin-left: 0;
margin-right: 0;
}
.tb-megamenu.animate .mega > .mega-dropdown-menu,.tb-megamenu.animate.slide .mega > .mega-dropdown-menu > div{transition-delay:0ms;-webkit-transition-delay:0ms;-ms-transition-delay:0ms;-o-transition-delay:0ms;transition-duration:100ms;-webkit-transition-duration:100ms;-ms-transition-duration:100ms;-o-transition-duration:100ms;}
#block-block-5--2 .field-name-field-link a.buy,
.product-slideshow .field-name-field-link .field-item:first-child a,
#block-block-5--2 .field-name-field-link a.buy:after,
.product-slideshow .field-name-field-link .field-item:first-child a:after {
background: #9bc225;
}
#block-block-5--2 .field-name-field-link a.buy:hover,
.product-slideshow .field-name-field-link .field-item:first-child a:hover,
#block-block-5--2 .field-name-field-link a.buy:hover:after,
.product-slideshow .field-name-field-link .field-item:first-child a:hover:after {
background: #83ad00;
}
/**
* Inline items.
*/
.container-inline div,
.container-inline label {
display: inline;
}
/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
display: block;
}
/**
* Prevent text wrapping.
*/
.nowrap {
white-space: nowrap;
}
/**
* For anything you want to hide on page load when JS is enabled, so
* that you can use the JS to control visibility and avoid flicker.
*/
html.js .js-hide {
display: none;
}
/**
* Hide elements from all users.
*
* Used for elements which should not be immediately displayed to any user. An
* example would be a collapsible fieldset that will be expanded with a click
* from a user. The effect of this class can be toggled with the jQuery show()
* and hide() functions.
*/
.element-hidden {
display: none;
}
/**
* Hide elements visually, but keep them available for screen-readers.
*
* Used for information required for screen-reader users to understand and use
* the site where visual display is undesirable. Information provided in this
* manner should be kept concise, to avoid unnecessary burden on the user.
* "!important" is used to prevent unintentional overrides.
*/
.element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
}
/**
* The .element-focusable class extends the .element-invisible class to allow
* the element to be focusable when navigated to via the keyboard.
*/
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
/**
* Markup free clearing.
*
* @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */
* html .clearfix {
height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
min-height: 1%;
}
.element-invisible {
border: 0;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
clip: auto;
height: auto;
overflow: visible;
position: static;
width: auto;
} 
#header {
background: #ffffff;
position: relative;
z-index: 110;
text-align: right;
width: auto;
}
#header-wrapper {
/* Debug styles, is this working */
background: rgba(255, 192, 203, 0.5);
}
/*Header BEGIN*/
#header {
font-size: 16px;
line-height: 20px;
margin: 0;
font-family: 'Open Sans', sans-serif;
color: #6f7683;
background: #fff;
position: relative;
z-index: 110;
text-align: right;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility\9;
}
.site-logo {
float: left;
margin: 12px 0 12px 25px;
}
.site-logo p {
margin: 0;
padding: 0;
}
#block-acronis-common-acronis-common-search-block {
display: none;
}
#block-delta-blocks-logo {
float: left;
margin: 12px 0 12px 25px;
}
#block-delta-blocks-logo img {
width: 103px;
height: auto;
}
#block-menu-menu-top-menu {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
margin: 13px 0 0 0;
position: relative;
}
#block-menu-menu-top-menu .menu {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
#block-menu-menu-top-menu .menu li {
margin: 0 0 0 15px;
padding: 0;
display: inline-block;
}
#block-tb-megamenu-main-menu {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
z-index: 999 !important;
}
.tb-megamenu {
position: static;
z-index: 999 !important;
filter: none;
}
.tb-megamenu .btn {
background: url("images/bars.png") no-repeat center center;
background-size: 70% 70%;
border: 0;
box-shadow: none;
width: 24px;
height: 24px;
margin: 13px 25px 10px 11px;
}
.tb-megamenu .btn-navbar .icon-reorder {
display: none;
}
.tb-megamenu .btn:focus,
.tb-megamenu .btn:hover,
.tb-megamenu .btn:active {
background: url("images/bars.png") no-repeat center center;
background-size: 70% 70%;
background-color: #ffffff;
outline: none;
}
.tb-megamenu .nav-collapse,
.tb-megamenu .nav-collapse.collapse {
left: 0;
top: 37px;
}
/*Header END*/
/*Footer BEGIN*/
#footer-wrapper {
/* Debug styles, is this working? */
background: rgba(255, 192, 203, 0.5);
}
#footer {
font-size: 16px;
line-height: 20px;
margin: 0;
font-family: 'Open Sans', sans-serif;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility\9;
background: #001537;
z-index: 100;
position: relative;
padding-bottom: 90px; 
}
#block-system-user-menu {
background: #002a61;
}
#block-system-user-menu .menu {
margin-top: 0;
margin-bottom: 0;
border-collapse: collapse;
padding: 0;
}
#block-system-user-menu .menu:after {
content: "";
display: table;
clear: both;
}
#block-system-user-menu .menu > li {
margin: 0;
padding: 0;
display: block;
list-style: none;
border-top: 1px solid #000000;
}
#block-system-user-menu .content li:hover,
#block-system-user-menu .content li:active {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
#block-system-user-menu .content a {
display: block;
color: #488bd3;
font-size: 14px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
text-align: center;
padding: 14px 0;
min-height: 20px;
}
#block-system-user-menu .content a:hover {
color: #ffffff;
background-color: #003271;
}
#block-system-user-menu .country span {
background-image: url("images/menu_icons.png");
background-repeat: no-repeat;
background-position: left -99px;
padding-left: 25px;
}
#block-system-user-menu .country:hover span {
background-position: left -149px;
}
#block-menu-menu-footer-additional-menu:after {
content: "";
display: table;
clear: both;
}
#block-menu-menu-footer-additional-menu .content > .menu > li {
margin: 0;
padding: 0;
text-align: center;
height: 140px;
}
#block-menu-menu-footer-additional-menu .content > .menu {
padding: 0;
margin: 0;
}
#block-menu-menu-footer-additional-menu .expanded > a {
font-size: 14px;
color: #488bd3;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
}
#block-menu-menu-footer-additional-menu .expanded > a:hover {
color: #ffffff;
text-decoration: none;
}
#block-menu-menu-footer-additional-menu .content > .menu > li > ul {
margin: 13px 0 0 0;
padding: 0 0 13px 0;
}
#block-menu-menu-footer-additional-menu .content > .menu > li > ul li {
list-style: none;
text-align: center;
padding: 4px 0;
}
#block-menu-menu-footer-additional-menu .content > .menu > li > ul li a {
font-size: 16px;
color: #3265a8;
display: block;
text-decoration: none;
}
#block-menu-menu-footer-additional-menu .content > .menu > li > ul li a:hover {
color: #ffffff;
text-decoration: none;
}
#block-block-4, #block-block-20 {
margin-bottom: 13px;
padding: 48px 0 0;
text-align: center;
}
#block-block-4 .content div, #block-block-20 .content div {
display: inline-block;
margin: 0 4px;
}
#block-block-4 .content a, #block-block-20 .content a {
font-size: 16px;
display: inline-block;
height: 32px;
width: 32px;
text-indent: -9999px;
background: url("images/social_icons.png") no-repeat;
}
#block-block-4 a.facebook, #block-block-20 a.facebook {
background-position: 0 0;
}
#block-block-4 a.facebook:hover, #block-block-20 a.facebook:hover {
background-position: 0 -108px;
}
#block-block-4 a.twitter, #block-block-20 a.twitter {
background-position: 0 -36px;
}
#block-block-4 a.twitter:hover, #block-block-20 a.twitter:hover {
background-position: 0 -144px;
}
#block-block-4 a.youtube, #block-block-20 a.youtube {
background-position: 0 -72px;
}
#block-block-4 a.youtube:hover, #block-block-20 a.youtube:hover {
background-position: 0 -185px;
}
#block-menu-menu-bottom-menu {
margin: 0 auto;
}
#block-menu-menu-bottom-menu .menu {
text-align: center;
padding: 0;
margin: 0;
}
#block-menu-menu-bottom-menu .menu li {
display: inline-block;
list-style: none;
margin: 0 3px;
padding: 0;
}
#block-menu-menu-bottom-menu .menu li.first a {
border-left: none;
}
#block-menu-menu-bottom-menu .menu li a {
padding: 0 4px;
font-size: 13px;
border-left: 1px solid #3265A8;
color: #488BD3;
text-decoration: none;
}
#block-menu-menu-bottom-menu .menu li a:hover {
color: #ffffff;
}
#block-menu-menu-bottom-menu .menu li.last {
margin-right: 0;
}
#block-menu-menu-bottom-menu .menu li.last a {
padding-right: 0;
border-right: none;
}
#block-block-3 {
color: #bfc4cd;
font-size: 14px;
text-align: center;
padding: 0 10px;
margin: 0 auto;
}
#block-block-3 p,
#block-menu-menu-bottom-menu {
margin-bottom: 0;
}
/*Footer END*/
/*Country selector BEGIN*/
.main_language_selector {
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility\9; 
}
.main_language_selector {
*zoom: 1;
width: 960px;
padding: 0;
margin: 0 auto;
}
.main_language_selector:after {
content: "";
display: table;
clear: both;
}
.main_language_selector .column {
width: 320px;
float: left;
margin-right: 0em;
display: inline;
}
.main_language_selector {
position: relative;
}
.main_language_selector .close {
display: none;
}
.main_language_selector h2 {
font-size: 48px;
line-height: 52px;
-webkit-text-stroke: 0.6px;
text-align: center;
color: #488bd3;
font-weight: 300;
margin-bottom: 54px;
}
.main_language_selector .first_column .main_section:first-child,
.main_language_selector .third_column .main_section:first-child {
margin-bottom: 96px;
}
.main_language_selector .main_section {
padding: 0;
margin-bottom: 26px;
}
.main_language_selector h3 {
font-size: 24px;
font-weight: 300;
color: #ffffff;
margin-bottom: 24px;
text-align: left;
line-height: 1;
}
.main_language_selector li {
list-style: none;
margin-bottom: 8px;
}
.main_language_selector li a {
color: #488bd3;
font-size: 16px;
text-transform: none;
display: inline-block;
text-decoration: none;
}
.main_language_selector li a span {
color: #8095b0;
font-style: italic;
}
.main_language_selector li a:hover,
.main_language_selector li a:hover span {
color: #ffffff;
text-decoration: none;
}
/*Country selector END*/

/*************************************/

@media only screen and (max-width: 767px) {

/*Header BEGIN*/
.site-logo img {
height: 23px;
width: auto;
}
#block-menu-menu-top-menu .menu .menu-item-484,
#block-menu-menu-top-menu .menu .menu-item-485 {
display: none;
}
#block-menu-menu-top-menu .menu a {
display: block;
text-align: left;
text-indent: -9999px;
width: 24px;
height: 24px;
}
#block-menu-menu-top-menu .menu .menu-item-614 {
background-image: url(images/home.png);
background-size: 70% 70%;
background-repeat: no-repeat;
background-position: center center;
}
#block-menu-menu-top-menu .menu .menu-item-483 {
/*background-image: url(images/globus.png);
background-size: 70% 70%;
background-repeat: no-repeat;
background-position: center center;*/
background-image: url(images/menu_icons.png);
background-repeat: no-repeat;
background-position: 2px 4px;
}
#block-tb-megamenu-main-menu {
text-align: left;
font-size: 16px;
position: static;
}
#block-tb-megamenu-main-menu .outer-top,
#block-tb-megamenu-main-menu .outer-bottom {
height: auto !important;
}
#block-tb-megamenu-main-menu .dropdown-menu {
background: #ffffff;
-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
position: relative;
}
#block-tb-megamenu-main-menu .nav li a {
background: #ffffff;
text-transform: none;
margin: 0;
padding: 10px 25px;
font-weight: 400;
color: #414752;
border-top: 1px solid #d6e7ff;
font-size: 16px;
}
#block-tb-megamenu-main-menu .tb-megamenu .nav li.dropdown > .dropdown-toggle,
#block-tb-megamenu-main-menu .nav .my_account {
background: #ffffff;
color: #488bd3;
padding: 10px 25px;
text-transform: uppercase;
font-weight: 600;
display: block;
z-index: 999;
position: relative;
}
#block-tb-megamenu-main-menu .mega-inner {
padding: 0;
}
#block-tb-megamenu-main-menu .mega-align-center .mega-group-title {
color: #4875b3;
text-transform: uppercase;
font-weight: 600;
}
#block-tb-megamenu-main-menu .mega-align-center .mega-group-title span {
display: block;
text-transform: none;
font-weight: 400;
}
#block-tb-megamenu-main-menu .nav .all-products {
font-weight: 600;
color: #488bd3;
}
#block-tb-megamenu-main-menu .tb-megamenu-block {
display: none;
}
/*Header END*/
/*Footer BEGIN*/
#footer {
padding-bottom: 30px;
}
#block-system-user-menu .content a {
font-weight: 700;
font-size: 16px;
}
#block-menu-menu-footer-additional-menu .content > .menu > li {
border-bottom: 1px solid #0e2850;
padding: 20px 0;
}
#block-menu-menu-bottom-menu .menu li a,
#block-block-3,
#block-menu-menu-footer-additional-menu .expanded > a {
font-size: 16px;
}
#block-menu-menu-footer-additional-menu .content > .menu > li > ul {
margin: 7px 0 0 0;
}
#block-block-4 {
margin-bottom: 20px;
}
#block-block-3 {
margin-bottom: 10px;
}
/*Footer END*/

}

/********************************/

@media only screen and (min-width:768px) and (max-width:959px) {

/*Header BEGIN*/
.site-logo img {
height: 23px;
width: auto;
}
#block-menu-menu-top-menu {
margin: 14px 0 0 0;
}
#block-menu-menu-top-menu .menu li {
margin-left: 20px;
}
#block-menu-menu-top-menu .menu a {
font-size: 14px;
text-transform: uppercase;
color: #488bd3;
font-weight: 600;
background-repeat: no-repeat;
background-position: left center;
padding: 3px 0;
}
#block-menu-menu-top-menu .menu .menu-item-614 a {
padding-left: 22px;
background-image: url(images/home.png);
background-size: 16px 16px;
}
/*#block-menu-menu-top-menu .menu .menu-item-483 a {
padding-left: 22px;
background-image: url(images/globus.png);
background-size: 16px 16px;
}*/
#block-tb-megamenu-main-menu {
text-align: left;
font-size: 16px;
position: static;
}
#block-tb-megamenu-main-menu .caret {
background: none;
border: 0;
}
#block-tb-megamenu-main-menu .outer-top,
#block-tb-megamenu-main-menu .outer-bottom {
height: auto !important;
display: inline-block;
width: 49%;
vertical-align: top;
margin: 15px 0;
}
#block-tb-megamenu-main-menu .dropdown-menu {
background: #ffffff;
-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
position: relative;
}
#block-tb-megamenu-main-menu .nav .level-1 li {
display: inline-block;
width: 49%;
vertical-align: top;
}
#block-tb-megamenu-main-menu .nav .level-1.mega-align-center li li {
display: block;
width: auto;
}
#block-tb-megamenu-main-menu .nav li a {
background: #ffffff;
text-transform: none;
margin: 0;
padding: 10px 25px;
font-weight: 400;
color: #414752;
border-top: 0;
font-size: 16px;
}
#block-tb-megamenu-main-menu .tb-megamenu .nav li.dropdown > .dropdown-toggle,
#block-tb-megamenu-main-menu .nav .my_account {
background: #ffffff;
color: #488bd3;
padding: 10px 25px;
text-transform: uppercase;
font-weight: 600;
display: block;
border-bottom: 0;
border-top: 1px solid #d6e7ff;
z-index: 999;
position: relative;
}
#block-tb-megamenu-main-menu .mega-inner {
padding: 0;
}
#block-tb-megamenu-main-menu .mega-align-center .mega-group-title {
color: #4875b3;
text-transform: uppercase;
font-weight: 600;
}
#block-tb-megamenu-main-menu .mega-align-center .mega-group-title span {
display: block;
text-transform: none;
font-weight: 400;
}
#block-tb-megamenu-main-menu .nav .all-products {
font-weight: 600;
color: #488bd3;
}
#block-tb-megamenu-main-menu .tb-megamenu-block {
display: none;
}
/*Header END*/
/*Footer BEGIN*/
#footer {
padding-bottom: 30px;
}
#block-system-user-menu .menu > li {
width: 50%;
float: left;
}
#block-system-user-menu .menu > li a {
border-left: 1px solid #000000;
font-weight: 700;
font-size: 16px;
}
#block-menu-menu-footer-additional-menu .content > .menu > li {
border-bottom: 1px solid #0e2850;
padding: 20px 0;
width: 49%;
display: inline-block;
vertical-align: top;
margin-right: -2px;
border-right: 1px solid #0e2850;
}
.lang-ja #block-menu-menu-footer-additional-menu .content > .menu > li {
min-height: 152px;
}
#block-menu-menu-bottom-menu .menu li a,
#block-block-3,
#block-menu-menu-footer-additional-menu .expanded > a {
font-size: 16px;
}
#block-menu-menu-footer-additional-menu .content > .menu > li > ul {
margin: 7px 0 0 0;
}
#block-block-4 {
margin-bottom: 20px;
}
#block-block-3 {
margin-bottom: 10px;
padding: 0;
}
/*Footer END*/ 

}

/******************************************/

@media only screen and (min-width:960px) {

.site-logo {
margin: 25px 0 12px 0;
text-align: left;
}
#header .block-inner,
#header .front #content,
#header #tabs,
#header .region-header,
#header .page-user #main-content,
#header .page-node-454 #main-content {
width: 960px;
margin: 0 auto;
}
#header .region-header {
position: relative;
}
#header .block-inner {
width: auto;
}
#footer .block-inner,
#footer .front #content,
#footer #tabs,
#footer .region-header,
#footer .page-user #main-content,
#footer .page-node-454 #main-content {
width: 960px;
margin: 0 auto;
}
#footer .region-header {
position: relative;
}
#block-views-slideshow-block .block-inner,
#block-views-slideshow-block-1 .block-inner {
width: 100%;
}
#block-system-user-menu .menu > li {
width: 240px;
display: table-cell;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
vertical-align: middle;
border-top: 0;
} 
/*Header BEGIN*/
#block-delta-blocks-logo {
width: 240px;
margin: 25px 0 12px 0;
text-align: left;
}
#block-delta-blocks-logo img {
width: 186px;
}
#block-menu-menu-top-menu {
margin: 12px 0px 0 0;
float: right;
}
#block-menu-menu-top-menu .menu li {
margin: 3px 0 0;
}
#block-menu-menu-top-menu .menu li span,
#block-menu-menu-top-menu .menu li a {
font-size: 13px;
font-weight: 400;
color: #488bd3;
line-height: 16px;
vertical-align: top;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
text-decoration: none;
}
#block-menu-menu-top-menu .menu li:hover span,
#block-menu-menu-top-menu .menu li:hover a {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
#block-menu-menu-top-menu li > a {
display: inline-block;
border-left: #d6e7ff 1px solid;
margin-top: 3px;
padding: 0 12px;
height: 16px;
margin-right: 4px;
}
#block-menu-menu-top-menu .menu .menu-item-614 a {
border: 0;
background: url("images/home_bg.png") no-repeat left 1px;
padding-left: 21px;
}
#block-menu-menu-top-menu #select-language-top {
padding-left: 30px;
background: transparent url("images/menu_icons.png") no-repeat 12px -711px;
}
#block-menu-menu-top-menu #select-language-top span {
display: inline-block;
padding-right: 16px;
background: transparent url("images/menu_icons.png") no-repeat right -753px;
}
#block-acronis-common-acronis-common-search-block {
float: right;
clear: right;
margin-top: 9px;
position: relative;
display: block;
}
#block-acronis-common-acronis-common-search-block input[type=text] {
padding: 7px 34px 6px 10px;
background: #eaf3ff;
border: 0;
width: 171px;
font-size: 13px;
font-weight: 400;
color: #9cc1ea;
line-height: 16px;
}
#block-acronis-common-acronis-common-search-block input[type=submit] {
font-size: 13px;
position: absolute;
right: 5px;
top: 4px;
z-index: 110;
border: 0;
text-indent: -999999px;
cursor: pointer;
width: 20px;
height: 20px;
background: transparent url("images/search_loupe_blue.png") no-repeat center center;
}
#block-acronis-common-acronis-common-search-block *::-webkit-input-placeholder {
font-size: 13px;
font-weight: 400;
color: #9cc1ea;
line-height: 16px;
}
#block-acronis-common-acronis-common-search-block *:-moz-placeholder {
/* FF 4-18 */
font-size: 13px;
font-weight: 400;
color: #9cc1ea;
line-height: 16px;
}
#block-acronis-common-acronis-common-search-block *::-moz-placeholder {
/* FF 19+ */
font-size: 13px;
font-weight: 400;
color: #9cc1ea;
line-height: 16px;
}
#block-acronis-common-acronis-common-search-block *:-ms-input-placeholder {
/* IE 10+ */
font-size: 13px;
font-weight: 400;
color: #9cc1ea;
line-height: 16px;
}
/*Header END*/
/*Mega menu BEGIN*/
.tb-megamenu.animate.slide .tb-megamenu-li > .mega-dropdown-menu > div {
margin-top: 0;
max-height: 0;
overflow: hidden;
}
.tb-megamenu.animate.slide .tb-megamenu-li.animating > .mega-dropdown-menu {
opacity: 1;
}
.tb-megamenu.animate.slide .tb-megamenu-li.open > .mega-dropdown-menu > div {
margin-top: 0;
max-height: 800px;
}
.tb-megamenu .mega > .mega-dropdown-menu {
min-width: 180px;
}
.tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse.collapse {
top: 0;
position: static;
}
#block-tb-megamenu-main-menu {
width: 720px;
float: right;
margin-top: 3px;
text-align: right;
position: static;
}
#block-tb-megamenu-main-menu .block-inner {
position: static;
}
.tb-megamenu {
background: none;
}
.tb-megamenu .nav > li {
float: none;
display: inline-block;
*display: inline;
*zoom: 1;
}
.tb-megamenu .nav > li.mega-align-center {
position: static;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret {
display: none;
}
.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
height: 40px;
width: 40px;
position: absolute;
top: 0;
left: 0;
border: 0;
}
.tb-megamenu .nav > li > a,
.tb-megamenu .nav > .active > a {
background: none;
font-size: 14px;
font-weight: 600;
color: #488bd3;
line-height: 16px;
text-transform: uppercase;
padding: 12px 16px;
margin: 0;
display: block;
position: relative;
}
.tb-megamenu .nav > li > a:focus, 
.tb-megamenu .nav > li > a:hover,
.tb-megamenu .nav-collapse .nav > li.active > a:hover, 
.tb-megamenu .nav-collapse .nav > li.active > a:focus,
.tb-megamenu .nav > li.dropdown.open.active > a:hover,
.tb-megamenu .nav > li.dropdown.open.active > a:focus,
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
color: #ffffff;
background: #488bd3;
}
.tb-megamenu .nav-child {
text-align: left;
}
.tb-megamenu .dropdown-menu {
background-color: #ffffff;
-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
z-index: 100;
}
.tb-megamenu .dropdown-menu .tb-megamenu-row {
border-top: 8px solid #488bd3;
}
.tb-megamenu .dropdown-menu .tb-megamenu-row .tb-megamenu-row {
border-top: 0;
}
.tb-megamenu .mega-nav > li a, 
.tb-megamenu .dropdown-menu .mega-nav > li a {
color: #414752;
font-size: 13px;
background: none;
padding: 3px 0;
border: 0;
line-height: 29px;
filter: none;
}
.tb-megamenu .mega-align-center .mega-nav > li a, 
.tb-megamenu .mega-align-center .dropdown-menu .mega-nav > li a {
font-size: 14px;
line-height: 20px;
}
.tb-megamenu .mega-nav > li a:hover, 
.tb-megamenu .dropdown-menu .mega-nav > li a:hover {
color: #488bd3;
background: none;
filter: none;
}
.tb-megamenu .mega-align-center .dropdown-menu .mega-nav > li a.backup-advanced {
float: left;
padding-right: 24px;
background: url(images/backupz_adv.png) no-repeat right 4px;
}
.tb-megamenu .mega-align-center .dropdown-menu .mega-nav > li a.backup-advanced:hover {
color: #488bd3;
background-position: right -31px;
}
.tb-megamenu .row-fluid .span4 {
width: 320px;
float: left;
margin: 0;
border-right: #d6e7ff 1px solid;
overflow: hidden;
}
.tb-megamenu .mega-inner {
padding: 0;
}
.tb-megamenu .tb-block {
margin-bottom: 0;
}
.tb-megamenu .mega-align-center .tb-megamenu-subnav > .level-2,
.tb-megamenu .mega-align-center .megamenu-item {
padding: 24px 12px;
border-bottom: #d6e7ff 1px solid;
-moz-transition-property: background-color;
-o-transition-property: background-color;
-webkit-transition-property: background-color;
transition-property: background-color;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.tb-megamenu .mega-align-center .tb-megamenu-subnav > .level-2:hover {
background: #eaf3ff;
cursor: pointer;
}
.tb-megamenu .mega-align-center .span12.mega-col-nav .mega-inner {
padding: 0 0 0 49px;
}
.tb-megamenu .span12.mega-col-nav .mega-inner .mega-inner {
padding: 0;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title, 
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, 
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
padding-left: 0;
background: url(images/backupz.png) no-repeat right 5px;
padding-right: 24px;
color: #414752;
font-size: 14px;
font-weight: normal;
text-transform: none;
float: left;
}
.tb-megamenu .mega-group-title.business-backup {
padding-left: 0!important;
background: url(images/backupz.png) no-repeat right 5px!important;
padding-right: 24px!important;
color: #414752!important;
font-size: 14px!important;
font-weight: normal!important;
text-transform: none!important;
float: left!important;
}
.tb-megamenu .mega-align-center .tb-megamenu-subnav > .level-2:hover > .mega-group-title {
background: none;
color: #1d3b69;
}
.tb-megamenu .mega-group-title.business-backup:hover {
background: url(images/backupz.png) no-repeat right -35px!important;
}
.tb-megamenu .tb-megamenu-column-inner > .mega-nav > .mega-group > .mega-group-title, 
.tb-megamenu .tb-megamenu-column-inner > .dropdown-menu .mega-nav > .mega-group > .mega-group-title, 
.tb-megamenu .tb-megamenu-column-inner > .dropdown-menu .active .mega-nav > .mega-group > .mega-group-title {
margin-bottom: 10px;
position: relative;
padding-left: 50px;
color: #4875b3;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
background: none;
padding-right: 0;
}
.tb-megamenu .tb-megamenu-column-inner > .mega-nav > .mega-group > .mega-group-title .caret {
position: absolute;
left: 0;
top: 0;
margin: 0;
width: 40px;
height: 40px;
display: block;
border: 0;
background-repeat: no-repeat;
}
.tb-megamenu .tb-megamenu-column-inner > .mega-nav > .mega-group > .mega-group-title.business-backup .caret {
display: none;
}
.tb-megamenu .mega-group-title.icon_personal .caret {
background-image: url(images/menu_icons.png);
background-position: left -305px;
}
.tb-megamenu .mega-align-center .tb-megamenu-subnav > .level-2:hover .mega-group-title.icon_personal .caret {
background-position: left -360px;
}
.tb-megamenu .mega-group-title.icon_business .caret {
background-image: url(images/menu_icons.png);
background-position: left -196px;
}
.tb-megamenu .mega-align-center .tb-megamenu-subnav > .level-2:hover .mega-group-title.icon_business .caret {
background-position: left -246px;
}
.tb-megamenu .mega-group-title.icon_mobility .caret {
background-image: url(images/menu_icons.png);
background-position: left -555px;
}
.tb-megamenu .mega-align-center .tb-megamenu-subnav > .level-2:hover .mega-group-title.icon_mobility .caret {
background-position: left -637px;
}
.tb-megamenu .mega-group-title.icon_cloud .caret {
background-image: url(images/menu_icons.png);
background-position: left -420px;
}
.tb-megamenu .mega-align-center .tb-megamenu-subnav > .level-2:hover .mega-group-title.icon_cloud .caret {
background-position: left -484px;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title:hover, 
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover, 
.tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover {
color: #488bd3;
background: none;
}
.tb-megamenu .mega-align-center .tb-megamenu-subnav > .level-2 .all-products {
font-weight: 600;
font-size: 14px;
color: #488bd3;
margin-top: 6px;
}
.tb-megamenu .mega-align-center .tb-megamenu-subnav > .level-2:hover .all-products {
color: #1d3b69;
}
.tb-megamenu .dropdown-menu .mega-nav li.level-4 {
display: inline-block;
}
.tb-megamenu .dropdown-menu .mega-nav li.level-4 a {
display: inline-block;
margin-right: 6px;
padding: 0 6px 0 0;
border-right: 1px solid #414752;
line-height: 12px;
}
.tb-megamenu .dropdown-menu .mega-nav li.level-4 a.pc {
border: 0;
}
.tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title.business-backup {
margin-bottom: 3px;
}
.tb-megamenu .dropdown-menu .tb-megamenu-row .tb-megamenu-row .tb-megamenu-column {
min-height: 0;
margin-bottom: 3px;
}
.tb-megamenu .tb-megamenu-column-inner .menu-item-description {
font-weight: normal;
text-transform: none;
display: block;
}
#block-block-5--2 {
overflow: hidden;
background: #eaf3ff;
}
#block-block-5--2 .field-name-title-field {
margin: 0;
}
#block-block-5--2 .field-name-title-field a,
#block-block-5--2 .field-name-title-field a:hover {
margin: 0 0 4px 0;
padding: 0;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
color: #488bd3;
line-height: 1em;
}
#block-block-5--2 p {
font-size: 13px;
color: #414752;
margin-bottom: 18px;
line-height: 20px;
}
#block-block-5--2 .field-name-field-image {
float: right;
width: 48%;
text-align: right;
padding: 0;
clear: none;
}
#block-block-5--2 .field-name-field-link a {
float: left;
width: 40%;
margin-bottom: 8px;
padding: 0;
clear: left;
padding: 14px 4%;
text-align: center;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
background: #488bd3;
word-break: break-word;
white-space: normal;
}
#block-block-5--2 .field-name-field-link a br {
display: none;
}
#block-block-5--2 .field-name-field-link a:hover {
background: #407BBA;
}
#block-block-5--2 .field-name-field-link a.buy-now-btm-link {
background: #9bc225;
}
#block-block-5--2 .field-name-field-link a.buy-now-btm-link:hover {
background: #83ad00;
}
#block-tb-megamenu-main-menu div.contextual-links-wrapper {
right: 0px;
top: 45px;
}
.tb-megamenu .dropdown-menu a.contextual-links-trigger {
display: block;
}
.field-name-field-ribbon {
display: inline-block;
padding-right: 9px;
background: url(images/ribbon_right_blue.png) no-repeat right top;
margin-bottom: 10px;
}
.field-name-field-ribbon .field-item {
padding: 6px 18px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
background: #488bd3;
height: 20px;
}
/*Mega menuEND*/
/*Footer BEGIN*/
#block-menu-menu-bottom-menu {
width: 960px;
}
#block-block-3 {
width: 940px;
}
#block-system-user-menu .menu {
*zoom: 1;
position: relative;
display: table;
}
#block-menu-menu-footer-additional-menu {
*zoom: 1;
margin: 64px 0 0;
}
#block-menu-menu-footer-additional-menu .content > .menu > li {
width: 238px;
float: left;
border-left: 1px solid #0e2850;
display: inline;
}
#block-menu-menu-footer-additional-menu .content > .menu > li.last {
border-right: 1px solid #0e2850;
width: 239px;
}
/*Footer END*/ 

}

