/*Global*/ body {/*background:url(../images/template/background.jpg) repeat-x;*/width:100%; background-color:#f3f3f3; margin-top:0; margin-left: 0; margin-right: 0; font-family:Helvetica, Geneva, Verdana, sans-serif; text-align: center; padding:0} html { width:100%; margin:0; padding:0; } p { font-size:10px; color:#333333; padding: 6px 0 6px 0;} .warning { color:#FF0000;} .hide {text-indent:-9000px; position:absolute;} h1 {color:#000000; font-size:16px; font-weight:bold;} h2 {color:#000000; font-size:14px; font-weight:bold;} h3 {color:#000000; font-size:12px; font-weight:bold;} h4 {color:#000000; font-size:10px;} img {border:0;} #cart-quantity {display: none} #cart-quantity2 {display: none} #item11 a div {min-width: 14px; top: -3px!important; right: auto!important; left: 8px!important; bottom: auto!important} #item11 a div span {font-size: 8px!important; font-family:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica", sans-serif; font-weight:500;} #item11 a:hover div {opacity: 0.9} #nav-cart-icon a div {min-width: 14px; top: -3px!important; right: auto!important; left: 8px!important; bottom: auto!important;} #nav-cart-icon a div span {font-size: 8px!important; font-family:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica", sans-serif; font-weight:500;} #Main {width:975px; margin-left:auto; margin-right:auto;} /*Template Layout*/ #Header {height:168px; background:url(../images/template/nav2.png) 0 0 no-repeat; float:left; width:975px;} .currencyPosition {width:420px; height:20px; padding-top:0; position:relative; left:320px; top:4px; float:left;} .Currency { width:280px; height:20px; float:left} ul.Currency {list-style:none; margin:0; border:0; padding:0; } ul.Currency li {float:left; } ul.Currency li a { display:block; text-decoration:none; padding:0; font-weight:bold; height:20px;} ul.Currency li a:hover {text-decoration:none; } #CurrencyTitle {background:url(../images/template/currency.png) no-repeat; height:20px;} #ScanAlert {width:115px; height:33px; position:relative; left:535px; top:30px; float:left;} /*Text Styling*/ .ProdIntro {font-size:12px; color:#7d7b7b; font-weight:bold; line-height:150%;} .ProdIntroBlack { font-size:12px; color:#000000; font-weight:bold; line-height:150%;} .form-v {opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -50;} /*Code for styling and controlling the horizontal navigation menu at the top of each webpage*/ .HorizontalMenu {font-size:12px; font-weight:bold; height:37px; text-align:center; float:left; position:relative; left:55px; top:42px; width:864px;} ul.HorizontalMenu { margin:0; border:0; padding:0; list-style:none; border-top: 1px solid #2D7AC2; border-bottom: 1px solid #1C5080; border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; position:relative;} ul.HorizontalMenu li {display:inline; line-height:2.3em; margin:0; padding:0; border:0; float:left;} ul.HorizontalMenu li a {display:block; text-decoration:none; margin:auto; border:0; padding:0; font-weight:bold; height:39px;} ul.HorizontalMenu li a:hover {text-decoration:none; background:url(../images/template/hoverState.jpg) repeat-x;} /*Changes button image when over*/ #HomeButton a { background:url(../images/template/home.jpg) no-repeat;} #HomeButton a:hover {background:url(../images/template/homeOver.jpg) no-repeat;} #ProductsButton a { background:url(../images/template/products.jpg) no-repeat;} #ProductsButton a:hover {background:url(../images/template/productsOver.jpg) no-repeat;} #StoreButton a {background:url(../images/template/store.jpg) no-repeat;} #StoreButton a:hover {background:url(../images/template/storeOver.jpg) no-repeat;} #SupportButton a {background:url(../images/template/support.jpg) no-repeat;} #SupportButton a:hover {background:url(../images/template/supportOver.jpg) no-repeat;} #WhereButton a {background:url(../images/template/wheretobuy.jpg) no-repeat;} #WhereButton a:hover {background:url(../images/template/wheretobuyOver.jpg) no-repeat;} #AboutButton a {background:url(../images/template/about.jpg) no-repeat;} #AboutButton a:hover {background:url(../images/template/aboutOver.jpg) no-repeat;} #CartButton a {background:url(../images/template/cart.jpg) no-repeat;} #CartButton a:hover {background:url(../images/template/cartOver.jpg) no-repeat;} /*Keeps button down in each section*/ #Products #ProductsButton a {background:url(../images/template/productsOver.jpg) no-repeat;} #Products #ProductsButton a:hover {background:url(../images/template/productsOver.jpg) no-repeat;} #ProductsNEW #ProductsButton a {background:url(../images/template/productsOver.jpg) no-repeat;} #ProductsNEW #ProductsButton a:hover {background:url(../images/template/productsOver.jpg) no-repeat;} #Home #HomeButton a {background:url(../images/template/homeOver.jpg) no-repeat;} #Home #HomeButton a:hover {background:url(../images/template/homeOver.jpg) no-repeat;} #HomeMain #HomeButton a {background:url(../images/template/homeOver.jpg) no-repeat;} #HomeMain #HomeButton a:hover {background:url(../images/template/homeOver.jpg) no-repeat;} #Support #SupportButton a {background:url(../images/template/supportOver.jpg) no-repeat;} #Support #SupportButton a:hover {background:url(../images/template/supportOver.jpg) no-repeat;} #Store #StoreButton a {background:url(../images/template/storeOver.jpg) no-repeat;} #Store #StoreButton a:hover {background:url(../images/template/storeOver.jpg) no-repeat;} #Where #WhereButton a {background:url(../images/template/wheretobuyOver.jpg) no-repeat;} #Where #WhereButton a:hover {background:url(../images/template/wheretobuyOver.jpg) no-repeat;} #About #AboutButton a {background:url(../images/template/aboutOver.jpg) no-repeat;} #About #AboutButton a:hover {background:url(../images/template/aboutOver.jpg) no-repeat;} /*Changes button image when over NEW NAVIGATION*/ #HomeButtonNav a {width:104px; height:37px; border-radius: 9px 0 0 9px; -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; border-right:1px solid #355E8F; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #HomeButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #HomeButtonNav a:link {text-decoration: none;} #HomeButtonNav a:visited { color:#FFFFFF;} #ProductsButtonNav a {width:134px; height:37px; border-right:1px solid #355E8F; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #ProductsButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #ProductsButtonNav a:link {text-decoration: none;} #ProductsButtonNav a:visited { color:#FFFFFF;} #StoreButtonNav a {width:115px; height:37px; border-right:1px solid #355E8F; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #StoreButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #StoreButtonNav a:link {text-decoration: none;} #StoreButtonNav a:visited { color:#FFFFFF;} #SupportButtonNav a {width:115px; height:37px; border-right:1px solid #355E8F; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #SupportButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #SupportButtonNav a:link {text-decoration: none;} #SupportButtonNav a:visited { color:#FFFFFF;} #WhereButtonNav a {width:139px; height:37px; border-right:1px solid #355E8F; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #WhereButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #WhereButtonNav a:link {text-decoration: none;} #WhereButtonNav a:visited { color:#FFFFFF;} #EducationButtonNav a {width:139px; height:37px; border-right:1px solid #355E8F; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #EducationButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #EducationButtonNav a:link {text-decoration: none;} #EducationButtonNav a:visited { color:#FFFFFF;} #AboutButtonNav a {width:106px; height:37px; border-right:1px solid #355E8F; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #AboutButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #AboutButtonNav a:link {text-decoration: none;} #AboutButtonNav a:visited { color:#FFFFFF;} #CartButtonNav a {width:139px; height:37px; border-radius: 0 9px 9px 0; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #CartButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #CartButtonNav a:link {text-decoration: none;} #CartButtonNav a:visited { color:#FFFFFF;} #CommunityButtonNav a {width:139px; height:37px; border-radius: 0 9px 9px 0; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #CommunityButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #CommunityButtonNav a:link {text-decoration: none;} #CommunityButtonNav a:visited { color:#FFFFFF;} /*Keeps NEW buttons down in each section*/ #Products #ProductsButtonResponseNav {background: #3598DB} #ProductsNEW #ProductsButtonResponseNav {background: #3598DB} #ProductsMacDraftLimited #ProductsButtonResponseNav {background: #3598DB} #ProductsDemos #ProductsButtonResponseNav {background: #3598DB} #Support #SupportButtonResponseNav {background: #3598DB} #SupportNew #SupportButtonResponseNav {background: #3598DB} #CaseStudyNew #SupportButtonResponseNav {background: #3598DB} #Education #SupportButtonResponseNav {background: #3598DB} #MicrospotArticles #SupportButtonResponseNav {background: #3598DB} #ProductsUpgrades #UpgradesButtonResponseNav {background: #3598DB} #CrossSell #CartSelect {background: #3598DB} #Cart #CartSelect {background: #3598DB} #Store #StoreButtonResponseNav {background: #3598DB} #StoreSearch #StoreButtonResponseNav {background: #3598DB} #About #AboutButtonResponseNav {background: #3598DB} #AboutMicrospot #AboutButtonResponseNav {background: #3598DB} #AboutMicrospot2 #AboutButtonResponseNav {background: #3598DB} #Products #ProductsButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Products #ProductsButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #ProductsNEW #ProductsButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #ProductsNEW #ProductsButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #ProductsMacDraftLimited #ProductsButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #ProductsMacDraftLimited #ProductsButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #ProductsDemos #ProductsButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #ProductsDemos #ProductsButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Home #HomeButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Home #HomeButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #HomeMain #HomeButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #HomeMain #HomeButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Support #SupportButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Support #SupportButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #SupportNew #SupportButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #SupportNew #SupportButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Store #StoreButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Store #StoreButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #StoreSearch #StoreButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #StoreSearch #StoreButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Where #WhereButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Where #WhereButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Education #EducationButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Education #EducationButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #About #AboutButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #About #AboutButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #AboutMicrospot #AboutButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #AboutMicrospot #AboutButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #AboutMicrospot2 #AboutButtonNav a {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #AboutMicrospot2 #AboutButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #Cart #CartButtonNav a {width:139px; height:37px; border-radius: 0 9px 9px 0; -moz-border-radius: 0 9px 9px 0; -webkit-border-radius: 0 9px 9px 0; background: #359aff; /* Old browsers */ background: -moz-linear-gradient(top, #359aff 0%, #0955a0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#359aff), color-stop(100%,#0955a0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #359aff 0%,#0955a0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #359aff 0%,#0955a0 100%); /* IE10+ */ background: linear-gradient(to bottom, #359aff 0%,#0955a0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359aff', endColorstr='#0955a0',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color:#ffffff; text-align:center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); font-weight: bold;} #Cart #CartButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #CaseStudyNew #CommunityButtonNav a {width:139px; height:37px; border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #CaseStudyNew #CommunityButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #MicrospotArticles #CommunityButtonNav a {width:139px; height:37px; border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} #MicrospotArticles #CommunityButtonNav a:hover {border-right: 1px solid #012e59; background: #01488a; /* Old browsers */ background: -moz-linear-gradient(top, #01488a 0%, #013a71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01488a), color-stop(100%,#013a71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01488a 0%,#013a71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01488a 0%,#013a71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #01488a 0%,#013a71 100%); /* IE10+ */ background: linear-gradient(to bottom, #01488a 0%,#013a71 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01488a', endColorstr='#013a71',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px #01172c; -moz-box-shadow: inset 0 0 6px #01172c; box-shadow: inset 0 0 6px #01172c;} /*Defining SUBMENUS*/ .ProductsSubMenu {font-size:11px; font-weight:bold; height: 26px; text-align:center; float:left; position:relative; left:60px; top:70px; width:855px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} ul.ProductsSubMenu {margin:0; border:0; padding:0; list-style:none; width:855px; position:relative} ul.ProductsSubMenu li { display:inline; line-height:2.3em; margin:0; padding:0; border:0; float:left;} ul.ProductsSubMenu li a {display:block; text-decoration:none; margin:auto; border:0; padding:0; width:auto; color:#ffffff; height:26px;} ul.ProductsSubMenu li a:hover { color:#ffffff; width:auto;} .StoreSubMenu {font-size:11px; font-weight:bold; height: 26px; text-align:center; float:left; position:relative; left:40px; top:70px; width:900px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} ul.StoreSubMenu {margin:0; border:0; padding:0; list-style:none; width:900px; position:relative} ul.StoreSubMenu li { display:inline; line-height:2.3em; margin:0; padding:0; border:0; float:left;} ul.StoreSubMenu li a {display:block; text-decoration:none; margin:auto; border:0; padding:0; width:auto; color:#ffffff; height:26px;} ul.StoreSubMenu li a:hover { color:#ffffff; width:auto;} .SupportSubMenu {font-size:11px; font-weight:bold; height: 26px; text-align:center; float:left; position:relative; left:40px; top:70px; width:900px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} ul.SupportSubMenu {margin:0; border:0; padding:0; list-style:none; width:900px; position:relative} ul.SupportSubMenu li { display:inline; line-height:2.3em; margin:0; padding:0; border:0; float:left;} ul.SupportSubMenu li a {display:block; text-decoration:none; margin:auto; border:0; padding:0; width:auto; color:#ffffff; height:26px;} ul.SupportSubMenu li a:hover { color:#ffffff; width:auto;} .WhereSubMenu {font-size:11px; font-weight:bold; height: 26px; text-align:center; float:left; position:relative; left:40px; top:70px; width:900px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} ul.WhereSubMenu {margin:0; border:0; padding:0; list-style:none; width:900px; position:relative} ul.WhereSubMenu li { display:inline; line-height:2.3em; margin:0; padding:0; border:0; float:left;} ul.WhereSubMenu li a {display:block; text-decoration:none; margin:auto; border:0; padding:0; width:auto; color:#ffffff; height:26px;} ul.WhereSubMenu li a:hover { color:#ffffff; width:auto;} .AboutSubMenu {font-size:11px; font-weight:bold; height: 26px; text-align:center; float:left; position:relative; left:40px; top:70px; width:900px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} ul.AboutSubMenu {margin:0; border:0; padding:0; list-style:none; width:900px; position:relative} ul.AboutSubMenu li { display:inline; line-height:2.3em; margin:0; padding:0; border:0; float:left;} ul.AboutSubMenu li a {display:block; text-decoration:none; margin:auto; border:0; padding:0; width:auto; color:#ffffff; height:26px;} ul.AboutSubMenu li a:hover { color:#ffffff; width:auto;} /*Code for styling and controlling the horizontal sub navigation menu at the top of each webpage*/ .tickList {list-style:none; background:#FFFFFF url(../images/products/tick.jpg) no-repeat; padding-left:25px;} #Home .ProductsSubMenu, #Home .subMenuProducts {display:none;} #Home .StoreSubMenu, #Home .subMenuStore {display:none;} #Home .SupportSubMenu, #Home .subMenuSupport {display:none;} #Home .WhereSubMenu, #Home .subMenuWhere {display:none;} #Home .AboutSubMenu, #Home .subMenuAbout {display:none;} #HomeMain .ProductsSubMenu, #HomeMain .subMenuProducts {display:none;} #HomeMain .StoreSubMenu, #HomeMain .subMenuStore {display:none;} #HomeMain .SupportSubMenu, #HomeMain .subMenuSupport {display:none;} #HomeMain .WhereSubMenu, #HomeMain .subMenuWhere {display:none;} #HomeMain .AboutSubMenu, #HomeMain .subMenuAbout {display:none;} #Education .ProductsSubMenu, #Education .subMenuProducts {display:none;} #Education .StoreSubMenu, #Education .subMenuStore {display:none;} #Education .WhereSubMenu, #Education .subMenuWhere {display:none;} #Education .AboutSubMenu, #Education .subMenuAbout {display:none;} #CaseStudyNew .ProductsSubMenu, #CaseStudyNew .subMenuProducts {display:none;} #CaseStudyNew .StoreSubMenu, #CaseStudyNew .subMenuStore {display:none;} #CaseStudyNew .WhereSubMenu, #CaseStudyNew .subMenuWhere {display:none;} #CaseStudyNew .AboutSubMenu, #CaseStudyNew .subMenuAbout {display:none;} #MicrospotArticles .ProductsSubMenu, #MicrospotArticles .subMenuProducts {display:none;} #MicrospotArticles .StoreSubMenu, #MicrospotArticles .subMenuStore {display:none;} #MicrospotArticles .WhereSubMenu, #MicrospotArticles .subMenuWhere {display:none;} #MicrospotArticles .AboutSubMenu, #MicrospotArticles .subMenuAbout {display:none;} #Products .StoreSubMenu, #Products .subMenuStore {display:none;} #Products .SupportSubMenu, #Products .subMenuSupport {display:none;} #Products .WhereSubMenu, #Products .subMenuWhere {display:none;} #Products .AboutSubMenu, #Products .subMenuAbout {display:none;} #ProductsUpgrades .subMenuStore {display:none;} #ProductsUpgrades .subMenuSupport {display:none;} #ProductsUpgrades .subMenuWhere {display:none;} #ProductsUpgrades .subMenuAbout {display:none;} #ProductsNEW .StoreSubMenu, #ProductsNEW .subMenuStore {display:none;} #ProductsNEW .SupportSubMenu, #ProductsNEW .subMenuSupport {display:none;} #ProductsNEW .WhereSubMenu, #ProductsNEW .subMenuWhere {display:none;} #ProductsNEW .AboutSubMenu, #ProductsNEW .subMenuAbout {display:none;} #ProductsMacDraftLimited .StoreSubMenu, #ProductsMacDraftLimited .subMenuStore {display:none;} #ProductsMacDraftLimited .SupportSubMenu, #ProductsMacDraftLimited .subMenuSupport {display:none;} #ProductsMacDraftLimited .WhereSubMenu, #ProductsMacDraftLimited .subMenuWhere {display:none;} #ProductsMacDraftLimited .AboutSubMenu, #ProductsMacDraftLimited .subMenuAbout {display:none;} #ProductsDemos .StoreSubMenu, #ProductsDemos .subMenuStore {display:none;} #ProductsDemos .SupportSubMenu, #ProductsDemos .subMenuSupport {display:none;} #ProductsDemos .WhereSubMenu, #ProductsDemos .subMenuWhere {display:none;} #ProductsDemos .AboutSubMenu, #ProductsDemos .subMenuAbout {display:none;} #Store .ProductsSubMenu, #Store .subMenuProducts {display:none;} #Store .SupportSubMenu, #Store .subMenuSupport {display:none;} #Store .WhereSubMenu, #Store .subMenuWhere {display:none;} #Store .AboutSubMenu, #Store .subMenuAbout {display:none;} #StoreSearch .ProductsSubMenu, #StoreSearch .subMenuProducts {display:none;} #StoreSearch .SupportSubMenu, #StoreSearch .subMenuSupport {display:none;} #StoreSearch .WhereSubMenu, #StoreSearch .subMenuWhere {display:none;} #StoreSearch .AboutSubMenu, #StoreSearch .subMenuAbout {display:none;} #Support .ProductsSubMenu, #Support .subMenuProducts {display:none;} #Support .StoreSubMenu, #Support .subMenuStore {display:none;} #Support .WhereSubMenu, #Support .subMenuWhere {display:none;} #Support .AboutSubMenu, #Support .subMenuAbout {display:none;} #Where .ProductsSubMenu, #Where .subMenuProducts {display:none;} #Where .StoreSubMenu, #Where .subMenuStore {display:none;} #Where .SupportSubMenu, #Where .subMenuSupport {display:none;} #Where .AboutSubMenu, #Where .subMenuAbout {display:none;} #About .ProductsSubMenu, #About .subMenuProducts {display:none;} #About .StoreSubMenu, #About .subMenuStore {display:none;} #About .SupportSubMenu, #About .subMenuSupport {display:none;} #About .WhereSubMenu, #About .subMenuWhere {display:none;} #AboutMicrospot .ProductsSubMenu, #AboutMicrospot .subMenuProducts {display:none;} #AboutMicrospot .StoreSubMenu, #AboutMicrospot .subMenuStore {display:none;} #AboutMicrospot .SupportSubMenu, #AboutMicrospot .subMenuSupport {display:none;} #AboutMicrospot .WhereSubMenu, #AboutMicrospot .subMenuWhere {display:none;} #AboutMicrospot2 .ProductsSubMenu, #AboutMicrospot2 .subMenuProducts {display:none;} #AboutMicrospot2 .StoreSubMenu, #AboutMicrospot2 .subMenuStore {display:none;} #AboutMicrospot2 .SupportSubMenu, #AboutMicrospot2 .subMenuSupport {display:none;} #AboutMicrospot2 .WhereSubMenu, #AboutMicrospot2 .subMenuWhere {display:none;} #Cart .ProductsSubMenu, #Cart .subMenuProducts {display:none;} #Cart .StoreSubMenu, #Cart .subMenuStore {display:none;} #Cart .SupportSubMenu, #Cart .subMenuSupport {display:none;} #Cart .WhereSubMenu, #Cart .subMenuWhere {display:none;} #Cart .AboutSubMenu, #Cart .subMenuAbout {display:none;} #CrossSell .subMenuProducts {display:none;} #CrossSell .subMenuStore {display:none;} #CrossSell .subMenuSupport {display:none;} #CrossSell .subMenuWhere {display:none;} #CrossSell .subMenuAbout {display:none;} .SubMenu {font-size:11px; font-weight:bold; text-align:center; float:left; position:relative; left:100px; top:50px; width:800px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} ul.SubMenu {margin:0; border:0; padding:0; list-style:none; width:800px;} ul.SubMenu li { display:inline; margin:0; padding:0 7px 0 7px; border:0; width:auto; float:left;} ul.SubMenu li a {display:block; text-decoration:none; margin:auto; border:0; padding:0 7px 0 7px; width:auto; color:#FCFCFC;} ul.SubMenu li a:hover { color:#CCCCCC; width:auto;} /*Content adds the repeating background image to the central section of the web pages so that they can stretch to the size of the content*/ #Content {width:900px; height:auto; background:url(../images/template/middle.png) 0 0 repeat-y; text-align:left; padding:0px 50px 2px 20px; margin:0; clear:both;} /*Content adds the background div version of th repeated background image.*/ #Content2 {width:933px; height:auto; text-align:left; padding: 20px 20px 20px 20px; margin:0; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background-color:#FFFFFF; clear:both; } /*Bottom adds the footer background image to the bottom of the page*/ #Bottom {width:975px; background:url(../images/template/bottom.png) 0 0 no-repeat; height:56px; margin:0; padding:0; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; } #Trademark {width:880px; height:auto; float:left; text-align:center; padding:0; margin-top:15px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} #Trademark2 {width:953px; height:auto; float:left; text-align:center; padding:10px; margin-top:15px; margin-bottom: 20px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; background-color: #333;} /*Footer*/ .Footer {font-size:10px; font-weight:bold; float:left; position:relative; width:100%; text-align:center; height:auto; line-height:2.3em; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} ul.Footer { padding:0; list-style:none; width:100%; margin:0;} ul.Footer li { display:inline; padding:0 8px 0 8px; border:0; width:auto; float: left;} ul.Footer li a {display:block; text-decoration:none; color: #ffffff; padding:0 8px 0 8px;} ul.Footer li a:hover { text-decoration:none; color: #ccc;} /*Homepage*/ #HomeContent {width:920px; padding-left:8px; } #HomeContent a {text-decoration:none;} #home-macdraft {float:left; width:920px; height:520px; background:url(../images/homepage/macdraft25th.jpg) no-repeat;} #home-safety {float:left; width:920px; height:643px; background:url(../images/homepage/libraries.jpg) no-repeat; display:block;} #easter {float:left; width:920px; height:520px; background:url(../images/homepage/easter.jpg) no-repeat;} #home-olympics {float:left; width:920px; height:594px; display:block;} #competition-title {float:left; width:706px; height:32px; background:url(../images/homepage/latest-comp.png) no-repeat;} #comp-left {float:left; width:479px; border-right:1px solid #B8B8B8; padding-right:25px; height:80px;} #comp-right {float:left; width:360px; border-left:1px solid #FFF; padding-left:25px; height:80px;} #comp-right img {float:left; padding-right:15px;} #home-macdraft-title {float:left; width:920px; height:200px; padding:10px 20px; text-align:center;} #home-macdraft-title h1 {font-size:65px; margin:0;} #home-macdraft-title h2 {font-size:20px; margin:0; font-weight:normal;} #home-macdraft-text {float:left; width:880px; padding:150px 20px 0 20px; text-align:center;} #home-macdraft-text h1 {font-size:24px; margin:0; font-weight:normal; color:#FFF;} #home-macdraft-text h2 {font-size:13px; margin:0; font-weight:normal; padding-top:10px; color:#FFF; line-height:25px;} #home-macdraft-text p {color:#FFF; font-size:9px; margin:0; padding:0;} #home-macdraft-text h3 {font-size:24px; margin:0; padding:0; color:#FF9900;} #home-macdraft-text a {color:#FF9900;} .sub-half {float:left; width:452px; margin-top:15px;} .sub-half-top {float:left; width:452px; height:33px; background:url(../images/homepage/sub-half-size-top.jpg) no-repeat;} .sub-half-middle {float:left; width:432px; padding:8px 10px; background:url(../images/homepage/sub-half-size-middle.jpg) repeat-y;} .sub-half-bottom {float:left; width:452px; height:9px; background:url(../images/homepage/sub-half-size-bottom.jpg) no-repeat;} .sub-half-mag {float:left; width:432px; height:175px; padding:8px 10px; background:url(../images/homepage/sub-half-size-mag.jpg) no-repeat;} .sub-full {float:left; width:920px; margin-top:15px;} .sub-full-top {float:left; width:920px; height:33px; background:url(../images/homepage/sub-full-size-top.jpg) no-repeat;} .sub-full-top-green {float:left; width:920px; height:33px; background:url(../images/homepage/sub-full-size-top-green.jpg) no-repeat;} .sub-full-top-grey {float:left; width:920px; height:11px; background:url(../images/homepage/sub-full-size-top-grey.jpg) no-repeat;} .sub-full-middle {float:left; width:900px; padding:8px 10px; background:url(../images/homepage/sub-full-size-middle.jpg) repeat-y;} .sub-full-bottom {float:left; width:920px; height:11px; background:url(../images/homepage/sub-full-size-bottom.jpg) no-repeat;} .sub-prod {float:left; width:174px; margin-right:6px;} .sub-prod-top {float:left; width:174px; height:32px; background:url(../images/homepage/sub-prod-top.jpg) no-repeat;} .sub-prod-middle {float:left; width:154px; min-height:60px; padding:8px 10px; background:url(../images/homepage/sub-prod-middle.jpg) repeat-y;} .sub-prod-bottom {float:left; width:174px; height:103px;} #sub-ints {background:url(../images/homepage/sub-prod-ints.jpg) no-repeat;} #sub-intp {background:url(../images/homepage/sub-prod-intp.jpg) no-repeat;} #sub-mdft {background:url(../images/homepage/sub-prod-mdft.jpg) no-repeat;} #sub-mdpe {background:url(../images/homepage/sub-prod-mdpe.jpg) no-repeat;} #sub-dwgv {background:url(../images/homepage/sub-prod-dwgv.jpg) no-repeat;} #sub-safety {background:url(../images/homepage/sub-prod-safety.jpg) no-repeat;} .grey-rounded-full {float:left; width:900px; padding:8px 10px; -moz-border-radius:5px; border-radius:5px; border:1px solid #B8B8B8;} .sub-half p, .sub-full p {margin:0; font-size:11px; line-height:14px;} .sub-half-top h3, .sub-full-top h3, .sub-full-top-green h3 {color:#FFF; font-size:15px; font-weight:normal; margin:0; padding:8px 0 0 8px;} .sub-half-top a, .sub-full-top a {color:#FFF; font-size:11px; font-weight:normal; margin:0; padding:10px 3px 0 8px; float:right;} .sub-prod-middle p {margin:0; font-size:11px; line-height:14px; text-align:center;} .sub-prod h3 {font-size:15px; font-weight:normal; margin:0; padding:5px 0 0 0; text-align:center;} #home-facebook {float:left; width:50px; height:50px; display:block; background:url(../images/homepage/facebook.png) no-repeat; margin-left:20px;} #home-twitter {float:left; width:50px; height:50px; display:block; background:url(../images/homepage/twitter.png) no-repeat; margin-left:20px;} #home-youtube {float:left; width:50px; height:50px; display:block; background:url(../images/homepage/youtube.png) no-repeat; margin-left:20px;} #home-wordpress {float:left; width:50px; height:50px; display:block; background:url(../images/homepage/wordpress.png) no-repeat; margin-left:20px;} #home-digg {float:left; width:57px; height:53px; display:block; background:url(../images/homepage/digg.png) no-repeat; margin-left:20px;} #home-digg:hover {background-position:-57px;} .rightpad { padding: 0 10px 10px 0;} #ProdSubAdvert { padding-right:20px;} #ProdSubAdvert h3 { padding-top:5px;} #HomeIcon { width:57px; float:left; margin-right:5px;} #QuickLinks { width:155px; height:110px; background:url(../images/homepage/homeBottomBackground.jpg) no-repeat; border:#B2B2B2 solid 1px; float:left; margin-top:30px;} #QuickLinks a { color:#000000; text-decoration:none;} #QuickLinks a:hover { color:#666666;} #QuickLinks h3 { padding-top:10px;} #QuickLinks p { padding:0 0 5px 5px; clear:both;} /*Product Pages*/ /*Product Home Page*/ #products-holder {width:828px; float:left; padding:20px 0 0 50px;} .products-top {float:left; width:828px; height:32px; background:url(../images/products/product-top.jpg) no-repeat;} .products-middle {float:left; width:828px; background:url(../images/products/product-middle.jpg) repeat-y;} .products-bottom {float:left; width:828px; height:8px; background:url(../images/products/product-bottom.jpg) no-repeat; padding-bottom:15px;} .product-full {width:784px; padding:18px 22px; float:left; border-bottom:#B8B8B8 1px solid; border-top:#FFF 1px solid;} .product-half-left {width:369px; height:120px; padding:18px 22px 10px 22px; float:left; border-top:#FFF 1px solid; border-right:#B8B8B8 1px solid;} .product-half-right {width:369px; height:120px; padding:18px 22px 10px 22px; float:left; border-top:#FFF 1px solid; border-left:#FFF 1px solid;} .product-third-left {width:231px; height:100px; padding:18px 22px 10px 22px; float:left; border-top:#FFF 1px solid; border-right:#B8B8B8 1px solid;} .product-third-middle {width:230px; height:100px; padding:18px 22px 10px 22px; float:left; border-top:#FFF 1px solid; border-right:#B8B8B8 1px solid; border-left:#FFF 1px solid;} .product-third-right {width:231px; height:100px; padding:18px 22px 10px 22px; float:left; border-top:#FFF 1px solid; border-left:#FFF 1px solid;} .products-middle p {margin:0; font-size:11px; line-height:14px;} .products-top h1 {color:#FFF; font-size:15px; font-weight:normal; margin:0; padding:8px 0 0 8px;} .products-middle h3 {font-size:14px; margin:0; padding-bottom:5px;} .products-middle h3 span {color:#003F7D;} .products-middle img {float:left; padding-right:13px;} .ProductHomeTitle {float:left; clear:both; width:800px; font-size:14px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#000000; font-weight:bold;} #DevideGreyLine { width:800px; height:0; clear:both; border-top:1px solid #CCCCCC;} #DevideNoLine { width:800px; height:30px; clear:both;} /*Product Page Title and Navigation*/ #ProdPageTitleNav { width:580px; position:relative; margin-top:10px; float:left; } #ProductNav { height:39px; width:575px; float:left; background:url(../images/products/subNav/backg.jpg) no-repeat; clear:both; } #ProductNav li { display:inline; float:left; height:39px;} #ProductNav li a { display:block; float:left; height:39px;} #FeaturesbtnDown {background: url(../images/products/subNav/features.jpg) no-repeat; width:94px; background-position:-94px;} #FeaturesButton a { background: url(../images/products/subNav/features.jpg) no-repeat; width:94px; } #FeaturesButton a:hover { background-position:-94px;} #NewBtnDown { background: url(../images/products/subNav/new.jpg) no-repeat; width:118px; background-position:-118px; } #NewButton a { background: url(../images/products/subNav/new.jpg) no-repeat; width:118px; } #NewButton a:hover { background-position:-118px;} #GallerBtnDown { background: url(../images/products/subNav/gallery.jpg) no-repeat; width:84px; background-position:-84px; } #GalleryButton a { background: url(../images/products/subNav/gallery.jpg) no-repeat; width:84px; } #GalleryButton a:hover { background-position:-84px;} #FAQBtnDown { background: url(../images/products/subNav/faq.jpg) no-repeat; width:67px; background-position:-67px; } #FAQButton a { background: url(../images/products/subNav/faq.jpg) no-repeat; width:67px; } #FAQButton a:hover { background-position:-67px;} #TutorialBtnDown { background: url(../images/products/subNav/tutorial.jpg) no-repeat; width:95px; background-position:-95px; } #TutorialsButton a { background: url(../images/products/subNav/tutorial.jpg) no-repeat; width:95px; } #TutorialsButton a:hover { background-position:-95px;} #CaseBtnDown { background: url(../images/products/subNav/case.jpg) no-repeat; width:108px; background-position:-108px; } #CaseButton a { background: url(../images/products/subNav/case.jpg) no-repeat; width:108px; } #CaseButton a:hover { background-position:-108px;} #AlanBtnDown { background: url(../images/products/subNav/alan.jpg) no-repeat; width:108px; background-position:-108px; } #AlanButton a { background: url(../images/products/subNav/alan.jpg) no-repeat; width:108px; } #AlanButton a:hover { background-position:-108px;} #PrintBtnDown { background: url(../images/products/subNav/print.jpg) no-repeat; width:156px; background-position:-156px; } #PrintButton a { background: url(../images/products/subNav/print.jpg) no-repeat; width:156px; } #PrintButton a:hover { background-position:-156px;} #CookbookBtnDown { background: url(../images/products/subNav/cookbook.jpg) no-repeat; width:104px; background-position:-104px; } #CookbookButton a { background: url(../images/products/subNav/cookbook.jpg) no-repeat; width:104px; } #CookbookButton a:hover { background-position:-104px;} #twentyfifth {float:right; position:absolute; left:670px; top:-5px;} /*Product Page Content*/ div.spacer { margin-bottom:30px; clear:both; display:block; padding:0; font-size:1px; line-height:1px; height:0; border-bottom: #CCCCCC solid 1px;} #ContentHolder { height:auto; text-align:left; padding:0 20px 0 20px; margin-left:auto; margin-right:auto; border:0; width:900px; clear:both;} #ContentHolder1 { height:auto; text-align:left; padding:20px 20px 0 20px; margin-left:auto; margin-right:auto; border:0; width:800px; clear:both;} #ProdContentLeft { float:left; margin-right:10px; width:570px; background-color:#FFFFFF; position:relative; padding-top:20px;} #ContentHolder p { font-size:11px; margin-bottom:5px; line-height:15px; background-color:#fff;} #ContentHolder h3 { font-size:11px; background:#fff; margin-bottom:6px; color:#000000; font-weight:bold;} #ContentHolder1 p { font-size:11px; margin-bottom:5px; line-height:15px; background-color:#fff;} #ContentHolder1 h3 { font-size:11px; background:#fff; margin-bottom:6px; color:#000; font-weight:bold;} #ProdContentLeft p { margin-bottom:10px; line-height:150%; font-size:12px; color: #000000;} #ProdContentLeft h2 { margin-bottom:0; font-size:14px; margin-bottom:5px; } #ProdContentLeft h3 { margin-bottom:0; font-size:14px; margin-bottom:5px; } #ProdContentLeft h4 { margin-bottom:0; font-size:12px; margin-bottom:5px; } #ProdContentLeft img { margin-bottom:0px;} #ProdContentLeft img.left { float:left; margin-right:20px;} #ProdContentLeft img.right { float:right; margin-left:20px;} #ContentHolder .left {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border-left:none; border-top:none; border-bottom:none;} #ContentHolder .right {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border-right:none; border-top:none; border-bottom:none;} #ProdSubInfo { float:right; width:220px; margin-top:15px; margin-right:30px; padding-bottom:15px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} #LargeScrShot { margin-bottom:20px; width:570px; text-align:center; display:block;} #ContentHolder .box { border-right:#a1a5a9 1px solid; padding-right:5px; border-top:#a1a5a9 1px solid; padding-left:5px; padding-bottom: 5px; margin:0px 0px 1.25em; border-left:#a1a5a9 1px solid; padding-top:0px; border-bottom:#a1a5a9 1px solid;} #ProdSubInfo div.box { border-top-width:0px; padding-right:15px; padding-left:15px; border-left-width:0px; background:url(../images/products/productPages/prodSubInfoBackground.gif) #fff no-repeat center bottom; border-bottom-width:0px; padding-bottom:15px; margin:0px 0px 15px; padding-top:0px; border-right-width:0px} #ProdSubInfo div#AddToCart { padding-right:15px; padding-left:15px; padding-bottom:0; padding-top:0px;} #ProdSubInfo div.box H2.empty { padding-right:0px; padding-left:0px; background:url(../images/products/productPages/prodSubInfoBackground.gif) #fff no-repeat center top; padding-bottom:0px; margin:0px -15px; padding-top:0px; height:10px;} #ProdSubInfo div.box H1 { font-size:14px;} #ProdSubInfo div.box H2 { font-size:10px; color:#000000; font-weight:bold;} #ProdSubInfo div.box H3 { font-size:10px; color:#666666;} #ProdSubInfo div.demo { margin-bottom:15px;} .Universal { padding-right:45px; display:block; padding-bottom:8px; background:url(../images/products/productPages/universal.jpg) no-repeat right;} .SupportedPrinters { font-size:10px;} /*Product Subnav Layout*/ .doschBox { padding-right:77px; display:block; padding-bottom:8px; background:url(../images/homepage/antique.png) no-repeat right;} .InteriorsCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/interiors/interiorsBox.jpg) no-repeat right;} .Cart { padding-right:80px; display:block; padding-bottom:8px; height:95px;} .InteriorsProUpgrade { padding-right:77px; display:block; padding-bottom:8px; background:url(../images/products/productPages/interiorsPro/upgradeIntsPro.jpg) no-repeat right;} .InteriorsUpgrade { padding-right:77px; display:block; padding-bottom:8px; background:url(../images/products/productPages/interiors/upgrade.jpg) no-repeat right;} .InteriorsReviews { padding-right:102px; padding-bottom:5px;} .MacdraftReviews { padding-right:126px; padding-bottom:5px; height:68px;} .ModelerCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/modeler/box.jpg) no-repeat right;} .ModelerUpgrade { padding-right:77px; display:block; padding-bottom:8px; background:url(../images/products/productPages/modeler/upgrade.jpg) no-repeat right;} .MacDraftCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/macdraft/macdraftBox.jpg) no-repeat right;} .MacDraftUpgrade { padding-right:77px; display:block; padding-bottom:8px; background:url(../images/products/productPages/macdraft/upgrade.jpg) no-repeat right;} .MacDraftpeCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/macdraftpe/macdraftpeBox.jpg) no-repeat right;} .MacDraftpeUpgrade { padding-right:77px; display:block; padding-bottom:8px; background:url(../images/products/productPages/macdraftpe/upgrade.jpg) no-repeat right;} .dwgvCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/dwgviewer/dwgvBox.jpg) no-repeat right;} .dwgvUpgrade { padding-right:77px; display:block; padding-bottom:8px; background:url(../images/products/productPages/dwgviewer/upgrade.jpg) no-repeat right;} .photoToolsCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/photoTools/photoToolsBox.jpg) no-repeat right;} .xripCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/xrip/box.jpg) no-repeat right;} .pcdraftCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/pcdraft/box.jpg) no-repeat right;} .pcdraftpeCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/pcdraftpe/box.jpg) no-repeat right;} .symLibWinCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/symLib/symLibBoxWin.jpg) no-repeat right;} .symLibMacCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/symLib/symLibBoxMac.jpg) no-repeat right;} .safetyCart { padding-right:80px; display:block; padding-bottom:8px; background:url(../images/products/productPages/safety-signs/safety-box.jpg) no-repeat right;} #safety-title {float:left; width:837px; height:96px; background:url(../images/products/productPages/safety-signs/logo.jpg) no-repeat; clear:both;} .safety-holder {float:left; width:190px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #DDDDDD;} .safety-holder img {float:left; padding-right:10px;} .safety-holder h2 {margin-top:0;} .safety-sub-buy {width:127px; float:left; text-align:center;} .safety-sub-buy img {text-align:center; padding-left:25px;} /*Libraries*/ .clear {clear:both;} #common-home-title {float:left; width:812px; height:auto; margin-left:20px; margin-top:15px;} #complete-home-title {float:left; width:812px; height:auto; margin-left:20px; margin-top:15px;} #complete-section-title {float:left; width:812px; height:auto; margin-left:20px; margin-top:15px;} #plan-section-title {float:left; width:775px; height:auto; margin-left:20px; margin-top:15px;} #seasonal-section-title {float:left; width:812px; height:96px; background:url(../images/products/productPages/seasonal-graphics/title-valentines.jpg) no-repeat; margin-left:20px; margin-top:15px;} #flags-of-the-world-title {float:left; width:812px; height:auto; margin-left:20px; margin-top:15px;} #safety-signs-lib--title {float:left; width:812px; height:auto; margin-left:20px; margin-top:15px;} .pink {color: #FF5F85;} .recent-item {float:left; width:181px; border-top:#D4D8D9 1px solid; padding-bottom:15px; padding-top:15px;} .recent-item .icon {float:left; width:60px; height:60px; padding-right:10px;} .recent-item h2 {font-size:12px; float:left; width:111px; margin:0; padding:0 0 10px 0;} .recent-item img {float:left;} ul.AddOnPackList { list-style:none; margin:0; border:0; padding:0; } ul.AddOnPackList li { width:100%; height:20px; padding:5px 0 0 3px; margin:0; float:left; } .Gray { background: #F4F4F4;} ul.AddOnPackList li a { color:#333333; display:block; text-decoration:none; padding:0; font-weight:bold; height:20px; } ul.AddOnPackList li a:hover { text-decoration:underline; } /*Form Styling*/ #FormBorder { width:700px; clear:both; margin-left:70px; background:#EEEEEE; border:#666666 solid 1px;} #FormBorderSupport { width:700px; clear:both; margin-left:auto; margin-right:auto; background:#EEEEEE; border:#666666 solid 1px;} #FormTitle { width:100%; float:left; background: repeat-x url(../images/products/register/titleBackround1.jpg); height:17px; padding-top:2px;} #FormElements { width:690px; float:left; padding:10px 0 10px 10px; font-size:9px;} #FormElements legend { font-size:9px; color:#000000;} #FormElements table { font-size:9px; color:#000000;} #FormData { width:340px; padding:3px 0 3px 0; float:left;} .formTitle { font-size:10px; font-weight:bold; color:#000000; padding-left:10px;} .formText { font-size:12px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;} /*Store Page*/ #StoreMasterContainer { width:340px; padding:5px 0 10px 0; float:left; display:block; margin:0 30px 0 20px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} #StoreContainer { clear:both; height:30px; width:275px; line-height:normal; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;} #container { margin-top:20px; margin-left:auto; margin-right:auto; width:800px;} #PriceText { float:left; color:#666666; font-size:10px; padding-top:7px; width:163px; } .StoreProdType { color:#000000; font-size:11px; font-weight:bold;} #StoreAddToCart { float:right; width:83px; text-align:right; padding-top:3px; padding-left:22px;} #StoreProdHeight { height:100px; padding:0 0 0 73px; width:340px; line-height:20px;} #StoreMasterContainer p { font-size:10px; color:#7d7b7b; margin-bottom:0.5em; line-height:15px; text-align:left;} #StoreMasterContainer h2 { font-size:13px; color: #000000; margin-bottom:0;} #StoreMasterContainer a { color:#0000CC;} #StoreMasterContainer a:hover { color:#000066;} /*3D Model Store*/ #ProdHolder3d { width:350px; margin:0 5px 3px 2px; border:1px #999999 solid; padding:7px; float:left; text-align:left;} /*Tutorials*/ #TutorialHolder { float:left; margin-bottom:20px;} #TutorialHolder img { float:left;} #TutorialText { width:380px; float:right; margin-left:10px;} #TutorialText h3 { font-size:12px;} #TutorialText p { font-size:11px;} #TutorialText a { color:#003300; text-decoration:none} #TutorialText a:hover { text-decoration:underline;} #TutorialText h3 img { margin-right:5px;} /*Gallery*/ .GalleryMD {width:190px; float:left;} .GalleryMD a {display:block; width:130px; padding:1px; background-color: #999999; float:left; margin-bottom:15px;} .GalleryMD a:hover {background-color:#00468A;} .GalleryRoll a { display:block; width:130px; padding:1px; background-color: #999999; float:left; margin-right:24px; margin-left:24px; margin-bottom:15px;} .GalleryRoll a:hover { background-color:#00468A;} /*MDFT-MDPE Comparison Table*/ #ProdContentLeft table { border:1px solid #999999; font-family:Verdana, Arial, Helvetica, sans-serif; color:#7d7b7b; font-size:10px; border-spacing:5px;} .mdCompCol1 { color:#000000; font-weight:bold; font-size:12px;} /*Volume Licensing*/ #VolumeContainer { width:80%; clear:both; margin-top:30px; padding-left:15px;} .VolumeTitle { padding-left:48px; display:block; height:56px; margin-bottom:5px;} .VolumeTitle h3 { padding-top:20px;} #VolumeContainer table { border:none; color:#000000; font-size:10px; border-spacing:5px; width:570px;} /*Services*/ #Service { width:300px; margin:0 20px 10px 50px; float:left; } #AuthServiceProvider { width:100%; text-align:center; clear:both;} /*Distributors*/ #Distributors { width:244px; padding:5px 20px 5px 20px; text-align:left;} /*Magazine*/ .hidden {text-indent:-4000px; position:absolute;} #mag-header {float:left; padding-bottom:40px; width:870px;} #mag-header img {float:right;} #mag-title {width:355px; height:78px; float:left; background:url(../images/products/magazine/title.jpg) no-repeat;} .mag-issue {width:870px; float:left; border-bottom:#CCC solid 1px; padding-bottom:20px; margin-bottom:20px;} .mag-issue h1 {font-size:21px;} .mag-image {float:left; padding-right:15px;} .mag-view {float:right; width:120px; padding-left:26px; padding-top:20px;} .mag-view img {float:left; padding-bottom:20px; clear:left;} /*Upgrades*/ .upgrade-frames { width:150px; float:left; background-color:#F3F7FD; background: #F3F7FD; -moz-border-radius:5px; border-radius:5px; padding: 10px; margin: 12px; text-align:center; -moz-box-shadow: 0 0 4px #999999; -webkit-box-shadow: 0 0 4px #999999; box-shadow: 0 0 4px #999999; border: 1px solid #FFFFFF;} .upgrade-title { font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size:13px; font-weight:bold; color:#333} .upgrade-body { font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size:11px; color:#333; line-height:1.5;} .upgrade-sub-title { font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size:12px; color:#05488C; line-height:1.5; font-weight:bold;} /*Case Study*/ .main-body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:left; line-height:1.5;} .main-heading {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-align:left; font-weight:bold;} #case-profile {width:800px; height:auto; border: 1px solid #999999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color:#FFFFFF; padding:15px; margin:20px 0 0 0;} #case-button {width:108px; height:20px; border: 1px solid #2463a7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #73b3f2; /* Old browsers */ background: -moz-linear-gradient(top, #73b3f2 0%, #447bc3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b3f2), color-stop(100%,#447bc3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* IE10+ */ background: linear-gradient(to bottom, #73b3f2 0%,#447bc3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b3f2', endColorstr='#447bc3',GradientType=0 ); /* IE6-9 */ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:center;} #case-button:hover {border: 1px solid #000000; background: #003d79; /* Old browsers */ background: -moz-linear-gradient(top, #003d79 0%, #002e5c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003d79), color-stop(100%,#002e5c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #003d79 0%,#002e5c 100%); /* IE10+ */ background: linear-gradient(to bottom, #003d79 0%,#002e5c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d79', endColorstr='#002e5c',GradientType=0 ); /* IE6-9 */} #case-button a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #case-button a:visited {color:#fff;} #case-profile-card {width:780px; height:auto; border: 1px solid #999999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:25px; margin:20px 0 0 0; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 5px #999; -moz-box-shadow: inset 0 0 5px #999; box-shadow: inset 0 0 5px #999;} #case-button-profile {width:108px; height:20px; border: 1px solid #2463a7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #73b3f2; /* Old browsers */ background: -moz-linear-gradient(top, #73b3f2 0%, #447bc3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b3f2), color-stop(100%,#447bc3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* IE10+ */ background: linear-gradient(to bottom, #73b3f2 0%,#447bc3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b3f2', endColorstr='#447bc3',GradientType=0 ); /* IE6-9 */ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:center; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999;} #case-button-profile a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #case-button-profile a:visited {color:#fff;} #case-button-profile:hover {border: 1px solid #000000; background: #003d79; /* Old browsers */ background: -moz-linear-gradient(top, #003d79 0%, #002e5c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003d79), color-stop(100%,#002e5c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #003d79 0%,#002e5c 100%); /* IE10+ */ background: linear-gradient(to bottom, #003d79 0%,#002e5c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d79', endColorstr='#002e5c',GradientType=0 ); /* IE6-9 */} #case-button-web {width:26px; height:26px; border: 1px solid #2463a7; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; float:right; background: #73b3f2; /* Old browsers */ background: -moz-linear-gradient(top, #73b3f2 0%, #447bc3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b3f2), color-stop(100%,#447bc3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* IE10+ */ background: linear-gradient(to bottom, #73b3f2 0%,#447bc3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b3f2', endColorstr='#447bc3',GradientType=0 ); /* IE6-9 */ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:center; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999;} #case-button-web:hover {border: 1px solid #000000; background: #003d79; /* Old browsers */ background: -moz-linear-gradient(top, #003d79 0%, #002e5c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003d79), color-stop(100%,#002e5c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #003d79 0%,#002e5c 100%); /* IE10+ */ background: linear-gradient(to bottom, #003d79 0%,#002e5c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d79', endColorstr='#002e5c',GradientType=0 ); /* IE6-9 */} #case-button-web a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #case-button-web a:visited {color:#fff;} /*customer list*/ #customer-list { width:100%; height:550px; margin: 20px 0 0 0;} #AeroVironment { background: url(../images/case-studies/CustomerList/AeroVironment.png) no-repeat; height:53px; width:66px; margin: 0 20px 40px 0; float:left;} #AeroVironment a:hover { background: url(../images/case-studies/CustomerList/AeroVironmentDown.png) no-repeat; height:53px; width:66px} #AeroVironment a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #BenSherman { background: url(../images/case-studies/CustomerList/benSherman.png) no-repeat; height:53px; width:215px; margin: 0 20px 40px 0; float:left;} #BenSherman a:hover { background: url(../images/case-studies/CustomerList/benShermanDown.png) no-repeat; height:53px; width:215px} #BenSherman a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #BigFish { background: url(../images/case-studies/CustomerList/bigFish.png) no-repeat; height:53px; width:67px; margin: 0 20px 40px 0; float:left;} #BigFish a:hover { background: url(../images/case-studies/CustomerList/bigFishDown.png) no-repeat; height:53px; width:67px} #BigFish a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #BritishAirways { background: url(../images/case-studies/CustomerList/britishAirways.png) no-repeat; height:53px; width:119px; margin: 0 20px 40px 0; float:left;} #BritishAirways a:hover { background: url(../images/case-studies/CustomerList/britishAirwaysDown.png) no-repeat; height:53px; width:119px} #BritishAirways a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #CannonDesign { background: url(../images/case-studies/CustomerList/cannonDesign.png) no-repeat; height:53px; width:175px; margin: 0 20px 40px 0; float:left;} #CannonDesign a:hover { background: url(../images/case-studies/CustomerList/cannonDesignDown.png) no-repeat; height:53px; width:175px} #CannonDesign a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #CBSNews { background: url(../images/case-studies/CustomerList/cbsNews.png) no-repeat; height:53px; width:90px; margin: 0 0 40px 0; float:left;} #CBSNews a:hover { background: url(../images/case-studies/CustomerList/cbsNewsDown.png) no-repeat; height:53px; width:90px} #CBSNews a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #CERN { background: url(../images/case-studies/CustomerList/cern.png) no-repeat; height:53px; width:55px; margin: 0 20px 40px 50px; float:left;} #CERN a:hover { background: url(../images/case-studies/CustomerList/cernDown.png) no-repeat; height:53px; width:55px} #CERN a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #CNNNews { background: url(../images/case-studies/CustomerList/cnnNews.png) no-repeat; height:53px; width:111px; margin: 0 20px 40px 0; float:left;} #CNNNews a:hover { background: url(../images/case-studies/CustomerList/cnnNewsDown.png) no-repeat; height:53px; width:111px} #CNNNews a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #Debenhams { background: url(../images/case-studies/CustomerList/debenhams.png) no-repeat; height:53px; width:175px; margin: 0 20px 40px 0; float:left;} #Debenhams a:hover { background: url(../images/case-studies/CustomerList/debenhamsDown.png) no-repeat; height:53px; width:175px} #Debenhams a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #EcoSchemes { background: url(../images/case-studies/CustomerList/ecoSchemes.png) no-repeat; height:53px; width:212px; margin: 0 20px 40px 0; float:left;} #EcoSchemes a:hover { background: url(../images/case-studies/CustomerList/ecoSchemesDown.png) no-repeat; height:53px; width:212px} #EcoSchemes a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #GGIllustration { background: url(../images/case-studies/CustomerList/ggIllustration.png) no-repeat; height:53px; width:57px; margin: 0 20px 40px 0; float:left;} #GGIllustration a:hover { background: url(../images/case-studies/CustomerList/ggIllustrationDown.png) no-repeat; height:53px; width:57px} #GGIllustration a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #Habitat { background: url(../images/case-studies/CustomerList/habitat.png) no-repeat; height:53px; width:206px; margin: 0 20px 40px 0; float:left;} #Habitat a:hover { background: url(../images/case-studies/CustomerList/habitatDown.png) no-repeat; height:53px; width:206px} #Habitat a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #HarvardUni { background: url(../images/case-studies/CustomerList/harvardUni.png) no-repeat; height:53px; width:196px; margin: 0 20px 40px 0; float:left;} #HarvardUni a:hover { background: url(../images/case-studies/CustomerList/harvardUniDown.png) no-repeat; height:53px; width:196px} #HarvardUni a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #JamiesonGroup { background: url(../images/case-studies/CustomerList/jamiesonGroup.png) no-repeat; height:53px; width:159px; margin: 0 20px 40px 0; float:left;} #JamiesonGroup a:hover { background: url(../images/case-studies/CustomerList/jamiesonGroupDown.png) no-repeat; height:53px; width:159px} #JamiesonGroup a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #JCPenney { background: url(../images/case-studies/CustomerList/jcPenney.png) no-repeat; height:53px; width:54px; margin: 0 20px 40px 0; float:left;} #JCPenney a:hover { background: url(../images/case-studies/CustomerList/jcPenneyDown.png) no-repeat; height:53px; width:54px} #JCPenney a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #JuiceDesign { background: url(../images/case-studies/CustomerList/juiceDesign.png) no-repeat; height:53px; width:133px; margin: 0 0 40px 0; float:left;} #JuiceDesign a:hover { background: url(../images/case-studies/CustomerList/juiceDesignDown.png) no-repeat; height:53px; width:133px} #JuiceDesign a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #LaSenza { background: url(../images/case-studies/CustomerList/laSenza.png) no-repeat; height:53px; width:192px; margin: 0 20px 40px 0; float:left;} #LaSenza a:hover { background: url(../images/case-studies/CustomerList/laSenzaDown.png) no-repeat; height:53px; width:192px} #LaSenza a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #LiquidProductions { background: url(../images/case-studies/CustomerList/liquidProductions.png) no-repeat; height:53px; width:249px; margin: 0 20px 40px 0; float:left;} #LiquidProductions a:hover { background: url(../images/case-studies/CustomerList/liquidProductionsDown.png) no-repeat; height:53px; width:249px} #LiquidProductions a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #MagnoliaSquare { background: url(../images/case-studies/CustomerList/magnoliaSquare.png) no-repeat; height:53px; width:126px; margin: 0 20px 40px 0; float:left;} #MagnoliaSquare a:hover { background: url(../images/case-studies/CustomerList/magnoliaSquareDown.png) no-repeat; height:53px; width:126px} #MagnoliaSquare a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #Nasa { background: url(../images/case-studies/CustomerList/nasa.png) no-repeat; height:53px; width:84px; margin: 0 20px 40px 0; float:left;} #Nasa a:hover { background: url(../images/case-studies/CustomerList/nasaDown.png) no-repeat; height:53px; width:84px} #Nasa a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #NBCNews { background: url(../images/case-studies/CustomerList/nbcNews.png) no-repeat; height:53px; width:60px; margin: 0 0 40px 0; float:left;} #NBCNews a:hover { background: url(../images/case-studies/CustomerList/nbcNewsDown.png) no-repeat; height:53px; width:60px} #NBCNews a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #OneVoice { background: url(../images/case-studies/CustomerList/oneVoice.png) no-repeat; height:53px; width:195px; margin: 0 20px 40px 0; float:left;} #OneVoice a:hover { background: url(../images/case-studies/CustomerList/oneVoiceDown.png) no-repeat; height:53px; width:195px} #OneVoice a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #Pinewood { background: url(../images/case-studies/CustomerList/pinewoodGroup.png) no-repeat; height:53px; width:95px; margin: 0 20px 40px 0; float:left;} #Pinewood a:hover { background: url(../images/case-studies/CustomerList/pinewoodGroupDown.png) no-repeat; height:53px; width:95px} #Pinewood a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #PixarStudios { background: url(../images/case-studies/CustomerList/pixarStudios.png) no-repeat; height:53px; width:223px; margin: 0 20px 40px 0; float:left;} #PixarStudios a:hover { background: url(../images/case-studies/CustomerList/pixarStudiosDown.png) no-repeat; height:53px; width:223px} #PixarStudios a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #RSA { background: url(../images/case-studies/CustomerList/rsaArchitects.png) no-repeat; height:53px; width:84px; margin: 0 20px 40px 0; float:left;} #RSA a:hover { background: url(../images/case-studies/CustomerList/rsaArchitectsDown.png) no-repeat; height:53px; width:84px} #RSA a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #SaturdayNightLive { background: url(../images/case-studies/CustomerList/saturdayNightLive.png) no-repeat; height:53px; width:53px; margin: 0 20px 40px 0; float:left;} #SaturdayNightLive a:hover { background: url(../images/case-studies/CustomerList/saturdayNightLiveDown.png) no-repeat; height:53px; width:53px} #SaturdayNightLive a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #Shell { background: url(../images/case-studies/CustomerList/shell.png) no-repeat; height:53px; width:57px; margin: 0 20px 40px 0; float:left;} #Shell a:hover { background: url(../images/case-studies/CustomerList/shellDown.png) no-repeat; height:53px; width:57px} #Shell a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #TedsHotDogs { background: url(../images/case-studies/CustomerList/tedsHotDogs.png) no-repeat; height:53px; width:86px; margin: 0 20px 40px 0; float:left;} #TedsHotDogs a:hover { background: url(../images/case-studies/CustomerList/tedsHotDogsDown.png) no-repeat; height:53px; width:86px} #TedsHotDogs a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #TombrasGroup { background: url(../images/case-studies/CustomerList/tombrasGroup.png) no-repeat; height:53px; width:53px; margin: 0 20px 40px 0; float:left;} #TombrasGroup a:hover { background: url(../images/case-studies/CustomerList/tombrasGroupDown.png) no-repeat; height:53px; width:53px} #TombrasGroup a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #WaltDisney { background: url(../images/case-studies/CustomerList/waltDisney.png) no-repeat; height:53px; width:136px; margin: 0 20px 40px 0; float:left;} #WaltDisney a:hover { background: url(../images/case-studies/CustomerList/waltDisneyDown.png) no-repeat; height:53px; width:136px} #WaltDisney a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #WarnerBrothers { background: url(../images/case-studies/CustomerList/warnerBrothers.png) no-repeat; height:53px; width:51px; margin: 0 20px 40px 0; float:left;} #WarnerBrothers a:hover { background: url(../images/case-studies/CustomerList/warnerBrothersDown.png) no-repeat; height:53px; width:51px} #WarnerBrothers a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} #YStudios { background: url(../images/case-studies/CustomerList/yStudios.png) no-repeat; height:53px; width:43px; margin: 0 20px 40px 0; float:left;} #YStudios a:hover { background: url(../images/case-studies/CustomerList/yStudiosDown.png) no-repeat; height:53px; width:43px} #YStudios a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} /* Search Box */ #SearchFrame {width:175px; height:33px; position:relative; left:312px; top:34px; float:left;} /*NEW Sub Menu*/ .LeftButton { width: 120px; height: 26px; color:#FFFFFF; background: #868686; /* Old browsers */ background: -moz-linear-gradient(top, #868686 0%, #6f6f6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868686), color-stop(100%,#6f6f6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #868686 0%,#6f6f6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #868686 0%,#6f6f6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #868686 0%,#6f6f6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #868686 0%,#6f6f6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#6f6f6f',GradientType=0 ); /* IE6-9 */ border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0; line-height:13px;} .LeftButton a:hover { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0;} .LeftButton a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .Button a:visited { color:#FFFFFF} .CentreButton { width: 120px; height: 26px; color:#FFFFFF; background: #868686; /* Old browsers */ background: -moz-linear-gradient(top, #868686 0%, #6f6f6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868686), color-stop(100%,#6f6f6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #868686 0%,#6f6f6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #868686 0%,#6f6f6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #868686 0%,#6f6f6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #868686 0%,#6f6f6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#6f6f6f',GradientType=0 ); /* IE6-9 */} .CentreButton a:hover { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;} .CentreButton a:active { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;} .CentreButton a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .CentreButton a:visited { color:#FFFFFF} .RightButton { width: 120px; height: 26px; color:#FFFFFF; background: #868686; /* Old browsers */ background: -moz-linear-gradient(top, #868686 0%, #6f6f6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868686), color-stop(100%,#6f6f6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #868686 0%,#6f6f6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #868686 0%,#6f6f6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #868686 0%,#6f6f6f 100%); /* IE10+ */ background: linear-gradient(to bottom, #868686 0%,#6f6f6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868686', endColorstr='#6f6f6f',GradientType=0 ); /* IE6-9 */ border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0; line-height:13px;} .RightButton a:hover { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0;} .RightButton a:link { display:block; width:100%; height:100%; color:#fff; text-decoration: none;} /*NEW Sub Menu buttons stay selected*/ /*.productListSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0;}*/ .productListSelected, .competitionsSelected, .magazineSelected, .registerSelected, .demoSelected, .upgradesSelected, .forumSelected, .onlineStoreSelected, .volumeSelected, .supportFormSelected, .softwareCallSelected, .forum2Selected, .training2Selected, .caseStudiesSelected, .usersSelected, .aboutUsSelected, .pressRoomSelected, .jobsSelected, .linksSelected, .contactUsSelected, .liveChatSelected, .softwareUpdatesSelected {-webkit-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #CaseStudyNew #Community, #MicrospotArticles #Community, #Education #EducationArea {-webkit-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} /*.competitionsSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.magazineSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.registerSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.demoSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.upgradesSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.forumSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.trainingSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0;}*/ /*.onlineStoreSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0;}*/ /*.volumeSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0;} /*.supportFormSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0;}*/ /*.softwareCallSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.softwareUpdatesSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.forum2Selected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.training2Selected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0;}*/ /*.caseStudiesSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.usersSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.aboutUsSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0;}*/ /*.pressRoomSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.jobsSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.linksSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /*.contactUsSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0;}*/ /*.liveChatSelected { background-color:#333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000;}*/ /* Frame for Follow and Feedback buttons*/ #followFeedbackFrame {width: 62px; height: 300px; position:fixed; top:153px; right:0px; z-index:100000;} /*FOLLOW links on the side of the page*/ #mainFollow { width: 62px; height: 232px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); background-color:#FFFFFF; border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; -webkit-border-radius: 7px 0 0 7px; } #facebook { width: 62px; height: 58px; border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0; background-color:#FFFFFF;} #facebook a:hover {background-color: #333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0; } #facebook a:link { display:block; width:100%; height:100%; } .facebook { background:url(../images/facebook.png) no-repeat center center; } .facebook:hover { background:url(../images/facebookOff.png) no-repeat center center; } #twitter { width: 62px; height: 58px; background-color:#FFFFFF;} #twitter a:hover {background-color: #333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; } #twitter a:link { display:block; width:100%; height:100%; } .twitter { background:url(../images/twitter.png) no-repeat center center; } .twitter:hover { background:url(../images/twitterOff.png) no-repeat center center; } #wordpress { width: 62px; height: 58px; background-color:#FFFFFF;} #wordpress a:hover {background-color: #333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; } #wordpress a:link { display:block; width:100%; height:100%; } .wordpress { background:url(../images/wordpress.png) no-repeat center center; } .wordpress:hover { background:url(../images/wordpressOff.png) no-repeat center center; } #youtube { width: 62px; height: 58px; border-radius: 0 0 0 7px; -moz-border-radius: 0 0 0 7px; -webkit-border-radius: 0 0 0 7px; background-color:#FFFFFF;} #youtube a:hover {background-color: #333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 0 0 0 7px; -moz-border-radius: 0 0 0 7px; -webkit-border-radius: 0 0 0 7px; } #youtube a:link { display:block; width:100%; height:100%; } .youtube { background:url(../images/youtube.png) no-repeat center center; } .youtube:hover { background:url(../images/youtubeOff.png) no-repeat center center; } /*FEEDBACK NEW ibox display*/ #feedbackcontainer { width: 900px; height:650px; background-color:#333333; position:relative; z-index:10000000 } /* FEEDBACK Form slider panel */ #feedbackFormMain { width: 100%; height: 550px; background: #333; position:relative; top: 0; left:0; -webkit-box-shadow: inset 0 -3px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 -3px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 -3px 5px rgba(0, 0, 0, 0.5); border-bottom: 1px solid #000000; background: #474747; /* Old browsers */ background: -moz-linear-gradient(top, #474747 0%, #262626 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#262626)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #474747 0%,#262626 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #474747 0%,#262626 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #474747 0%,#262626 100%); /* IE10+ */ background: linear-gradient(to bottom, #474747 0%,#262626 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#262626',GradientType=0 ); /* IE6-9 */ } #feedback { width: 120px; height: 120px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background-color:#FFFFFF; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; margin: 30px 0 0 0; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 16px; font-weight:bold; color:#333; text-transform:uppercase; text-decoration: none; text-align: center; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); line-height: 60px;} #feedback a { font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 16px; font-weight:bold; color:#333; text-transform:uppercase; text-decoration: none; } #feedback a:hover {background-color: #333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; color: #fff; text-decoration: none; } #feedback a:link {display:block; width:100%; height:100%; } .textrotate { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);} /*FEEDBACK FORM elements*/ .feedbackTitle { font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 40px; font-weight:bold; color:#ffffff; line-height: 1; text-shadow: 0 0 5px rgba(0, 0, 0, 1); text-align: center; } .feedbackSubTitle { font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 16px; font-weight:bold; color:#cccccc;} .requiredField { font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 16px; font-weight:bold; color:#39F;} #submitClearButtons { width: 100%; height: 50px; margin: 0 auto 0 auto; float:left; } #mainFormContent { width: 800px; height: 250px; margin: 0 auto 0 auto; } #feedbackFormElements { width: 390px; height: 40px; text-align:right;} #feedbackFormElementsMain { width: 390px; height: 200px;} .formElementTitles { font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 16px; font-weight:bold; color:#ffffff; margin-right: 10px; line-height: 40px} .textBoxes { width: 275px; height: 30px; background: #666; border: 1px solid #999; -webkit-box-shadow: inset 0 0 5px #333; -moz-box-shadow: inset 0 0 5px #333; box-shadow: inset 0 0 5px #333; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; text-indent: 10px; } .textBoxes2 { width: 245px; height: 30px; background: #666; border: 1px solid #999; -webkit-box-shadow: inset 0 0 5px #333; -moz-box-shadow: inset 0 0 5px #333; box-shadow: inset 0 0 5px #333; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; text-indent: 10px; } #feedbackForm select { -webkit-appearance: none; -moz-appearance: none; appearance:none; width: 249px; height: 30px; background: url(../images/arrowsSelect.png) no-repeat; background-color:#666666; background-position:right; border: 1px solid #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; text-indent: 10px; -webkit-box-shadow: inset 0 0 5px #333; -moz-box-shadow: inset 0 0 5px #333; box-shadow: inset 0 0 5px #333; outline:none; vertical-align:bottom} .describeBox { width: 255px; height: 58px; background: #666; border: 1px solid #999; -webkit-box-shadow: inset 0 0 5px #333; -moz-box-shadow: inset 0 0 5px #333; box-shadow: inset 0 0 5px #333; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; padding: 10px; } .close-button {width:28px; height:28px; border: 1px solid #000000; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; line-height:28px; background: #73b3f2; /* Old browsers */ background: -moz-linear-gradient(top, #73b3f2 0%, #447bc3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b3f2), color-stop(100%,#447bc3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* IE10+ */ background: linear-gradient(to bottom, #73b3f2 0%,#447bc3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b3f2', endColorstr='#447bc3',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size:11px; color:#ffffff; text-align:center; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);; box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); cursor:pointer;} .close-button a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .close-button a:visited {color:#fff;} .close-button:hover {border: 1px solid #000000; background: #003d79; /* Old browsers */ background: -moz-linear-gradient(top, #003d79 0%, #002e5c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003d79), color-stop(100%,#002e5c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #003d79 0%,#002e5c 100%); /* IE10+ */ background: linear-gradient(to bottom, #003d79 0%,#002e5c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d79', endColorstr='#002e5c',GradientType=0 ); /* IE6-9 */} /* Clear and submit buttons*/ .clear-button {width:108px; height:26px; border: 1px solid #000000; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; background: #73b3f2; /* Old browsers */ background: -moz-linear-gradient(top, #73b3f2 0%, #447bc3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b3f2), color-stop(100%,#447bc3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #73b3f2 0%,#447bc3 100%); /* IE10+ */ background: linear-gradient(to bottom, #73b3f2 0%,#447bc3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b3f2', endColorstr='#447bc3',GradientType=0 ); /* IE6-9 */ font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size:11px; color:#ffffff; text-align:center; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);; box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); cursor:pointer;} .clear-button a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .clear-button a:visited {color:#fff;} .clear-button:hover {border: 1px solid #000000; background: #003d79; /* Old browsers */ background: -moz-linear-gradient(top, #003d79 0%, #002e5c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003d79), color-stop(100%,#002e5c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #003d79 0%,#002e5c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #003d79 0%,#002e5c 100%); /* IE10+ */ background: linear-gradient(to bottom, #003d79 0%,#002e5c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d79', endColorstr='#002e5c',GradientType=0 ); /* IE6-9 */} /* STAR rating for feedback form*/ .rating { overflow: hidden; display: inline-block; } .rating-input { position: absolute; left: 0; top: -50px; } .rating-star { cursor: pointer; display: block; width: 24px; height: 16px; background: url(../images/starsOff.png) no-repeat; } .rating-star:hover { background: url(../images/stars.png) no-repeat; } .rating-star { float: right; display: block; width: 24px; height: 16px; background: url(../images/starsOff.png) no-repeat; } .rating-star:hover, .rating-star:hover ~ .rating-star { background: url(../images/stars.png) no-repeat; } .rating-star:hover, .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star { background: url(../images/stars.png) no-repeat; } .rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star { background: url(../images/stars.png) no-repeat; } .rating-star, .rating:hover .rating-star { float: right; display: block; width: 24px; height: 16px; background: url(../images/starsOff.png) no-repeat; } /* COOKBOOK */ .title {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; list-style:none;} .description {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; list-style:none;} .steps {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:1.5;} .stepsNote {color:#999999;} #additionalNote {width:520px; padding:20px; height:auto; background-color:#F7F9F9; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:1.5;} .facebookFollow {width:28px; height:28px; background-color:#4B6FB0; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:#ffffff; text-align:center; float:left; margin: 0 20px 0 0;} .facebookFollow a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .facebookFollow a:visited {color:#fff;} .facebookFollow:hover {background-color: #3A578C;} .twitterFollow {width:28px; height:28px; background-color:#3AC3F3; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:#ffffff; text-align:center; float:left; margin: 0 20px 0 0;} .twitterFollow a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .twitterFollow a:visited {color:#fff;} .twitterFollow:hover {background-color: #30A5CE;} .youtubeFollow {width:28px; height:28px; background-color:#E84C3D; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:#ffffff; text-align:center; float:left; margin: 0 20px 0 0;} .youtubeFollow a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .youtubeFollow a:visited {color:#fff;} .youtubeFollow:hover {background-color: #C1392B;} .wordpressFollow {width:28px; height:28px; background-color:#F1C40F; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:#ffffff; text-align:center; float:left; margin: 0 20px 0 0;} .wordpressFollow a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .wordpressFollow a:visited {color:#fff;} .wordpressFollow:hover {background-color: #F39C11;} #users .list { font-family:sans-serif; margin:0; padding:20px 0 0; } #users .list > li { display:block; background-color: #ffffff; padding:10px; box-shadow: inset 0 1px 0 #fff; list-style-type:none; } #users .avatar { max-width: 150px; } #users img { max-width: 100%; } #users h3 { font-size: 16px; margin:0 0 0.3rem; font-weight: normal; font-weight:bold; } #users p { margin:0; } #users input { border:solid 1px #ccc; padding:7px 14px; margin-bottom:10px; width:540px; height:20px; -webkit-box-shadow: inset 0 0 3px #F3F3F3; -moz-box-shadow: inset 0 0 3px #F3F3F3; box-shadow: inset 0 0 3px #ECECEC; } #users input:focus { outline:none; border-color:#aaa; -webkit-box-shadow: 0 0 3px #F3F3F3; -moz-box-shadow: 0 0 3px #F3F3F3; box-shadow: 0 0 3px #ECECEC; background-color:#F5F9FF; } #users .sort { padding:8px 30px; border-radius: 6px; border:none; display:inline-block; color:#fff; text-decoration: none; background-color: #28a8e0; height:30px; } #users .sort:hover { text-decoration: none; background-color:#1b8aba; } #users .sort:focus { outline:none; } #users .sort:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; content:""; position: relative; top:-10px; right:-5px; } #users .sort.asc:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; content:""; position: relative; top:13px; right:-5px; } #users .sort.desc:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; content:""; position: relative; top:-10px; right:-5px; } #infoContainer {width:220px; height:900px; float:right; margin:40px 30px 0 0;} #buyBtnContainer {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width:220px; height:240px; float:right; border:1px solid #CCC;} .cook-title {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; text-align:center; line-height:20px; margin:20px 0 0 0 } .cook-subtitle {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-align:center; margin: 0 0 20px 0} .buyCook-button {width:168px; height:37px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #1B72C8; font-family: Arial, Helvetica, sans-serif font-size:11px; color:#ffffff; text-align:center; cursor:pointer; font-size:12px; line-height:37px; margin:0 auto 0 auto;} .buyCook-button a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .buyCook-button a:visited {color:#fff;} .buyCook-button:hover {background-color: #003d79;} .buyCookdl-button {width:168px; height:37px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #E5E5E5; font-family: Arial, Helvetica, sans-serif font-size:11px; color:#666; text-align:center; cursor:pointer; font-size:12px; line-height:37px; margin:10px auto 10px auto} .buyCookdl-button a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .buyCoodlk-button a:visited {color:#fff;} .buyCookdl-button:hover {background-color: #BBBBBB;} .tryCook-button {width:168px; height:37px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #333333; font-family: Arial, Helvetica, sans-serif font-size:11px; color:#ffffff; text-align:center; cursor:pointer; font-size:12px; line-height:37px; margin:0 auto 0 auto} .tryCook-button a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .tryCook-button a:visited {color:#fff;} .tryCook-button:hover {background-color: #000000;} .quotationMark {font-family:Arial, Helvetica, sans-serif; font-size:80px; font-weight:normal; height:40px; width:auto; color:#1B72C8;} .quotation {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; width:auto; color:#333333; font-style:italic; width:170px; margin:0 auto 0 auto; line-height:1.5;} .keyboardShortcuts {border:1px solid #999; background-color: #ffffff; padding:2px 5px 2px 5px;} /*BREADCRUMBS*/ .breadcrumbs {display: block; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000000; width:750px; height:20px;} .breadcrumbs .current {color:#333333;} .breadcrumbs a {text-decoration:none;} .breadcrumbs .divide {color:#999; margin:0 5px 0 5px;} /* LIBRARY */ .imageFrame {width:555px; height:390px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #CCC;} .symPreview {width:430px; height:235px; margin:10px auto 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#003399; font-weight:bold; text-align:center;} .priceTagContanier {margin:25px auto 0 auto; width:150px; height:60px; position:relative;} .priceTag {width: 100px; height:60px; font-family:Arial, Helvetica, sans-serif; font-size:58px; color:#333; font-weight:normal; text-align:right; position:absolute; top:0; left:0;} .priceTagSmall {width: 50px; height:55px; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#333; font-weight:normal; text-align:left; position:absolute; top:0; right:0; padding-top:5px;} .freeCatalogTitle {width: 100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#333; font-weight:bold; text-align:center;} .freeCatalogSub {width: 100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333; font-weight:bold; text-align:center;} .freeCatalogBody {width: 100%; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:normal; text-align:center;} /* REVIEWS */ #reviewContainer {width:100%; height:auto;} #reviewContainer p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:1.5;} .reviewColumn {width:251px; height:420px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:13px; line-height:1.2; text-align:left;} .column {padding:0 25px 0 25px;} /* PURE CHAT */ #chat { width: 165px; height: 165px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background-color:#0D59A7; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; margin: 30px 0 0 0; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 16px; font-weight:bold; color:#ffffff; text-transform:uppercase; text-decoration: none; text-align: left; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); line-height: 60px; cursor:pointer} #chat:hover {background-color: #333; -webkit-box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 0 5px #000; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; color: #ffffff; text-decoration: none; } .textrotate2 { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);} .buyPC-button {width:225px; height:60px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #1B72C8; font-family: Arial, Helvetica, sans-serif font-size:11px; color:#ffffff; text-align:left; cursor:pointer; font-size:17px; line-height:60px; margin:0 auto 0 auto;} .buyPC-button a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .buyPC-button a:visited {color:#fff;} .buyPC-button:hover {background-color: #003d79;} /* HOMEPAGE CONTACT */ .homeContact { width:190px; height:20px; padding-top:5px; position:relative; right:35px; top:4px; float:right; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:15px; font-weight:bold;} /* NEW HOMEPAGE */ #footerContainer {width:973px; height:465px; float:left; text-align:center; margin-top:25px; margin-bottom: 20px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background-color: #ffffff;} #upperFooter {width:973px; height:200px; float:left; text-align:center; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; -webkit-box-shadow: background-color: #ffffff;} #lowerFooter {width:973px; height:265px; float:left; text-align:center; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif; border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; background-color: #333333;} .footerLink a {color:#FFFFFF; text-decoration:none;} .footerLink a:hover {color:#999999; text-decoration:none} .footerLink a:visited {color:#FFFFFF; text-decoration:none;} .facebookLink {width:38px; height:38px; background-color:#4B6FB0; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#ffffff; font-weight:normal; line-height:38px; text-align:center; margin-top:0;} .facebookLink:hover {width:38px; height:38px; background-color:#3A578C} .facebookLink a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .facebookLink a:visited {color:#fff;} .youtubeLink {width:38px; height:38px; background-color:#E84C3D; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#ffffff; font-weight:normal; line-height:38px; text-align:center; margin-top:15px;} .youtubeLink:hover {width:38px; height:38px; background-color:#B93C32} .youtubeLink a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .youtubeLink a:visited {color:#fff;} .twitterLink {width:38px; height:38px; background-color:#3AC3F3; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#ffffff; font-weight:normal; line-height:38px; text-align:center; margin-top:15px;} .twitterLink:hover {width:38px; height:38px; background-color:#30A5CE} .twitterLink a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .twitterLink a:visited {color:#fff;} .wordpressLink {width:38px; height:38px; background-color:#F1C40F; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#ffffff; font-weight:normal; line-height:38px; text-align:center; margin-top:15px;} .wordpressLink:hover {width:38px; height:38px; background-color:#B2910B} .wordpressLink a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .wordpressLink a:visited {color:#fff;} .footerTopTitle {font-family: 'Lato', sans-serif; font-weight:300; font-size:22px; color:#333333; text-align:left; line-height:40px;} .footerTopText {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#666666; text-align:left; line-height:20px;} .footerHeaderLink {font-family: 'Lato', sans-serif; font-weight:300; font-size:22px; color:#333; text-decoration:none;} .footerHeaderLink:hover {color:#333;} .footerHeaderLink:visited {color:#333;} .sliderHomeContainer {width:973px; height:500px; padding:0; border-radius: 7px 7px 0 0 ; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; text-align:center;} .sliderHomeBottom {width:973px; height:53px; background: #0d59a7; /* Old browsers */ background: -moz-linear-gradient(top, #0d59a7 0%, #024383 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d59a7), color-stop(100%,#024383)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0d59a7 0%,#024383 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0d59a7 0%,#024383 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0d59a7 0%,#024383 100%); /* IE10+ */ background: linear-gradient(to bottom, #0d59a7 0%,#024383 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d59a7', endColorstr='#024383',GradientType=0 ); /* IE6-9 */ border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; padding:0} .homeSlideBuy {width:144px; height:36px; background-color:#3093F6; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:36px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-font-smoothing: subpixel-antialiased} .homeSlideBuy:hover {background-color:#2C7FBA} .homeSlideBuy a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .homeSlideBuy a:visited {color:#fff;} .homeSlideLearn {width:144px; height:36px; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:36px; text-align:center; border: 1px solid #FFF; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-font-smoothing: subpixel-antialiased} .homeSlideLearn:hover {border: 1px solid #666666;} .homeSlideLearn a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .homeSlideLearn a:visited {color:#fff;} .productHomeFrame {width:270px; height:420px; border: 1px solid #EEEFF2;} .homeProductTitle {font-family: 'Lato', sans-serif; font-weight:400; font-size:18px; color:#333333; text-align:center;} .homeProductText {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; text-align:center;} .homeProductLearn {width:162px; height:38px; background-color:#333333; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:38px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .homeProductLearn:hover {background-color:#000000} .homeProductLearn a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .homeProductLearn a:visited {color:#fff;} #slideContent {width:933px; height:auto; text-align:left; padding: 20px 20px 20px 20px; margin:0; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background-color:#FFFFFF; clear:both; } .homeTutorialBuy {width:269px; height:36px; background-color:#E84C3D; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:36px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .homeTutorialBuy:hover {background-color:#B93C32} .homeTutorialBuy a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .homeTutorialBuy a:visited {color:#fff;} .homeContentTitle {font-family: 'Lato', sans-serif; font-weight:300; text-align:left;} .homeContentTitleUltraLight {font-family: 'Lato', sans-serif; font-weight:100; text-align:left;} .homePlanGraphicsBuy {width:175px; height:36px; background-color:#86C342; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:36px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .homePlanGraphicsBuy:hover {background-color:#72A739} .homePlanGraphicsBuy a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .homePlanGraphicsBuy a:visited {color:#fff;} .homePlanLearn {width:144px; height:36px; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:36px; text-align:center; border: 1px solid #FFF; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .homePlanLearn:hover {border: 1px solid #CCC;} .homePlanLearn a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .homePlanLearn a:visited {color:#fff;} #caseStudyLink {font-family: 'Lato', sans-serif; font-weight:300; text-align:left; color:#333333;} #caseStudyLink a {color: #3598DB; text-decoration:none;} #caseStudyLink a:hover {color:#1F65AB;} #sliderNext {width:40px; height:56px; font-family: 'Lato', sans-serif; font-weight:100; font-size:50px; text-transform:uppercase; color:#999999; line-height:56px; text-align:center; margin: 22px 30px 0 0;} #sliderNext a {color:#999999; text-decoration:none;} #sliderNext a:hover {color:#333333;} #sliderPrevious {width:40px; height:56px; font-family: 'Lato', sans-serif; font-weight:100; font-size:50px; text-transform:uppercase; color:#999999; line-height:56px; text-align:center; margin: 22px 0 0 30px;} #sliderPrevious a {color:#999999; text-decoration:none;} #sliderPrevious a:hover {color:#333333;} #sliderNext2 {width:15px; height:15px; font-family: 'Lato', sans-serif; font-weight:100; font-size:15px; text-transform:uppercase; color:#cccccc; line-height:15px; text-align:right; margin: 0 0 0 0;} #sliderNext2 a {color:#cccccc; text-decoration:none;} #sliderNext2 a:hover {color:#3598DB;} #sliderPrevious2 {width:15px; height:15px; font-family: 'Lato', sans-serif; font-weight:100; font-size:15px; text-transform:uppercase; color:#cccccc; line-height:15px; text-align:left; margin: 0 0 0 0;} #sliderPrevious2 a {color:#cccccc; text-decoration:none;} #sliderPrevious2 a:hover {color:#3598DB;} #sliderNext3 {width:15px; height:15px; font-family: 'Lato', sans-serif; font-weight:100; font-size:15px; text-transform:uppercase; color:#cccccc; line-height:15px; text-align:right; margin: 0 0 0 0;} #sliderNext3 a {color:#cccccc; text-decoration:none;} #sliderNext3 a:hover {color:#3598DB;} #sliderPrevious3 {width:15px; height:15px; font-family: 'Lato', sans-serif; font-weight:100; font-size:15px; text-transform:uppercase; color:#cccccc; line-height:15px; text-align:left; margin: 0 0 0 0;} #sliderPrevious3 a {color:#cccccc; text-decoration:none;} #sliderPrevious3 a:hover {color:#3598DB;} /*QUICKSAND*/ /*- FILTER OPTIONS -*/ ul#filterOptions { width: 973px; height: 48px; overflow: hidden; text-align:center; margin:0; padding:0; border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; list-style-type:none; } ul#filterOptions li, div#templates { width:194px; height: 48px; display: inline-block; float: left; } ul#filterOptions li a, div#templates a { height: 48px; background: #333333; color: #fff; font-weight: bold; line-height: 48px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:300; font-size:12px; text-transform:uppercase; -webkit-font-smoothing: subpixel-antialiased; } ul#filterOptions li a:hover, div#templates a:hover { background: #3598DB; } ul#filterOptions li.active a, div#templates.active a { background: #3598DB; } /*- -*/ /*- OUR DATA HOLDER -*/ ul.ourHolder { width: 900px; height:auto; overflow: hidden; margin: 0 auto 0 auto; padding:0; list-style-type:none; } ul.ourHolder li.item { width: 250px; height: 420px; float: left; text-align: center; overflow: hidden; padding:0; border: 1px solid #EEEFF2; margin: 24px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } /*- -*/ /*- OUR DATA HOLDER -*/ ul.ourHolder2 { width: 900px; height:auto; overflow: hidden; margin: 0 auto 0 auto; padding:0; list-style-type:none; } ul.ourHolder2 li.item { width: 250px; height: 420px; float: left; text-align: center; overflow: hidden; padding:0; border: 1px solid #EEEFF2; margin: 9px; } /*- -*/ /*- OUR DATA HOLDER -*/ ul.ourHolder3 { width: 972px; height:auto; overflow: hidden; margin: 0 auto 0 auto; padding:0; list-style-type:none; } ul.ourHolder3 li.item { width: 323px; height: 386px; text-align: center; overflow: hidden; padding:0; margin:0; border-top: none; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; border-left: none; float:left; } ul.ourHolder3 li.item img { margin: 40px 0 35px 0; } ul.ourHolder3 li.item .storeproducttitle a { color: #06F; text-decoration:none; } ul.ourHolder3 li.item .storeproducttitle a:hover { color: #0000FF; text-decoration:none; } ul.ourHolder3 li.item .storeproducttitle a:visited { color: #06F; text-decoration:none; } /*- -*/ /*- OUR DATA HOLDER -*/ ul.ourHolder4 { width: 890px; height:auto; overflow: hidden; margin: 0 auto 0 auto; padding:0; list-style-type:none; } ul.ourHolder4 li.item { width: 888px; height: 330px; text-align: center; overflow: hidden; padding:0; margin:60px auto 0 auto; border: 1px solid #E1E2E8; float:left; } ul.ourHolder4 li.item img { margin: 25px 0 10px 0; } ul.ourHolder4 li.item .storeproducttitle a { color: #06F; text-decoration:none; } ul.ourHolder4 li.item .storeproducttitle a:hover { color: #0000FF; text-decoration:none; } ul.ourHolder4 li.item .storeproducttitle a:visited { color: #06F; text-decoration:none; } ul.ourHolder4 li.item form select { width:185px; font-size:11px; } ul.ourHolder4 li.item form ul { width: 85%; height:110px; overflow: hidden; margin: 20px auto 0 auto; padding:0; list-style:disc outside none; font-family: 'Lato', sans-serif; color:#333333; text-align:left; padding-left:25px; } #productSelectContainer {width:973px; height:270px; text-align:left; margin:0 0 25px 0; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:0; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background-color:#34495E; clear:both; } #search_input {width:777px; height:40px; background: url(../images/searchicon.png) no-repeat left #FFFFFF; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:7px 7px 7px 50px; border:0; margin:30px auto 0 auto; font-family: 'Lato', sans-serif; font-weight:300; font-size:27px; line-height:54px;} #search_input:focus {outline:none; background-color:#F5F9FF;} /*form styles*/ #msform { width: 950px; margin: 50px auto; text-align: center; position: relative; } #msform fieldset { background: white; border: 0 none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); padding: 20px 30px; box-sizing: border-box; width: 80%; margin: 0 10%; /*stacking fieldsets above each other - CHANGE to hide and show*/ position: absolute; } /*Hide all except first fieldset*/ #msform fieldset:not(:first-of-type) { display: none; } /*inputs*/ #msform input, #msform textarea { padding: 15px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: 'Lato', sans-serif; font-weight:300; color: #2C3E50; font-size: 15px; } /*buttons*/ #msform .action-button { width: 100px; background: #45A0D9; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } #msform .action-button:hover, #msform .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #45A0D9; } /*headings*/ .fs-title { font-size: 15px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px; font-family: 'Lato', sans-serif; font-weight:300; } .fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; font-family: 'Lato', sans-serif; font-weight:300; } /*progressbar*/ #progressbar { margin-bottom: 30px; overflow: hidden; /*CSS counters to number the steps*/ counter-reset: step; } #progressbar li { list-style-type: none; color: white; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight:300; font-size: 13px; width: 31.8%; float: left; position: relative; } #progressbar li:before { content: counter(step); counter-increment: step; width: 32px; line-height: 32px; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size: 14px; color: #333; background: white; border-radius: 3px; margin: 0 auto 5px auto; position:relative; z-index:2; } /*progressbar connectors*/ #progressbar li:after { content: ""; width: 100%; height: 2px; background: white; position: absolute; left: -50%; top: 15px; } #progressbar li:first-child:after { /*connector not needed before the first step*/ content: none; } /*marking active/completed steps green*/ /*The number of the step and the connector before it = green*/ #progressbar li.active:before, #progressbar li.active:after{ background: #45A0D9; color: white; } #productSelect {width:700px; height:330px; margin:0 auto 10px auto; list-style-type:none; text-align:center; padding:0; overflow:hidden} #productSelect ul {list-style-type: none; text-align: center; padding: 0; overflow: hidden;} #productSelect li {width:150px; height:135px; display: inline-block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #D0D0D0; background-color: #f8f8f8; cursor:pointer; color:#333333; margin:10px;} #productSelect li:hover, #productSelect li:focus {border:1px solid #216A9B; background-color: #45A0D9; color:#ffffff;} #versionSelect {width:700px; height:90px; margin:0 auto 10px auto; list-style-type:none; text-align:center; padding:0; overflow:hidden} #versionSelect ul {list-style-type: none; text-align: center; padding: 0; overflow: hidden;} #versionSelect li {width:65px; height:60px; display: inline-block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #D0D0D0; background-color: #f8f8f8; cursor:pointer; color:#333333; margin:8px; font-family: 'Lato', sans-serif; font-weight:300; font-size:30px;} #versionSelect li:hover, #versionSelect li:focus {border:1px solid #216A9B; background-color: #45A0D9; color:#ffffff;} .upgradePanelContainer {width:652px; height:152px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f8f8f8; border: 1px solid #E1E2E8; margin: 30px auto 20px auto; overflow:hidden;} .upgradePrice {font-family: 'Lato', sans-serif; font-weight:300; font-size: 30px; color:#333; text-align:center;} .upgradeTax {font-family: 'Lato', sans-serif; font-weight:300; font-size: 15px; color:#333; text-align:center;} .upgradeInfo {font-family: 'Lato', sans-serif; font-weight:400; font-size: 13px; color:#333; text-align:center;} /*LIMITED EDITION MACDRAFT*/ #topTitleContainer {width:100%; height:145px; padding:0; margin:0; overflow:hidden; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; background-color:#333333; } .limitedTopTitle {font-family: 'Lato', sans-serif; font-weight:300; font-size: 30px; color:#F1D285; text-align:left; line-height:40px; padding:0; margin:0} .limitedTopSubTitle {font-family: 'Lato', sans-serif; font-weight:300; font-size: 15px; color:#ffffff; text-align:left; line-height:37px; padding:0; margin:0} #topContentContainer {width:100%; height:475px; padding:0; margin:0; overflow:hidden; position:relative;} #bottomTitleContainer {width:100%; height:46px; padding:0; margin:0; overflow:hidden; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; background-color:#333333; } #bottomContentContainer {width:100%; height:949px; padding:0; margin:0; overflow:hidden; border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; background-color:#2A2A2A; } #ProductsMacDraftLimited #Content2 {padding:0; width:973px; overflow:auto;} #HomeMain #Content2 {padding:0; width:973px; height:auto; overflow:auto; margin:0;} #ProductsDemos #Content2 {padding:0; width:971px; overflow:auto;} #MicrospotArticles #Content2 {padding:0; width:971px; overflow:auto;} #ProductsNEW #Content2 {padding:0; width:973px; overflow:auto;} #CrossSell #Content2 {padding:0; width:973px; overflow:auto;} #limitedNav {width:340px; height:46px; margin:0 auto 0 auto; padding:0; line-height:46px; overflow:auto;} #limitedNav ul {list-style-type:none; padding:0; margin:0; line-height:46px; overflow:auto;} #limitedNav li {width:170px; height:46px; display:inline-block; cursor:pointer; background-color:#EECE83; text-align:center; color:#333333; font-size:12px; font-family: 'Lato', sans-serif; font-weight:400; float:left; line-height:46px; margin:0; padding:0; text-transform:uppercase; text-decoration:none} #limitedNav li a {width:170px; height:46px; display:inline-block; cursor:pointer; background-color:#333333; text-align:center; color:#EECE83; font-size:12px; font-family: 'Lato', sans-serif; font-weight:400; float:left; line-height:46px; margin:0; padding:0; text-transform:uppercase; text-decoration:none} #limitedNav li a:hover, #limitedNav li a:focus {background-color: #EECE83; color:#333333;} #vectorSelect {width:658px; height:90px; padding:0; overflow:auto;} #vectorSelect ul {list-style-type:none; padding:0; margin:0; overflow:auto;} #vectorSelect li { width:190px; height:27px; display:inline-block; cursor:pointer; background-color:#3093F6; text-align:center; color:#ffffff; font-size:12px; font-family: 'Lato', sans-serif; font-weight:400; float:left; line-height:27px; margin:5px; padding:0; text-decoration:none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #vectorSelect li a {width:100%; height:27px; display:inline-block; cursor:pointer; background-color:#3093F6; text-align:center; color:#ffffff; font-size:12px; font-family: 'Lato', sans-serif; font-weight:400; float:left; line-height:27px; margin:0; padding:0; text-decoration:none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #vectorSelect li a:hover, #vectorSelect li a:focus {background-color: #2C7FBA; color:#ffffff;} /*STORE NEW*/ #storeContainer {width:900px; margin:30px auto 0 auto; padding:0;} #StoreSearch #Content2 {padding:0; width:973px; overflow:auto; margin:0;} #Education #Content2 {padding:0; width:973px; overflow:auto; margin:0;} #CaseStudyNew #Content2 {padding:0; width:973px; overflow:auto; margin:0;} #livefilter-input {width:777px; height:40px; background: url(../images/searchicon.png) no-repeat left #FFFFFF; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:7px 7px 7px 60px; border: 1px solid #E1E2E8; margin:10px auto 0 auto; font-family: 'Lato', sans-serif; font-weight:300; font-size:27px; line-height:54px;} #livefilter-input:focus {outline:none; background-color:#f8f8f8;} #StoreFilterContainer {width:900px; margin:30px auto 30px auto; padding:0;} #livefilter-list {list-style-type:none; padding:0; margin:0; overflow:hidden;} #livefilter-list li {list-style-type:none; width:272px; height:330px; border: 1px solid #E1E2E8; display:inline-block; margin:13px; padding:0; float:left;} .storeProductPanelTop {width:272px; height:50px;/*background:url(../images/store/MacSymbol.jpg) no-repeat right;*/} .storeProductPanelTop2 {width:272px; height:50px; /*background:url(../images/store/WinSymbol.jpg) no-repeat right;*/} .storeProductPanelTitle { width:272px; height:50px; float:left; margin:0 0 0 0; text-align:center; /*border-right:1px solid #E1E2E8*/ } .storeProductPanelTitle h3 {font-size:15px; font-family: 'Lato', sans-serif; font-weight:400; padding:0; text-decoration:none; text-transform:uppercase; line-height:25px; padding:0; margin:0; color:#333;} .storeProductPanelTitle h3 a {color:#333333; text-decoration:none;} .storeProductPanelTitle h3 a:hover, .storeProductPanelTitle h3 a:focus {color:#3093F6;} .storebuytextleft {float:left; margin-left:20px; text-align:left} .storebuytextright {float:right; margin-right:20px; text-align:right} /* The CSS */ #productlistlab #product { padding:15px; margin-bottom: 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#333; border: 1px solid #ccc; outline:none; box-sizing: border-box; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family: 'Lato', sans-serif; font-weight:300; font-size: 15px; cursor:pointer; width:100%; } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { select {padding-right:18px} } #productlistlab {position:relative;} #productlistlab:after { content:'>'; font-size:40px; font-family: 'Lato', sans-serif; font-weight:100; color:#333; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:-325px; top:-16px; position:absolute; pointer-events:none; } #productlistlab:before { content:''; position:absolute; right:-290px; top:-16px; width:1px; height:48px; background:#ccc; pointer-events:none; display:block; } #formsupportsend { background: white; border: 0 none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); padding: 0; box-sizing: border-box; width: 800px; margin: 70px auto 0 auto; overflow:auto;} /*inputs*/ #formsupportsend form input, #formsupportsend form textarea { padding: 15px 0 15px 15px; border: 1px solid #ccc; background:#fff; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: 'Lato', sans-serif; font-weight:300; color: #333; font-size: 15px; } /*buttons*/ #formsupportsend form .action-button { width: 100px; background: #45A0D9; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; } #formsupportsend form .action-button:hover, #formsupportsend form .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #45A0D9; } /*form styles*/ .msform { width: 950px; margin: 50px auto; text-align: center; position: relative; } .msform fieldset { background: white; border: 0 none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); padding: 20px 30px; box-sizing: border-box; width: 80%; margin: 0 10%; /*stacking fieldsets above each other - CHANGE to hide and show*/ position: absolute; } /*Hide all except first fieldset*/ .msform fieldset:not(:first-of-type) { display: none; } /*inputs*/ .msform input, .msform textarea { padding: 15px 15px 15px 48px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: 'Lato', sans-serif; font-weight:300; color: #2C3E50; font-size: 15px; } /*buttons*/ .msform .action-button { width: 100px; background: #45A0D9; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } .msform .action-button:hover, .msform .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #45A0D9; } #SupportNew #Content2 {padding:0; width:973px; overflow:auto;} #SupportNew .ProductsSubMenu, #SupportNew .subMenuProducts {display:none;} #SupportNew .StoreSubMenu, #SupportNew .subMenuStore {display:none;} #SupportNew .WhereSubMenu, #SupportNew .subMenuWhere {display:none;} #SupportNew .AboutSubMenu, #SupportNew .subMenuAbout {display:none;} .storeproductdate { font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#999999; text-align:left; height:15px; width:100%; line-height:15px } .storeproducttitle { font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#000000; text-align:left; height:50px; width:100%; line-height:25px } .storeproductbody { font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#666666; text-align:left; height:57px; width:100%; line-height:19px } #productHomeFrame {width:285px; height:471px; border: 1px solid #EEEFF2;} .trainingTop { width:100%; height:136px;} /* FLIP CODE TRAINING */ .flipcard { position: relative; width: 275px; height: 527px; perspective: 500px; float:left; margin:12px; } /*.flipcard.v:hover .front,*/ .flipcard.v.flip .front{ transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); } /*.flipcard.v:hover .back*/, .flipcard.v.flip .back{ transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); } .flipcard.v .back{ transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); } /*.flipcard.h:hover .front,*/ .flipcard.h.flip .front{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } /*.flipcard.h:hover .back,*/ .flipcard.h.flip .back{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); } .flipcard.h .back{ transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); } .flipcard .front, .flipcard .back { position:absolute; width: 100%; height: 100%; transition: all 0.5s ease-in; background-color: #ffffff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); overflow:hidden; } .btnOnlineTutBuy {width:111px; height:34px; background-color:#1CBB9B; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:34px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-font-smoothing: subpixel-antialiased} .btnOnlineTutBuy:hover {background-color:#16A086} .btnOnlineTutBuy a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .btnOnlineTutBuy a:visited {color:#fff;} .btnInHouseTutBuy {width:111px; height:34px; background-color:#45A0D9; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:34px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-font-smoothing: subpixel-antialiased} .btnInHouseTutBuy:hover {background-color:#3783B3} .btnInHouseTutBuy a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .btnInHouseTutBuy a:visited {color:#fff;} .btnOnSiteTutBuy {width:111px; height:34px; background-color:#E84C3D; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:34px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-font-smoothing: subpixel-antialiased} .btnOnSiteTutBuy:hover {background-color:#C1392B} .btnOnSiteTutBuy a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .btnOnSiteTutBuy a:visited {color:#fff;} /*training form*/ /*form styles*/ .trainingRequest { width: 440px; margin: 0 auto; text-align: center; position: relative; } .trainingRequest fieldset { background: #f9f9f9; border: 0 none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing: border-box; width: 440px; /*stacking fieldsets above each other - CHANGE to hide and show*/ } /*Hide all except first fieldset*/ .trainingRequest fieldset:not(:first-of-type) { display: none; } /*inputs*/ .trainingRequest input, .trainingRequest textarea { padding: 15px 15px 15px 50px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: 'Lato', sans-serif; font-weight:300; color: #2C3E50; font-size: 15px; background: #f9f9f9; -webkit-font-smoothing: subpixel-antialiased } /*buttons*/ .trainingRequest .action-button { width: 100px; background: #45A0D9; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; -webkit-font-smoothing: subpixel-antialiased } .trainingRequest .action-button:hover, .trainingRequest .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #45A0D9; } /*headings*/ .fs-title { font-size: 15px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px; font-family: 'Lato', sans-serif; font-weight:300; -webkit-font-smoothing: subpixel-antialiased } .fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; font-family: 'Lato', sans-serif; font-weight:300; -webkit-font-smoothing: subpixel-antialiased } /* FLIP CODE COMPETITIONS */ .flipcardComp { position: relative; perspective: 500px; float:left; width:287px; height:420px; margin:11px; } /*.flipcard.v:hover .front,*/ .flipcardComp.v.flip .front{ transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); } /*.flipcard.v:hover .back*/, .flipcardComp.v.flip .back{ transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); } .flipcardComp.v .back{ transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); } /*.flipcard.h:hover .front,*/ .flipcardComp.h.flip .front{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } /*.flipcard.h:hover .back,*/ .flipcardComp.h.flip .back{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); } .flipcardComp.h .back{ transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); } .flipcardComp .front, .flipcardComp .back { position:absolute; width: 100%; height: 100%; transition: all 0.5s ease-in; background-color: #ffffff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); } .flipcardCompSingle { float:left; width:287px; height:420px; margin:11px; background-color: #ffffff; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); } /* FLIP CODE MAGAZINE */ .flipcardMag { position: relative; perspective: 500px; float:left; width:275px; height:392px; margin:12px; } .flipcardMag.v:hover .front, .flipcardMag.v.flip .front{ transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); } .flipcardMag.v:hover .back, .flipcardMag.v.flip .back{ transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); } .flipcardMag.v .back{ transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); } .flipcardMag.h:hover .front, .flipcardMag.h.flip .front{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .flipcardMag.h:hover .back, .flipcardMag.h.flip .back{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); } .flipcardMag.h .back{ transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); } .flipcardMag .front, .flipcardMag .back { position:absolute; width: 100%; height: 100%; transition: all 0.5s ease-in; background-color: #ffffff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); } ul#volumeCDDL { width: 756px; height: 49px; overflow: hidden; text-align:center; margin:0 auto; padding:0; list-style-type:none; } ul#volumeCDDL li { width:222px; height: 49px; display: inline-block; float: left; margin:0 15px 0 15px; } ul#volumeCDDL li a { height: 47px; color: #DDDDDD; font-weight: bold; line-height: 47px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:15px; text-transform:uppercase; -webkit-font-smoothing: subpixel-antialiased; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border:1px solid #DDDDDD; border-bottom:0; } ul#volumeCDDL li a:hover { border:1px solid #999999; border-bottom:0; color:#333333} ul#volumeCDDL li.active a { border:1px solid #999999; border-bottom:1px solid #ffffff; color:#333333; } .volumeproductprice { font-family: 'Lato', sans-serif; font-weight:300; font-size:45px; color:#247FCC; text-align:center; height:50px; width:90%; line-height:50px; margin:10px auto 20px auto; } .volumeproductprice sup { font-size:20px;} /* EDUCATION */ .eduParagraph {width:795px; height:250px; margin:0 auto;} .eduParagraph a { color: #06F; text-decoration:none; } .eduParagraph a:hover { color: #0000FF; text-decoration:none; } .eduParagraph a:visited { color: #06F; text-decoration:none; } .mainLinks a {color: #06F; text-decoration:none;} .mainLinks a:hover {color: #0000FF; text-decoration:none;} .mainLinks a:visited { color: #06F; text-decoration:none; } .mainLinksPurple a {color: #9966FF; text-decoration:none;} .mainLinksPurple a:hover {color: #6F4AB8; text-decoration:none;} .mainLinksPurple a:visited { color: #9966FF; text-decoration:none; } .mainLinksWhite a {color: #ffffff; text-decoration:none;} .mainLinksWhite a:hover {color: #06F !important; text-decoration:none;} .mainLinksWhite a:visited { color: #ffffff; text-decoration:none; } .mainLinksOrange a {color: #F28338; text-decoration:none;} .mainLinksOrange a:hover {color: #ED4F22; text-decoration:none;} .mainLinksOrange a:visited { color: #F28338; text-decoration:none; } .mainLinksGreen a {color: #86C342; text-decoration:none;} .mainLinksGreen a:hover {color: #72A739; text-decoration:none;} .mainLinksGreen a:visited { color: #86C342; text-decoration:none; } .mainLinksGreenMac a {color: #55AB55; text-decoration:none;} .mainLinksGreenMac a:hover {color: #448A43; text-decoration:none;} .mainLinksGreenMac a:visited { color: #55AB55; text-decoration:none; } .eduBullet ul {margin-top:0; padding-top:0; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; text-align:left;} .eduBullet ul li {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; text-align:left;} .greatApps {width:778px; height:50px; margin:20px auto 0 auto;} .greatApps img {margin:0 10px} .educateProduct {width:162px; height:38px; background-color:#86C342; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:38px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .educateProduct:hover {background-color:#72A739} .educateProduct a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .educateProduct a:visited {color:#fff;} .educatePrice { font-family: 'Lato', sans-serif; font-weight:300; font-size:45px; color:#86C342; text-align:center; height:50px; width:90%; line-height:50px; margin:10px auto 20px auto; } .educatePrice sup { font-size:20px;} .educatorPrices form select {width:185px; font-size:11px;} .studentPrices form select {width:80%; font-size:11px;} .remindPrice { font-family: 'Lato', sans-serif; font-weight:300; font-size:45px; color:#333333; text-align:center; height:50px; width:90%; line-height:50px; margin:10px auto 20px auto; } .remindPrice sup { font-size:20px;} ul#educatePricingPlan { width: 916px; height: 55px; overflow: hidden; text-align:center; margin:0 auto; padding:0; list-style-type:none; } ul#educatePricingPlan li { width:199px; height: 55px; display: inline-block; float: left; margin:0 15px 0 15px; } ul#educatePricingPlan li a { height: 53px; color: #DDDDDD; font-weight: bold; line-height: 55px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; text-transform:uppercase; -webkit-font-smoothing: subpixel-antialiased; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border:1px solid #DDDDDD; border-bottom:0; } ul#educatePricingPlan li a:hover { border:1px solid #999999; border-bottom:0; color:#333333} ul#educatePricingPlan li.active a { border:1px solid #999999; border-bottom:1px solid #ffffff; color:#333333; } /* TAB SELECTOR */ #tabSelectorContainer { width: 170px; height: 400px; overflow: hidden; text-align:left; padding:0; float:left; margin:20px 0 0 -100%; } ul#tabSelector { width: 170px; height: 116px; overflow: hidden; text-align:left; padding:0; list-style-type:none; text-indent:40px; } ul#tabSelector li { width:170px; height: 58px; display: block; background:url(../images/liststyleoff.png) no-repeat left; margin:0; } ul#tabSelector li a { width:168px; height: 56px; color: #a3a3a3; font-weight: bold; line-height: 58px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; text-transform:uppercase; -webkit-font-smoothing: subpixel-antialiased; border:1px solid #D6D8DD; background:url(../images/liststyleoff.png) no-repeat left #F8F8F8; } ul#tabSelector li a:hover { color:#333333; background:url(../images/listimageon.png) no-repeat left #ffffff; } ul#tabSelector li.active a { border:1px solid #D6D8DD; border-right:1px solid #ffffff; color:#000000; background:url(../images/listimageon.png) no-repeat left #ffffff; } #tabSelectorContainerUSD { width: 170px; height: 400px; overflow: hidden; text-align:left; padding:0; float:left; margin:20px 0 0 -100%; } ul#tabSelectorUSD { width: 170px; height: 116px; overflow: hidden; text-align:left; padding:0; list-style-type:none; text-indent:40px; } ul#tabSelectorUSD li { width:170px; height: 58px; display: block; background:url(../images/liststyleoff.png) no-repeat left; margin:0; } ul#tabSelectorUSD li a { width:168px; height: 56px; color: #a3a3a3; font-weight: bold; line-height: 58px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; text-transform:uppercase; -webkit-font-smoothing: subpixel-antialiased; border:1px solid #D6D8DD; background:url(../images/liststyleoff.png) no-repeat left #F8F8F8; } ul#tabSelectorUSD li a:hover { color:#333333; background:url(../images/listimageon.png) no-repeat left #ffffff; } ul#tabSelectorUSD li.active a { border:1px solid #D6D8DD; border-right:1px solid #ffffff; color:#000000; background:url(../images/listimageon.png) no-repeat left #ffffff; } #tabSelectorContainerEUR { width: 170px; height: 400px; overflow: hidden; text-align:left; padding:0; float:left; margin:20px 0 0 -100%; } ul#tabSelectorEUR { width: 170px; height: 116px; overflow: hidden; text-align:left; padding:0; list-style-type:none; text-indent:40px; } ul#tabSelectorEUR li { width:170px; height: 58px; display: block; background:url(../images/liststyleoff.png) no-repeat left; margin:0; } ul#tabSelectorEUR li a { width:168px; height: 56px; color: #a3a3a3; font-weight: bold; line-height: 58px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; text-transform:uppercase; -webkit-font-smoothing: subpixel-antialiased; border:1px solid #D6D8DD; background:url(../images/liststyleoff.png) no-repeat left #F8F8F8; } ul#tabSelectorEUR li a:hover { color:#333333; background:url(../images/listimageon.png) no-repeat left #ffffff; } ul#tabSelectorEUR li.active a { border:1px solid #D6D8DD; border-right:1px solid #ffffff; color:#000000; background:url(../images/listimageon.png) no-repeat left #ffffff; } .tabmainPanel {width:100%; height:450px; float:left;} .tabContent { border:1px solid #D6D8DD; border-top:none; width:358px; height:420px; margin-left:169px} .tabContentUSD { border:1px solid #D6D8DD; border-top:none; width:358px; height:420px; margin-left:169px} .tabContentEUR { border:1px solid #D6D8DD; border-top:none; width:358px; height:420px; margin-left:169px} .eduMainPrice { font-family: 'Lato', sans-serif; font-weight:300; font-size:45px; color:#333333; text-align:left; height:50px; width:90%; line-height:50px; margin:10px auto 20px auto; } .eduMainPrice sup { font-size:20px;} .eduMainPrice sub { font-size:15px;} .standardPrice {font-size:11px; font-weight:400; color:#F00; text-align:left; line-height:15px;} .tabContent form select {width:80%; font-size:11px;} .tabContent form select:focus { outline:none; box-shadow:none;} .countryFrame { padding: 15px 15px 15px 20px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: 'Lato', sans-serif; font-weight:300; color: #2C3E50; font-size: 15px; background: #f9f9f9; -webkit-font-smoothing: subpixel-antialiased; text-align:left; } .countryFrame select { width:99%; font-size:11px; } .select-style, .select-style2 { padding:0; margin: 0 0 10px 0; border: 1px solid #ccc; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; background-color: #f9f9f9; background: #f9f9f9 url(../images/downarrow.png) no-repeat 95% 55%; font-family: 'Lato', sans-serif; font-weight:400; color: #2C3E50; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; } .select-style select , .select-style2 select { padding: 13px 15px 13px 20px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Lato', sans-serif; font-weight:400; color: #2C3E50; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; } .select-style select:focus, .select-style2 select:focus { outline: none; } .select-style:hover, .select-style2:hover { background-color:#EFEFEF; } #AboutMicrospot #Content2 {padding:0; width:973px; overflow:auto; background: url(../images/products/blocksbg.png); background: linear-gradient(rgba(51, 67, 80, 0.5), rgba(31, 41, 50, 0.5)), url(../images/products/blocksbg.png);} #AboutMicrospot2 #Content2 {padding:0; width:973px; overflow:auto;} /* MICROSPOT TIMELINE */ .yearMarker {width:64px; height:64px; background-color:#80A9CC; text-align:center; color:#ffffff; font-family: 'Lato', sans-serif; font-weight:300; font-size: 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; margin:0 auto; line-height:64px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65);} .timelineSpacer {width:5px; background-color:rgba(150, 206, 255, 0.2); margin:0 auto; z-index:8} .newsMarker {width:22px; height:22px; background-color:#16B1B4; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; margin:0 auto; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65);} .productMarker {width:22px; height:22px; background-color:#F68B3A; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; margin:0 auto; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65);} .milestoneMarker {width:22px; height:22px; background-color:#A58BD6; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; margin:0 auto; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65);} .textBlock {width:337px; height:auto; background-color:#ffffff; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.65); } .newsHeader {width: 312px; height:39px; background-color: #16B1B4; border-top: 1px solid #1CCDCF; font-family: 'Lato', sans-serif; font-weight:300; color: #ffffff; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; padding:10px 10px 10px 15px; line-height:20px} #arrowNewsLeft {width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right:11px solid #16B1B4; margin-top:18px} #arrowNewsRight {width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left:11px solid #16B1B4; margin-top:18px} .productHeader {width: 312px; height:39px; background-color: #F68B3A; border-top: 1px solid #F8B14A; font-family: 'Lato', sans-serif; font-weight:300; color: #ffffff; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; padding:10px 10px 10px 15px; line-height:20px} #arrowProductLeft {width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right:11px solid #F68B3A; margin-top:18px} #arrowProductRight {width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left:11px solid #F68B3A; margin-top:18px} .milestoneHeader {width: 312px; height:39px; background-color: #A58BD6; border-top: 1px solid #BDA6EE; font-family: 'Lato', sans-serif; font-weight:300; color: #ffffff; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; padding:10px 10px 10px 15px; line-height:20px} #arrowMilestoneLeft {width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right:11px solid #A58BD6; margin-top:18px} #arrowMilestoneRight {width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left:11px solid #A58BD6; margin-top:18px} /* required to avoid jumping */ #commentWrapper { position: absolute; left:15px; width: 57px; height:237px; } #comment { position: absolute; top: 0; /* just used to show how to include the margin in the effect */ margin-top: 15px; width:57px; height:auto; background-color:#212D36; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: inset 0 0 6px #000000; -moz-box-shadow: inset 0 0 6px #000000; box-shadow: inset 0 0 6px #000000; } #comment.fixed { position: fixed; top: 0; } ul#timelinenav { overflow: hidden; text-align:center; padding:0; margin:0; list-style-type:none; } ul#timelinenav li { display: block; margin:0; } ul#timelinenav li a { color: #4A667F; text-decoration: none; font-family: 'Lato', sans-serif; font-weight:400; font-size:15px; text-transform:uppercase; -webkit-font-smoothing: subpixel-antialiased; } ul#timelinenav li a:hover { color:#ffffff; } ul#timelinenav li.active a { color:#ffffff; } .textBlock a {color: #06F; text-decoration:none;} .textBlock a:hover {color: #0000FF; text-decoration:none;} .textBlock a:visited { color: #06F; text-decoration:none; } .educationFAQ {width:495px; height:45px; line-height:44px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; -webkit-font-smoothing: subpixel-antialiased; color:#06F; text-align:left; padding-left:35px; margin:0; cursor:pointer;} .contentFAQ {width:490px; height:auto; border-left:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#fff; border-bottom:1px solid #cccccc; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; -webkit-font-smoothing: subpixel-antialiased; color:#333; text-align:left; padding:20px; display:none; } .arrowRightFAQ {background:url(../images/arrow_right_toggle.png) no-repeat #F8F8F8 20px 18px;} .arrowDownFAQ {background:url(../images/arrow_down_toggle.png) no-repeat #F8F8F8 20px 18px;} .educationFAQ_selected {width:495px; height:45px; line-height:44px; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; -webkit-font-smoothing: subpixel-antialiased; color:#06F; text-align:left; padding-left:35px; margin:0; cursor:pointer;} .arrowRightFAQ {background:url(../images/arrow_right_toggle.png) no-repeat #F8F8F8 20px 18px;} .arrowDownFAQ {background:url(../images/arrow_down_toggle.png) no-repeat #F8F8F8 20px 18px;} .questionFAQ {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; -webkit-font-smoothing: subpixel-antialiased; color:#06F; text-align:left;} .pressRow {width:873px; height:auto; margin:0 auto 0 auto; border-top:1px solid #dedede; position:relative; display:block; padding:40px 50px 0 50px;} .pressRowDate {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#999999; text-align:left; line-height:22px; margin:0; padding:0; float:left; width:150px} .pressRowTitle {font-family: 'Lato', sans-serif; font-weight:300; font-size:13px; color:#333333; text-align:left; margin:0; padding:0; line-height:22px} .pressRow:hover {background-color:#F7F9F9} .pressRow a:link {display:block; width:100%; height:100%; text-decoration: none;} .homeProductLearn a:visited { background-color:#ffffff;} #map-canvas { width: 408px; height: 270px; background-color:#ccc; margin: 20px 0 30px 0; } /*form styles*/ .contactRequest { width: 430px; margin: 30px auto 0 auto; text-align: center; position: relative; } .contactRequest fieldset { border: 0 none; box-sizing: border-box; width: 430px; /*stacking fieldsets above each other - CHANGE to hide and show*/ } /*Hide all except first fieldset*/ .contactRequest fieldset:not(:first-of-type) { display: none; } /*inputs*/ .contactRequest input, .contactRequest textarea { padding: 15px 15px 15px 50px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica", sans-serif; font-weight:500; color: #2C3E50; font-size: 1rem; background: #f9f9f9; -webkit-font-smoothing: subpixel-antialiased } /*buttons*/ .contactRequest .action-button { width: 100px; background: #45A0D9; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; -webkit-font-smoothing: subpixel-antialiased } .contactRequest .action-button:hover, .contactRequest .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #45A0D9; } .contactRequest .newBTNPurple { width: 100%; max-width:340px; background-color:#9444B6; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#ffffff; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; -webkit-font-smoothing: subpixel-antialiased; height:50px; line-height:50px; border:none; padding:0; margin:20px auto; -webkit-appearance: none; cursor:pointer; } .contactRequest .newBTNPurple:hover, .contactRequest .newBTNPurple:focus { background-color:#602E76; } .contactRequest .newBTNOrange { width: 100%; max-width:340px; background-color:#FDA90B; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#ffffff; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; -webkit-font-smoothing: subpixel-antialiased; height:50px; line-height:50px; border:none; padding:0; margin:20px auto; -webkit-appearance: none; cursor:pointer; } .contactRequest .newBTNOrange:hover, .contactRequest .newBTNOrange:focus { background-color:#E79A0B; } /*headings*/ .fs-title { font-size: 15px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px; font-family: 'Lato', sans-serif; font-weight:300; -webkit-font-smoothing: subpixel-antialiased } .fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; font-family: 'Lato', sans-serif; font-weight:300; -webkit-font-smoothing: subpixel-antialiased } #livefilter-listCase {list-style-type:none; padding:0; margin:0; overflow:hidden;} #livefilter-listCase li {list-style-type:none; width:530px; height:auto; margin:0 auto 0 auto; border-top:1px solid #dedede; position:relative; display:block; padding:40px 0 0 0; overflow:auto} #livefilter-listStory {list-style-type:none; padding:0; margin:0; overflow:hidden;} #livefilter-listStory li {list-style-type:none; width:530px; height:auto; margin:0 auto 0 auto; border-top:1px solid #dedede; position:relative; display:block; padding:40px 0 0 0; overflow:auto} .caseStudyNew {width:530px; height:auto; margin:20px auto 0 auto; border-top:1px solid #dedede; position:relative; display:block; padding:40px 0 0 0;} .caseStudyNewDate {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#999999; text-align:center; line-height:22px; margin:0; padding:0; float:left; width:115px} .caseStudyNewTitle {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; text-align:left; margin:0; padding:0; line-height:22px} .storyNewDate {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#999999; text-align:center; line-height:25px; margin:0; padding:0; float:left; width:150px} .storyNewTitle {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; text-align:left; margin:0; padding:0; line-height:25px} #sliderNextTag {background:url(../images/case-studies/Next_Arrow.png) no-repeat; width:33px; height:60px; font-size:55px; line-height:60px;} #sliderNextTag a {background:url(../images/case-studies/Next_Arrow.png) no-repeat;} #sliderNextTag a:hover {background:url(../images/case-studies/Next_Arrow_Down.png) no-repeat;} #sliderPreviousTag {background:url(../images/case-studies/Previous_Arrow.png) no-repeat; width:33px; height:60px; font-size:55px; line-height:60px;} #sliderPreviousTag a {background:url(../images/case-studies/Previous_Arrow.png) no-repeat;} #sliderPreviousTag a:hover {background:url(../images/case-studies/Previous_Arrow_Down.png) no-repeat;} #bx-pager { position: relative; padding: 0; margin: 0 auto; list-style-type: none; background-color: #036; color: #FFF; width: 100%; font: normal 90% arial, helvetica, sans-serif; text-align: center; width: 740px; -webkit-font-smoothing: subpixel-antialiased; } #bx-pager ul { list-style: none; margin:0; padding:0; float: left; width: 100%; } #bx-pager li { display:inline-block; margin:0; padding:0; background: #ffffff; width: 24%; border:1px solid #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bx-pager li a { text-decoration: none; background-color: #ffffff; padding: 0; margin: 0; color: #333333; line-height:35px; display: block; border:1px solid #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bx-pager li a.active, #bx-pager li a:hover { border:1px solid #3598DB; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #3598DB; color:#FFF; } #bx-pager2 { position: relative; padding: 0; margin: 0 auto; list-style-type: none; background-color: #036; color: #FFF; width: 100%; font: normal 90% arial, helvetica, sans-serif; text-align: center; width: 740px; -webkit-font-smoothing: subpixel-antialiased; } #bx-pager2 ul { list-style: none; margin:0; padding:0; float: left; width: 100%; } #bx-pager2 li { display:inline-block; margin:0 6px 0 6px; padding:0; background: #ffffff; width: 20px; border:1px solid #ffffff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #bx-pager2 li a { text-decoration: none; background-color: #cccccc; padding: 0; margin: 0; color: #333333; line-height:35px; display: block; width:20px; height:20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #bx-pager2 li a.active, #bx-pager2 li a:hover { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #3598DB; color:#FFF; } .bx-pager3 { position: relative; padding: 0; margin: 0 auto; list-style-type: none; color: #FFF; width: 100%; font: normal 90% arial, helvetica, sans-serif; text-align: center; width: 330px; -webkit-font-smoothing: subpixel-antialiased; } .bx-pager3 ul { list-style: none; margin:0; padding:0; clear:both; float: left; width: 100%; } .bx-pager3 li { display:inline-block; margin:0 6px 0 6px; padding:0; background: #ffffff; width: 10px; border:1px solid #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .bx-pager3 li a { text-decoration: none; background-color: #cccccc; padding: 0; margin: 0; color: #333333; line-height:35px; display: block; width:10px; height:10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .bx-pager3 li a.active, .bx-pager3 li a:hover { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #3598DB; color:#FFF; } /* IMAGE HOVER */ .demo-2 { position:relative; overflow:hidden; float:left; background-color:#333333; margin:0; padding:0; text-align:center; } .demo-2 p,.demo-2 h2 { color:#fff; top:20px; position:relative; } .demo-2 p { font-family:'Lato'; font-size:13px; line-height:22px; margin:0; font-weight:400; } .demo-2 h2 { font-size:13px; line-height:22px; margin:0; font-family:'Lato'; font-weight:400; text-transform:uppercase; } .effect img { position:absolute; left:0; bottom:0; cursor:pointer; -webkit-transition:bottom .3s ease-in-out; -moz-transition:bottom .3s ease-in-out; -o-transition:bottom .3s ease-in-out; transition:bottom .3s ease-in-out } .effect img.top:hover { bottom:-80px; padding-top:100px } h2.zero,p.zero { margin:0; padding:0 10px 0 10px; } #ViewCartIcon a {background:url(../images/case-studies/carticon.png) no-repeat;} #ViewCartIcon a:hover {background:url(../images/case-studies/carticondown.png) no-repeat;} .productMainBuy {width:130px; height:38px; background-color:#EEF2F3; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#333; line-height:38px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .productMainBuy:hover {background-color:#D8D8D8;} .productMainBuy a:link {display:block; width:100%; height:100%; color:#333; text-decoration: none;} .productMainBuy a:visited {color:#333;} .symbolContainer {width:915px; height:auto; background:#f6f6f6; border:1px solid #D0D0D0; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin:20px auto; padding:0 } ul#symbolList {width:100%; list-style-type:none; overflow:hidden; text-align:center; padding:0; margin:0 20px 20px 20px} ul#symbolList li {width:125px; height:120px; float:left; padding:0; margin:30px 0 0 0;} .productBuyFooter {width:855px; height:250px; margin:0 auto;} #mainSlideContent {width:973px; height:auto; padding: 0; margin:0; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; background-color:#FFFFFF; clear:both; } #mainSlideContent #slideitem {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; width:100%;} #slideContainer {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; width:100%; overflow:hidden} #mainSlideQuote {width:315px; height:195px; background-color:#333333; float:right; border-top:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000; margin:329px 0 0 0;} #mainSlideQuote2 {width:315px; height:195px; background-color:#333333; border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;} .mainBtnGreen {width:295px; height:39px; background-color:#55AB55; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnGreen:hover {background-color:#468F48} .mainBtnGreen a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnGreen a:visited {color:#fff;} .mainBtnOrange {width:295px; height:39px; background-color:#D25F1B; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnOrange:hover {background-color:#A34B16} .mainBtnOrange a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnOrange a:visited {color:#fff;} .mainBtnJuly {width:295px; height:39px; background-color:#C12644; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnJuly:hover {background-color:#931D35} .mainBtnJuly a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnJuly a:visited {color:#fff;} .mainBtnBlueBordered {background:url(../images/proceed.png) no-repeat; width:268px; height:44px; padding:0; outline:none} .mainBtnBlueBordered:hover {background:url(../images/proceedDown.png) no-repeat} .mainBtnBlueBordered a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnBlueBordered a:visited {color:#fff;} .mainBtnBordered {width:131px; height:37px; background-color:#ffffff; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#666666; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border:1px solid #999} .mainBtnBordered:hover {border:1px solid #333333; color:#333333; background-color:#dedede} .mainBtnBordered a:link {display:block; width:100%; height:100%; color:#333333; text-decoration: none;} .mainBtnBordered a:visited {color:#333333;} .mainBtnWhiteBordered {width:295px; height:42px; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; text-transform:none; color:#ffffff; line-height:42px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border:1px solid #ffffff; background: rgba(255, 255, 255, 0); cursor:pointer;} .mainBtnWhiteBordered:hover {color:#ffffff; background-color: rgba(255, 255, 255, 0.2)} .mainBtnWhiteBordered a:link {display:block; width:100%; height:100%; color:#ffffff; text-decoration: none;} .mainBtnWhiteBordered a:visited {color:#ffffff;} .mainBtnWhite {width:295px; height:44px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; text-transform:none; color:#333333; line-height:44px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background: #ffffff; cursor:pointer;} .mainBtnWhite:hover {color:#333333; background:#e5e5e5} .mainBtnWhite a:link {display:block; width:100%; height:100%; color:#333333; text-decoration: none;} .mainBtnWhite a:visited {color:#333333;} .mainBtnGreyBordered {width:295px; height:42px; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; text-transform:none; color:#999999; line-height:42px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border:1px solid #666666; background: rgba(255, 255, 255, 0); cursor:pointer; -webkit-font-smoothing: subpixel-antialiased;} .mainBtnGreyBordered:hover {color:#ffffff; border:1px solid #999999;} .mainBtnGreyBordered a:link {display:block; width:100%; height:100%; color:#999999; text-decoration: none;} .mainBtnGreyBordered a:visited {color:#999999;} .quoteBox { width:252px; height:171px; background-color:#F8FAFA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0px 4px 0px 0px rgba(238, 239, 242, 1); -moz-box-shadow: 0px 4px 0px 0px rgba(238, 239, 242, 1); box-shadow: 0px 4px 0px 0px rgba(238, 239, 242, 1); } .arrowDownQuote { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #F8FAFA;} .arrowLeftQuote { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #ffffff;} .arrowDownQuoteShad { width: 0; height: 0; border-left: 26px solid transparent; border-right: 26px solid transparent; border-top: 26px solid #EEEFF2;} .guideBox {border: 1px solid #cccccc; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;} .mainBtnBlue {width:295px; height:39px; background-color:#3598DB; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnBlue:hover {background-color:#2D6FAE} .mainBtnBlue a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnBlue a:visited {color:#fff;} .mainBtnBlueCross {width:230px; height:50px; background-color:#3598DB; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; text-transform:none; color:#ffffff; line-height:50px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid transparent;} .mainBtnBlueCross:hover {background-color:#2D6FAE} .mainBtnBlueCross a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnBlueCross a:visited {color:#fff;} .mainBtnDark {width:295px; height:39px; background-color:#333333; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnDark:hover {background-color:#000000} .mainBtnDark a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnDark a:visited {color:#fff;} .mainBtnWhiteBorder {width:295px; height:39px; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: rgba(255, 255, 255, 0.2)} .mainBtnWhiteBorder:hover {background-color: -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: rgba(255, 255, 255, 0.3)} .mainBtnWhiteBorder a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnWhiteBorder a:visited {color:#ffffff;} #mainSlideContentProd {width:973px; height:auto; padding: 0; margin:0; background-color:#FFFFFF; clear:both; } #mainSlideContentProd #slideitem {width:100%;} #slideContainerProd {width:100%; overflow:hidden} /*Filter for border nav to work correctly - START */ ul#filterOptionsProd { width: 600px; height: 40px; overflow: hidden; text-align:center; margin:0; padding:0; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; list-style-type:none; } ul#filterOptionsProd li { width:148px; height: 38px; display: inline-block; float: left; background: #ffffff; color: #999999; line-height: 38px; font-family: 'Lato', sans-serif; font-weight:400; font-size:15px; -webkit-font-smoothing: subpixel-antialiased; cursor:pointer; border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } .left {border-radius:7px 0 0 7px; -moz-border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px; border-left:1px solid #D6D8DD; border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } .right {border-radius:0 7px 7px 0; -moz-border-radius:0 7px 7px 0; -webkit-border-radius:0 7px 7px 0; border-right:1px solid #D6D8DD; border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } .center1 {border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } .center2 {border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } ul#filterOptionsProd li.right:hover {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739; border-right:1px solid #72A739;} ul#filterOptionsProd li.right:hover ~ #space3 {background-color: #72A739;} ul#filterOptionsProd li.right.active {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739; border-right:1px solid #72A739;} ul#filterOptionsProd li.right.active ~ #space3 {background-color: #72A739;} ul#filterOptionsProd li.left:hover {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739; border-left:1px solid #72A739;} ul#filterOptionsProd li.left:hover ~ #space1 {background-color: #72A739;} ul#filterOptionsProd li.left.active {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739; border-left:1px solid #72A739;} ul#filterOptionsProd li.left.active ~ #space1 {background-color: #72A739;} ul#filterOptionsProd li.center1:hover {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739;} ul#filterOptionsProd li.center1:hover ~ #space1 {background-color: #72A739;} ul#filterOptionsProd li.center1:hover ~ #space2 {background-color: #72A739;} ul#filterOptionsProd li.center1.active {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739;} ul#filterOptionsProd li.center1.active ~ #space1 {background-color: #72A739;} ul#filterOptionsProd li.center1.active ~ #space2 {background-color: #72A739;} ul#filterOptionsProd li.center2:hover {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739;} ul#filterOptionsProd li.center2:hover ~ #space2 {background-color: #72A739;} ul#filterOptionsProd li.center2:hover ~ #space3 {background-color: #72A739;} ul#filterOptionsProd li.center2.active {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739;} ul#filterOptionsProd li.center2.active ~ #space2 {background-color: #72A739;} ul#filterOptionsProd li.center2.active ~ #space3 {background-color: #72A739;} #space1 {width:1px; height:40px; background-color:#D6D8DD; position:absolute; top:0; left:335px} #space2 {width:1px; height:40px; background-color:#D6D8DD; position:absolute; top:0; left:483px} #space3 {width:1px; height:40px; background-color:#D6D8DD; position:absolute; top:0; left:631px} /*Filter for border nav to work correctly - END */ .textBodySmall {font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; text-align:left; line-height:22px} /*Filter for border nav to work correctly - START */ ul#filterOptionsProd2 { width: 300px; height: 40px; overflow: hidden; text-align:center; margin:0; padding:0; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; list-style-type:none; } ul#filterOptionsProd2 li { width:148px; height: 38px; display: inline-block; float: left; background: #ffffff; color: #999999; line-height: 38px; font-family: 'Lato', sans-serif; font-weight:400; font-size:15px; -webkit-font-smoothing: subpixel-antialiased; cursor:pointer; border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } .left {border-radius:7px 0 0 7px; -moz-border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px; border-left:1px solid #D6D8DD; border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } .right {border-radius:0 7px 7px 0; -moz-border-radius:0 7px 7px 0; -webkit-border-radius:0 7px 7px 0; border-right:1px solid #D6D8DD; border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } .center1 {border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } .center2 {border-top:1px solid #D6D8DD; border-bottom:1px solid #D6D8DD; } ul#filterOptionsProd2 li.right:hover {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739; border-right:1px solid #72A739;} ul#filterOptionsProd2 li.right:hover ~ #space4 {background-color: #72A739;} ul#filterOptionsProd2 li.right.active {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739; border-right:1px solid #72A739;} ul#filterOptionsProd2 li.right.active ~ #space4 {background-color: #72A739;} ul#filterOptionsProd2 li.left:hover {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739; border-left:1px solid #72A739;} ul#filterOptionsProd2 li.left:hover ~ #space4 {background-color: #72A739;} ul#filterOptionsProd2 li.left.active {background: #86C342; color:#ffffff; border-top:1px solid #72A739; border-bottom:1px solid #72A739; border-left:1px solid #72A739;} ul#filterOptionsProd2 li.left.active ~ #space4 {background-color: #72A739;} #space4 {width:1px; height:40px; background-color:#D6D8DD; position:absolute; top:0; left:485px} /*Filter for border nav to work correctly - END */ .panelContainer {border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; background-color:#666666;} .question {width:26px; height:26px; background-color:#E84C3D; line-height: 25px; font-family: 'Lato', sans-serif; font-weight:400; font-size:15px; color:#ffffff; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; text-align:center} .question:before { content:"Q"} .answer {width:26px; height:26px; background-color:#86C342; line-height: 25px; font-family: 'Lato', sans-serif; font-weight:400; font-size:15px; color:#ffffff; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; text-align:center} .answer:before { content:"A"} /*FEATURES LIST*/ ul#features, ul#featuresUSD, ul#featuresEUR { width: 875px; height: 310px; overflow: hidden; text-align:center; margin:0 auto; padding:0; list-style-type:none; } ul#features li, ul#featuresUSD li, ul#featuresEUR li { width: 159px; height: 136px; display: inline-block; float: left; background-color: #ffffff; -webkit-font-smoothing: subpixel-antialiased; border:1px solid #D0D0D0; margin:7px; padding:0; cursor:pointer; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; text-align:center; overflow:auto; } ul#features li:hover, ul#featuresUSD li:hover, ul#featuresEUR li:hover {background-color: #F6F6F6;} .backtotop {line-height: 20px; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; color:#0085CC; text-align:right} .textBodyMedium {font-family: 'Lato', sans-serif; font-weight:300; font-size:15px; color:#333333; text-align:left; line-height:22px} .textBodyMedium strong {color:#333333} .textBodyMedium .compareNo strong {color:#ffffff} .newPurple {width:63px; height:23px; background-color:#9A57B4; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:23px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .compareContainer {width:850px; height:1190px; margin:40px auto; overflow:auto; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border: 1px solid #DEDEDE;} .compareYes {width:30px; height:30px; background-color:#2BCC6F; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:0 auto; text-align:center;} .compareNo {width:30px; height:30px; background-color:#cccccc; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:0 auto; text-align:center; line-height:30px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; text-transform:uppercase; color:#ffffff;} #bxslider-pager { position: relative; padding: 0; margin: 0 auto; list-style-type: none; color: #FFF; width: 100%; font: normal 90% arial, helvetica, sans-serif; text-align: center; -webkit-font-smoothing: subpixel-antialiased; } #bxslider-pager ul { list-style: none; margin:0; padding:0; float: left; width: 100%; } #bxslider-pager li { display:inline-block; margin:0 6px 0 6px; padding:0; float:left; background: #666666; width: 14px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #bxslider-pager li a { text-decoration: none; background-color: #666666; padding: 0; margin: 0; color: #333333; line-height:35px; display: block; width:14px; height:14px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #bxslider-pager li a.active, #bxslider-pager2 li a:hover { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #ffffff; color:#FFF; } .overviewFeature {width:100%; background-color:#F7F9F9;} .toolLinks a {color: #333333; text-decoration:none;} .toolLinks a:hover { text-decoration:underline;} .toolLinks a:visited { color: #333333; text-decoration:none;} #GalleryFilterContainer {width:900px; margin:30px auto 30px auto; padding:0;} #livefilter-listGallery {list-style-type:none; padding:0; margin:0; overflow:hidden;} #livefilter-listGallery li {list-style-type:none; width:244px; height:208px; border: 1px solid #E1E2E8; display:inline-block; margin:20px; padding:7px; float:left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; line-height:20px; text-align:left; } #livefilter-listGallery li img {margin-bottom:8px} /* IMAGE HOVER */ .imageSlide { position:relative; overflow:hidden; float:left; background-color:#333333; margin:0; padding:0; text-align:center; } .imageSlide p,.imageSlide h2 { color:#fff; position:relative; } .imageSlide p { font-family:'Lato'; font-size:13px; line-height:22px; margin:0; font-weight:400; } .imageSlide h2 { font-size:13px; line-height:38px; margin:0; font-family:'Lato'; font-weight:400; } .effectSlide img { position:absolute; left:0; bottom:0; cursor:pointer; -webkit-transition:bottom .3s ease-in-out; -moz-transition:bottom .3s ease-in-out; -o-transition:bottom .3s ease-in-out; transition:bottom .3s ease-in-out } .effectSlide img.top:hover { bottom:-38px; padding-top:100px } h2.zero2,p.zero2 { margin:0; padding:0 10px 0 10px; } .sitemapNavContainer {width:100%; height:55px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #DEDEDE; padding:0; overflow:auto; position:relative;} .sitemapBreadcrumbs {display: block; font-family: 'Lato', sans-serif; font-weight:300; font-size:25px; color:#06f; line-height:55px; text-align:left; text-decoration:none;} .sitemapBreadcrumbs div {float:left;} .sitemapBreadcrumbs span {float:left;} .sitemapBreadcrumbs .current {color:#333333;} .sitemapBreadcrumbs a {text-decoration:none; color:#3599D9} .sitemapBreadcrumbs a:hover {color:#55AB55} .sitemapBreadcrumbs .divideContainer {width:20px; height:55px; position:relative; margin-left:10px; margin-right:10px; overflow:hidden} .sitemapBreadcrumbs .divide {width: 0; height: 0; border-style: solid; border-width: 27.5px 0 27.5px 18px; border-color: transparent transparent transparent #ffffff; position:absolute; z-index:100} .sitemapBreadcrumbs .divideRight {width: 0; height: 0; border-style: solid; border-width: 27.5px 0 27.5px 18px; border-color: transparent transparent transparent #dedede; position:absolute; left:1px; z-index:1} #SearchFrameSiteMap {width:calc(100% - 49px); max-width:calc(100% - 49px); height:20px; background: url(../images/searchIcon2.png) no-repeat 10px 7px #FFFFFF; padding:7px 7px 7px 40px; border: 1px solid #E1E2E8; margin:10px 10px 0 0; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; line-height:34px; outline:none} .siteMapLinks a {color: #333333; text-decoration:none; font-size:13px} .siteMapLinks a:hover {color: #55AB55 !important; text-decoration:none;} .siteMapLinks a:hover:after { content:"\00a0\00a0\232A"} .siteMapLinks a:visited { color: #333333; text-decoration:none; } .siteMapHeadLinks a {color: #3599D9; text-decoration:none; font-size:21px} .siteMapHeadLinks a:hover {color:#55AB55 !important; text-decoration:none;} .siteMapHeadLinks a:visited { color: #3599D9; text-decoration:none; } .mainBtnPurple {width:295px; height:39px; background-color:#9655B0; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnPurple:hover {background-color:#77428D} .mainBtnPurple a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnPurple a:visited {color:#fff;} .mainBtnMint {width:295px; height:39px; background-color:#1CB99A; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnMint:hover {background-color:#15997F} .mainBtnMint a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnMint a:visited {color:#fff;} .footerMainLinks a {color: #999999 !important; text-decoration:none;} .footerMainLinks a:hover {color: #55AB55 !important; text-decoration:none;} .footerMainLinks a:visited { color: #999999; text-decoration:none; } .footerBodyLinks {color:#ffffff !important} .footerBodyLinks a {font-family: 'Lato', sans-serif; font-weight:300; color: #ffffff !important; text-decoration:none; font-size:13px !important;} .footerBodyLinks a:hover {color: #55AB55 !important; text-decoration:none;} .footerBodyLinks a:hover:after { content:"\00a0\00a0\232A"} .footerBodyLinks a:visited { color: #ffffff; text-decoration:none; } .footerBtn {width:170px; height:45px; font-family: 'Lato', sans-serif; font-weight:400; font-size:15px; color:#999999; line-height:45px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 2px solid #999999; margin:35px 0 0 15px; cursor:pointer;} .footerBtn:hover {border: 2px solid #3398D9; color:#3398D9} .footerBtn a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .footerBtn a:visited {color:#cccccc;} #morePagesContainer {width:913px; height:auto; margin:0 auto 30px auto; border-top:1px solid #666666;} .blackFridayBanner {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #EB4A24;} .bFridayBtn {width:275px; height:43px; background-color:#2B3439; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#ffffff; line-height:43px; text-align:center; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;} .bFridayBtn:hover {background-color:#55AB55} .bFridayBtn a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .bFridayBtn a:visited {color:#fff;} .bFridayBtnDark {width:192px; height:43px; background-color:#2B3439; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#ffffff; line-height:22px; text-align:center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:10px} .bFridayBtnDark:hover {background-color:#55AB55} .bFridayBtnDark a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .bFridayBtnDark a:visited {color:#fff;} .bFridayBtnRed {width:288px; height:49px; background-color:#D54520; font-family: 'Lato', sans-serif; font-weight:400; font-size:20px; color:#ffffff; line-height:49px; text-align:center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:30px auto 0 auto} .bFridayBtnRed:hover {background-color:#9A3017} .bFridayBtnRed a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .bFridayBtnRed a:visited {color:#fff;} flip-containerBF { -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000; } .flip-containerBF:hover .flipperBF, .flip-containerBF.hover .flipperBF { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .flip-containerBF, .frontBF, .backBF { width: 88px; height: 115px; } .flipperBF { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; } .frontBF, .backBF { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; } .frontBF { z-index: 2; background:#15181D; } .backBF { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); background: #EB4A24; } .mainbreadcrumbs {display: block; font-family: 'Lato', sans-serif; font-weight:300; font-size:13px; text-decoration:none; color:#000000; width:913px; height:26px; line-height:26px; text-align:left; margin:17px auto 0 auto;} .mainbreadcrumbs .current {color:#999999;} .mainbreadcrumbs a {text-decoration:none; color:#ffffff;} .mainbreadcrumbs a:hover {text-decoration:none; color:#55AB55;} .mainbreadcrumbs .divide {color:#999; margin:0 5px 0 5px; font-size:17px} #searchFrameBreadcrumb {width:251px; height:24px; background: url(../images/template/searchBreadcrumb.png) no-repeat 7px 3px; padding:0 0 0 30px; border: 1px solid #666666; margin:0; font-family: 'Lato', sans-serif; font-weight:300; font-size:13px; line-height:24px; float:right; color:#ffffff; overflow:auto} #searchFrameBreadcrumb:focus {outline:none;} #searchFrame404 {width:300px; height:40px; background: url(../images/template/searchBreadcrumb.png) no-repeat 12px 12px; padding:0 0 0 40px; border: 1px solid #dedede; margin:0; font-family: 'Lato', sans-serif; font-weight:300; font-size:15px; line-height:40px; color:#333333; overflow:auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #searchFrame404:focus { outline:none; background-color:#FAFAFA;} .templatesubmenuContainer {font-size:13px; font-weight:300; height: 145px; text-align:center; position:relative; left:0; top:0; width:100%; font-family: 'Lato', Arial, sans-serif; background:#F7F8FA; margin:0; padding:0; clear:both} .templatesSubmenu {font-size:13px; font-weight:400; height: 145px; text-align:center; position:relative; left:0; top:0; width:100%; font-family: 'Lato', Arial, sans-serif; background:#F7F8FA;} ul.templatesSubmenu {margin:0 auto; border:0; padding:0; list-style:none; width:450px;} ul.templatesSubmenu li { display:inline; margin:20px 5px; padding:0; float:left; width: 122px; height:105px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border:2px solid #F7F8FA;} ul.templatesSubmenu li img { margin:12px 0 5px 0;} ul.templatesSubmenu li a {display:block; text-decoration:none; padding:0; color:#333333; width:100%; height:105px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border:2px solid #F7F8FA; } ul.templatesSubmenu li a:hover {border:2px solid #3B99D8;} ul.templatesSubmenu li.active a {border:2px solid #3B99D8;} /*- FILTER OPTIONS -*/ ul#filterTemplate { width: 503px; height: 40px; overflow: hidden; text-align:center; margin:0; padding:0; list-style-type:none; border:none; float:right; } ul#filterTemplate li { height: 38px; width:125px; color: #333333; line-height: 40px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #dedede; -webkit-font-smoothing: subpixel-antialiased; float:left; margin:0 5px; cursor:pointer; } ul#filterTemplate li:hover { background: #3598DB; border:1px solid #3598DB; color:#ffffff; } ul#filterTemplate li.is-checked { background: #3598DB; border:1px solid #3598DB; color:#ffffff; } /*- -*/ /*- OUR DATA HOLDER -*/ ul.ourHolderTemplate { width: 900px; height:auto; overflow: hidden; margin: 0 auto 30px auto; padding:0; list-style-type:none; -webkit-font-smoothing: subpixel-antialiased; } ul.ourHolderTemplate li.template-price { width: 200px; height: 360px; float: left; text-align: center; overflow: hidden; padding:0; border: none; margin: 30px 49px; -webkit-font-smoothing: subpixel-antialiased; } /*- -*/ /*- FILTER OPTIONS -*/ ul#filterPaid { width: 336px; height: 40px; overflow: hidden; text-align:center; margin:0; padding:0; list-style-type:none; border:none; float:right; } ul#filterPaid li { height: 38px; width:100px; color: #333333; line-height: 40px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #dedede; -webkit-font-smoothing: subpixel-antialiased; float:left; margin:0 5px; cursor:pointer; } ul#filterPaid li:hover { background: #1CBB9B; border:1px solid #1CBB9B; color:#ffffff; } ul#filterPaid li.is-checked { background: #1CBB9B; border:1px solid #1CBB9B; color:#ffffff; } #bx-pager-templates { position: relative; padding: 0; margin: 0 auto; list-style-type: none; background-color: #036; color: #FFF; width: 100%; font: normal 90% arial, helvetica, sans-serif; text-align: center; width: 740px; -webkit-font-smoothing: subpixel-antialiased; } #bx-pager-templates ul { list-style: none; margin:0; padding:0; float: left; width: 100%; } #bx-pager-templates li { display:inline-block; margin:0; padding:0; background: #ffffff; width: 24%; border:1px solid #ffffff; } #bx-pager-templates li a { text-decoration: none; background-color: #ffffff; padding: 0; margin: 0; color: #333333; line-height:35px; display: block; border:1px solid #ffffff; } #bx-pager-templates li a.active, #bx-pager-templates li a:hover { border:1px solid #C7C7C7; background-color: #dedede; color:#FFF; } .pricingContainer {width:795px; height:auto; margin:20px auto 40px auto; overflow:hidden; } .pricingPackContainer {width:225px; height:auto; overflow:hidden;} .pricingPackHeadContainer {width:225px; height:173px; background:#333; overflow:hidden;} ul#pricingPack { width: 225px; height: auto; overflow: hidden; text-align:left; margin:0 auto; padding:0; list-style-type:none; } ul#pricingPack li { height: auto; width:185px; color: #333333; line-height: 22px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; border-bottom:1px solid #dedede; -webkit-font-smoothing: subpixel-antialiased; margin:0; padding:12px 10px 12px 0; } ul#pricingPack li a { width:100%; color: #06f; line-height: 22px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; -webkit-font-smoothing: subpixel-antialiased; margin:0; cursor:pointer; } ul#pricingPack li a:hover, ul#pricingPack li a:focus, ul#pricingPack li a:visited { color:#0000FF; outline:none} .percentSaving {width:225px; height:34px; border-radius:17px 17px 0 0; -moz-border-radius:17px 17px 0 0; -webkit-border-radius:17px 17px 0 0; background:#3598DB; line-height:34px; font-family: 'Lato', sans-serif; font-weight:400; font-size:15px; color:#ffffff; text-align:center;} .packInfoReveal {width:175px; height:auto; display:none; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; text-align:left; margin-top:10px; padding-left:20px} .packInfoReveal a {color:#333333 !important; text-decoration:none !important; display:inline !important} .packInfoReveal a:hover {color:#468F48 !important; display:inline !important} .bundlesBackground {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaee+0,ffffff+20,ffffff+80,eaeaee+100 */ background: #eaeaee; /* Old browsers */ background: -moz-linear-gradient(left, #eaeaee 0%, #ffffff 20%, #ffffff 80%, #eaeaee 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #eaeaee 0%,#ffffff 20%,#ffffff 80%,#eaeaee 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #eaeaee 0%,#ffffff 20%,#ffffff 80%,#eaeaee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaee', endColorstr='#eaeaee',GradientType=1 ); /* IE6-9 */ } ul#BundlesPack {width:560px; height:225px; margin: 0 auto; list-style:none; padding:0} ul#BundlesPack li {width:265px; height:225px; background: rgba(255, 255, 255, 0.2); float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} ul#BundlesPack li a {width:100%; line-height:225px; display:block; text-decoration:none;} ul#BundlesPack li a:hover, ul#BundlesPack li a.active {-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: rgba(255, 255, 255, 0.1)} .PackOverview {width:865px; height:235px; margin: 0 auto 50px auto; list-style:none; padding:0; overflow:auto} .PackOverview .overviewItem {width:253px; height:233px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999999; text-align:center; font-family: 'Lato', Arial, sans-serif; font-weight:300; font-size:13px; color:333333;} .PackOverview .overviewItem img {margin-top:25px} #bxslider-bundle-pager, #bxslider-bundle-pagerUSD, #bxslider-bundle-pagerEUR { position: absolute; top:0; left:0; padding: 0; margin: 0 auto; list-style-type: none; color: #FFF; width: 100%; text-align: center; -webkit-font-smoothing: subpixel-antialiased; } #bxslider-bundle-pager ul, #bxslider-bundle-pagerUSD ul, #bxslider-bundle-pagerEUR ul { list-style: none; width:608px; margin:0 auto; padding:0; } #bxslider-bundle-pager li, #bxslider-bundle-pagerUSD li, #bxslider-bundle-pagerEUR li { display:inline-block; margin:0 6px 0 6px; padding:0; float:left; width: 140px; } #bxslider-bundle-pager li a, #bxslider-bundle-pagerUSD li a, #bxslider-bundle-pagerEUR li a { text-decoration: none; padding: 0; margin: 0; color: #ffffff; line-height:44px; display: block; width:100%; height:44px; background: #45A0D9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #3984B4; font-family: 'Lato', sans-serif; font-weight:300; font-size:15px; } #bxslider-bundle-pager li a.active, #bxslider-bundle-pager li a:hover, #bxslider-bundle-pagerUSD li a.active, #bxslider-bundle-pagerUSD li a:hover, #bxslider-bundle-pagerEUR li a.active, #bxslider-bundle-pagerEUR li a:hover { background-color: #3783B3; border:1px solid #24537A; } .radioBundle { margin-left:28px; margin-bottom:28px; width:245px; float:left; } /*label { width: 245px; height:430px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #E3E3E3; background:#ffffff; } .radioBase { width:100%; height:50px; position:absolute; bottom:0; left:0; background:#F2F2F2; color:#333333; }*/ /*input.radioSel:empty, input.checkSel:empty, input.radioSelUSD:empty, input.checkSelUSD:empty, input.radioSelEUR:empty, input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioSel, .radioSelUSD, .radioSelEUR { width:10px; } input.radioSel:empty ~ label, input.checkSel:empty ~ label, input.radioSelUSD:empty ~ label, input.checkSelUSD:empty ~ label, input.radioSelEUR:empty ~ label, input.checkSelEUR:empty ~ label { position: relative; float: none; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.checkSel:empty ~ label:before, input.checkSelUSD:empty ~ label:before, input.checkSelEUR:empty ~ label:before { position: absolute; display: block; top: 30px; left: 112px; content: ''; width: 17px; height:17px; background: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:2px solid #E3E3E3; } input.radioSel:empty ~ label:before, input.radioSelUSD:empty ~ label:before, input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 30px; left: 112px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(227,227,227,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(227,227,227,1); box-shadow: inset 0px 0px 0px 2px rgba(227,227,227,1);} input.checkSel:hover:not(:checked) ~ label:before, input.checkSelUSD:hover:not(:checked) ~ label:before, input.checkSelEUR:hover:not(:checked) ~ label:before { content: url(../images/products/radioTick.png); line-height:19px; color: #ffffff; background-color: #1CBB9B; border:1px solid #16A086; } input.radioSel:hover:not(:checked) ~ label:before, input.radioSelUSD:hover:not(:checked) ~ label:before, input.radioSelEUR:hover:not(:checked) ~ label:before { content: url(../images/products/radioSelect.png); line-height:20px; color: #1CBB9B; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(28,187,155,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(28,187,155,1); box-shadow: inset 0px 0px 0px 2px rgba(28,187,155,1);} input.radioSel:hover:not(:checked) ~ label, input.checkSel:hover:not(:checked) ~ label, input.radioSelUSD:hover:not(:checked) ~ label, input.checkSelUSD:hover:not(:checked) ~ label, input.radioSelEUR:hover:not(:checked) ~ label, input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:1px solid #16A086; } input.radioSel:hover:not(:checked) ~ label .radioBase, input.checkSel:hover:not(:checked) ~ label .radioBase, input.radioSelUSD:hover:not(:checked) ~ label .radioBase, input.checkSelUSD:hover:not(:checked) ~ label .radioBase, input.radioSelEUR:hover:not(:checked) ~ label .radioBase, input.checkSelEUR:hover:not(:checked) ~ label .radioBase { background:#1CBB9B; color:#ffffff; } input.checkSel:checked ~ label:before, input.checkSelUSD:checked ~ label:before, input.checkSelEUR:checked ~ label:before { content: url(../images/products/radioTick.png); line-height:19px; color: #ffffff; background-color: #1CBB9B; border:1px solid #16A086; } input.radioSel:checked ~ label:before, input.radioSelUSD:checked ~ label:before, input.radioSelEUR:checked ~ label:before { content: url(../images/products/radioSelect.png); line-height:20px; color: #1CBB9B; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(28,187,155,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(28,187,155,1); box-shadow: inset 0px 0px 0px 2px rgba(28,187,155,1); } input.radioSel:checked ~ label, input.checkSel:checked ~ label, input.radioSelUSD:checked ~ label, input.checkSelUSD:checked ~ label, input.radioSelEUR:checked ~ label, input.checkSelEUR:checked ~ label { color: #777; background:#EDFDF9; border:1px solid #16A086; } input.radioSel:checked ~ label .radioBase, input.checkSel:checked ~ label .radioBase, input.radioSelUSD:checked ~ label .radioBase, input.checkSelUSD:checked ~ label .radioBase, input.radioSelEUR:checked ~ label .radioBase, input.checkSelEUR:checked ~ label .radioBase { background:#1CBB9B; color:#ffffff; } */ .springProductContainer { width: 245px; height:460px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #E3E3E3; background:#ffffff; position:relative } .lowerContainer { width: 100%; height:100px; position:absolute; bottom:0; left:0; background:#F2F2F2; color:#333333; border-top: 1px solid #E3E3E3 } .homeBanners {width:390px; height:168px;} .percentDiscount {width:76px; height:65px; background:#9A57B4; border-radius:38px; -webkit-border-radius:38px; -moz-border-radius:38px; position:absolute; top:-15px; right:-15px; color:#ffffff; text-align:center; font-family: 'Lato', Arial, sans-serif; font-weight:300; font-size:15px; text-transform:uppercase; line-height:22px} .bundleTab {width:250px; height:215px; background-color:#CCC; font-family: 'Lato', sans-serif; font-weight:400; font-size:15px; text-transform:uppercase; color:#333333; line-height:22px; text-align:center; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; cursor:pointer} .bundleTab:hover, .bundleTab.active {background-color:#ffffff; color:#333333} .bundleTab a:link {display:block; width:100%; height:100%; color:#333333; text-decoration: none;} .bundleTab a:visited {color:#333333;} ul#UpgardesPath {width:100%; height:auto; margin: 0; list-style:none; padding:0; cursor:pointer} ul#UpgardesPath li {width:135px; height:135px; background: #ffffff; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 2px solid #E3E3E3; margin:15px 0 15px 25px; text-align:center; text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; } ul#UpgardesPath li:hover, ul#UpgardesPath li.active {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#EDFDF9; border:2px solid #18A187} ul#UpgradeVers {width:100%; height:auto; margin: 0; list-style:none; padding:0; cursor:pointer} ul#UpgradeVers li {width:100px; height:65px; background: #ffffff; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 2px solid #E3E3E3; margin:15px 0 15px 25px; text-align:center; text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:300; font-size:21px; color:#333333; line-height:65px } ul#UpgradeVers li:hover, ul#UpgradeVers li.activeVers {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#EDFDF9; border:2px solid #18A187} ul#UpgradeBundle {width:100%; height:auto; margin: 0; list-style:none; padding:0; cursor:pointer} ul#UpgradeBundle li {width:100px; height:65px; background: #ffffff; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 2px solid #E3E3E3; margin:15px 0 15px 25px; text-align:center; text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:300; font-size:21px; color:#333333; line-height:65px } ul#UpgradeBundle li:hover, ul#UpgradeBundle li.activeBundle {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#EDFDF9; border:2px solid #18A187} #divideSpacer {width:90%; height:1px; background-color:#dedede; margin:0 auto 20px auto;} .divideSpacer {width:85%; height:1px; background-color:#dedede; margin:15px 0 15px 30px;} /*styles the container for the homepage panel sliders to hide the overflow content */ #homePanelContainer {width:973px; height:390px; overflow:hidden; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; color:#333333; text-align:left; position:relative;} /*styles the width and overflow for each of the homepage panel sliders */ .homePanel {width:324px; height:390px; max-height:390px; float:left; overflow:hidden; } /* styling the first panel to show background image and change content for hover state on hover state */ #homePanel1 {width:100%; height:390px; background:url(../images/homepage/new/homePanel1.png) no-repeat #ffffff; position:relative; } .homePanelHoverTab1, .homePanelHoverTab2, .homePanelHoverTab3 {width:50px; height:390px; position:absolute; top:0; right:0; bottom:0; display:none; background: rgba(69, 160, 217, 0.9); font-size:50px; line-height:390px; color: rgba(255, 255, 255, 0.9); text-align:center; cursor:pointer} #homePanel1.activePanel {background:url(../images/homepage/new/homePanel1Down.png) no-repeat #333333; color:#ffffff;} #homePanel1.activePanel > div div .mainBtnPanel {background-color:#666666;} #homePanel2 {width:100%; height:390px; background:url(../images/homepage/new/homePanel2.png) no-repeat #ffffff; position:relative; } .homePanelHoverTab {width:50px; height:390px; position:absolute; top:0; right:0; bottom:0; display:none; background: rgba(69, 160, 217, 0.9); font-size:35px; line-height:390px; color:#D9F1FF; text-align:center; font-weight:bold} #homePanel2.activePanel {background:url(../images/homepage/new/homePanel2Down.png) no-repeat #333333; color:#ffffff;} #homePanel2.activePanel > div div .mainBtnPanel {background-color:#666666; } #homePanel3 {width:100%; height:390px; background:url(../images/homepage/new/homePanel3.png) no-repeat #ffffff; position:relative;} .homePanelHoverTab {width:50px; height:390px; position:absolute; top:0; right:0; bottom:0; display:none; background: rgba(69, 160, 217, 0.9); font-size:35px; line-height:390px; color:#D9F1FF; text-align:center; font-weight:bold} #homePanel3.activePanel {background:url(../images/homepage/new/homePanel3Down.png) no-repeat #333333; color:#ffffff;} #homePanel3.activePanel > div div .mainBtnPanel {background-color:#666666;} .mainBtnPanel {width:295px; height:39px; background-color:#333333; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnPanel:hover {background-color:#45A0D9} .mainBtnPanel a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnPanel a:visited {color:#fff;} .mainBtnClosePanel {width:295px; height:39px; background-color:#333333; font-family: 'Lato', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnClosePanel:hover {background-color:#45A0D9} .mainBtnClosePanel a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnClosePanel a:visited {color:#fff;} .mainLinksPanel a {color: #ffffff; text-decoration:none; cursor:pointer !important} .mainLinksPanel a:hover {color: #06F; text-decoration:none;} .mainLinksPanel a:visited { color: #ffffff; text-decoration:none; } #bxslider-pager2 { position: relative; padding: 0; margin: 0 auto; list-style-type: none; color: #FFF; width: 100%; font: normal 90% arial, helvetica, sans-serif; text-align: center; -webkit-font-smoothing: subpixel-antialiased; } #bxslider-pager2 ul { list-style: none; margin:0; padding:0; float: left; width: 100%; } #bxslider-pager2 li { display:inline-block; margin:0 6px 0 6px; padding:0; float:left; background: #BFDBDD; width: 12px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #bxslider-pager2 li a { text-decoration: none; background-color: #BFDBDD; padding: 0; margin: 0; color: #333333; line-height:35px; display: block; width:12px; height:12px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #bxslider-pager2 li a.active, #bxslider-pager2 li a:hover { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #FFDB00; color:#FFF; } /*NEW Navigation code */ #navigationMenuContainer {width:662px; height:75px; margin:0 auto; display:block} ul.navigationMenu { width: 100%; height: auto; text-align:center; margin:0 auto; padding:0; list-style-type:none; } ul.navigationMenu li { width:138px; height: 75px; display: inline-block; float: left; } ul.navigationMenu li a { height: 75px; color: #fff; line-height: 75px; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:300; font-size:15px; text-transform:uppercase; -webkit-font-smoothing: subpixel-antialiased; } ul.navigationMenu li a span.arrowMenu { display:inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left:10px} ul.navigationMenu li a:hover { background: #3598DB; } ul.navigationMenu li.active a, ul#navigationMenu li a.active { background: #3598DB; } .navSelected {background: #3598DB;} #menuResponsiveIcon {width:75px; height:75px; float:right; margin:0 20px 0 0; display:none} #searchBag {width:225px; height:75px; float:right; margin-right:20px; display:block} ul#CurrencyResponsive {width:135px; height:35px; float:right; list-style:none; margin:20px 0 0 0; border:0; padding:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#404040; font-family: 'Lato', sans-serif; font-weight:300; font-size:23px; line-height:35px; overflow:hidden} ul#CurrencyResponsive li {float:left; width:45px; height:35px; color:#ffffff } ul#CurrencyResponsive li a {display:block; text-decoration:none; padding:0; height:35px; color:#ffffff} ul#CurrencyResponsive li a:hover, ul#CurrencyResponsive li.active {text-decoration:none; background: #3598DB;} ul#CurrencyResponsive li a:visited {color:#ffffff} #currencyFrame {width:135px; height:75px; display:block; float:right; margin-right:20px} #currencySwap {width:75px; height:75px; float:right; display:block} body.lock-position {overflow:hidden} .lock-position {overflow:hidden} ul#currencyList { width:501px; height: auto; text-align:center; margin:20px auto; padding:0; list-style-type:none; } ul#currencyList li { width:145px; height: 175px; display: inline-block; float: left; margin: 0 10px; border:1px solid #000000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ul#currencyList li img { margin:20px 0 18px 0; } ul#currencyList li a { height: 175px; color: #999999; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; -webkit-font-smoothing: subpixel-antialiased; border:1px solid #000000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ul#currencyList li a:hover { border:1px solid #666666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ul#currencyList li.active a, ul#currencyList li a.active { border:1px solid #666666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #mainNavHeader {width:100%; height:auto; position:fixed; top:0; z-index:400000;} #innerMainNavHeader {width:100%; height:75px; margin:0 auto; background:rgba(0, 0, 0, 1.0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .fadeSelection {background:rgba(0, 0, 0, 0.5); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .responsivePanelContainer {width:100%; height:100%; position:fixed; top:0; left: 0; right:0; bottom:0; background:rgba(0, 0, 0, 0.85); display:none; z-index:500000} .currencySelectContainer {width:560px; height:300px; background:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999999; position:absolute; top:50%; left:50%; margin:-150px 0 0 -280px; z-index:600000} .searchSelectionContainer {width:580px; height:290px; background:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999999; position:absolute; top:50%; left:50%; margin:-145px 0 0 -290px; z-index:600000} .mainNavigationContainer {width:750px; height:576px; padding:0; background:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999999; position:absolute; top:50%; left:50%; margin:-278px 0 0 -375px; z-index:600000} .closePanel {width:15px; height:15px; position:absolute; top:15px; right:15px; cursor:pointer} #searchPanelBox {width:540px; height:53px; margin:20px auto 0 auto; border-bottom:1px solid #999999;} .searchPanelFrame {width:450px; height:53px; background: url(../images/newSearch.png) no-repeat 14px 14px; background-size: 24px 25px; padding:0 0 0 50px; margin:0; font-family: 'Lato', sans-serif; font-weight:300; font-size:21px; line-height:53px; color:#ffffff; overflow:auto; border:none; -webkit-font-smoothing: subpixel-antialiased;} .searchPanelFrame:focus {outline:none} .quickLinks {width:200px; height:auto; margin:10px 0 0 90px; color:#ffffff; text-align:left; font-family: 'Lato', sans-serif; font-weight:300; font-size:13px; line-height:30px; -webkit-font-smoothing: subpixel-antialiased;} .quickLinks a {margin-left:20px} .subNavWrapper {width:100%; height:102px; background:#E9EAED; padding:19px 0; position:relative; left:0; top:75px;} ul.SubNav { width:847px; height: 102px; text-align:center; margin:0 auto; padding:0; list-style-type:none; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px;} ul.SubNav li {width:110px; height: 102px; display: inline-block;float: left;margin: 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-weight:400; font-size:13px;} ul.SubNav li img { margin:10px 0 7px 0;} ul.SubNav li a { height: 102px; color: #333333; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; -webkit-font-smoothing: subpixel-antialiased; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:none; line-height: 15px; } ul.SubNav li a:hover { -webkit-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:none} ul.SubNav li.active a, ul.SubNav li a.active { -webkit-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .menuHoverWrapper {width:260px; height:auto; background:rgba(39, 39, 39, 0.95); padding:10px 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; display:none} ul.menuHover { width:100%; height: auto; text-align:left; margin:0 auto; padding:0; list-style-type:none; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px;} ul.menuHover li {width: 220px; height: 30px; display: inline-block; margin: 0; font-weight:300; font-size:15px; float:none; padding:0 20px} ul.menuHover li img {margin:4px 10px 0 0; float:left} ul.menuHover li a { height: 30px; color: #ffffff; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:300; font-size:15px; -webkit-font-smoothing: subpixel-antialiased; text-transform:none; line-height: 30px; background:none} ul.menuHover li a:hover {background:none; color:#3598DB !important; background:none} ul.menuHover li.active a, ul.menuHover li a.active { background:none; color:#3598DB !important; background:none} .menuDivide {width:100%; height:1px; background:#494D51; margin:10px 0} .responsePanelNavContainer {width:460px; height:27px; margin:40px auto 0 auto; padding:0;} ul#responsePanelNav { width:100%; height: auto; text-align:center; margin:0 auto; padding:0; list-style-type:none; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px;} ul#responsePanelNav li {width: 100px; height: 25px; display: inline-block; margin: 0 10px; font-weight:300; font-size:17px; float:left} ul#responsePanelNav li a { height: 27px; color: #ffffff; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; -webkit-font-smoothing: subpixel-antialiased; text-transform:uppercase; line-height: 25px; margin:0; padding:0; } ul#responsePanelNav li a:hover {color:#3598DB !important; border-bottom:2px solid #3598DB} ul#responsePanelNav li.active a, ul#responsePanelNav li a.active { color:#3598DB !important; border-bottom:2px solid #3598DB} .responsePanelInner {width:100%; height:440px; margin:0; position:absolute; top:0; left:0; padding:0; display:none; -webkit-font-smoothing: subpixel-antialiased; background:#000000} ul.responseInner { width:100%; height: auto; text-align:center; margin:0 auto; padding:0; list-style-type:none; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px;} ul.responseInner li {width: 111px; height: 120px; display: inline-block; margin: 0; font-weight:400; font-size:13px; float:none; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} ul.responseInner li img { margin:14px 0 7px 0;} ul.responseInner li a { height: 100%; color: #cccccc; text-decoration: none; display: block; font-family: 'Lato', sans-serif; font-weight:300; font-size:13px; -webkit-font-smoothing: subpixel-antialiased; text-transform:none; line-height: 20px; margin:0; padding:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ul.responseInner li a:hover {-webkit-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} ul.responseInner li.active a, ul#responsePanelNav li a.active { -webkit-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); box-shadow: inset 0px 0px 0px 2px rgba(53,152,219,1); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .responsiveLower {width:100%; height:131px; margin-top:20px; border-top:1px solid #999999; border-bottom:1px solid #999999;} .storemainnav {width:210px; height:auto; float:left; margin:10px 6px; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; -webkit-font-smoothing: subpixel-antialiased; text-transform:none; line-height: 20px; text-align:center; color:#cccccc} .storemainnav span {font-size:19px; font-weight:300} .companyTopContainer {width:75%; height:auto; margin:30px auto 40px auto; overflow:auto} /* Store list */ ul.roundedBoxList { width:891px; height: auto; text-align:center; margin:40px auto; padding:0; list-style-type:none; } ul.roundedBoxList li { width:275px; height: 520px; display: inline-block; float: left; margin: 10px; border:1px solid #e3e3e3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; } ul.roundedBoxList li img { margin:20px 0 10px 0; } .radioLicense {width:230px; height:80px; margin:10px auto; padding:0} .radioLicense input[type=radio] {display:none;} .radioLicense input[type=radio] + label {width:230px; height:40px; line-height:40px; border:none; display:block; background:#ffffff; text-align:left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; cursor:pointer} .radioLicense input[type=radio]:checked + label {background:#E7F2FF} .radioLicense input[type=radio] + label .outer {display:block; width:18px; height:18px; background:#333333; float:left; margin:11px 11px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; padding:0} .radioLicense input[type=radio] + label .inner {display:block; width:14px; height:14px; background:#ffffff; margin:2px auto; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:0} .radioLicense input[type=radio]:checked + label .inner {display:block; width:8px; height:8px; background:#ffffff; margin:5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0} .radioOptIn {width:100%; height:auto; margin:10px auto; padding:0; overflow:auto} .radioOptIn input[type=radio] {display:none;} .radioOptIn input[type=radio] + label {width:100%; height:30px; line-height:30px; border:none; display:block; background:none; text-align:left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#ffffff; cursor:pointer; margin:0} .radioOptIn input[type=radio]:checked + label {background:none} .radioOptIn input[type=radio] + label .outer {display:block; width:18px; height:18px; background:#0099FF; float:left; margin:6px 10px 6px 0; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; padding:0} .radioOptIn input[type=radio] + label .inner {display:block; width:14px; height:14px; background:#ffffff; margin:2px auto; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:0} .radioOptIn input[type=radio]:checked + label .inner {display:block; width:8px; height:8px; background:#ffffff; margin:5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0} ul#videoTutorialsNav {width:429px; height:32px; list-style:none; margin:0; position:absolute; bottom:20px; right:50px} ul#videoTutorialsNav li {line-height:32px; color:#333333; float:left; text-align:center; margin:0 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden} ul#videoTutorialsNav li a {width:100px; height:100%; display:block; text-decoration:none; color:#333333; background:#f1f1f1; font-size:13px; font-family: 'Lato', sans-serif; font-weight:400;} ul#videoTutorialsNav li a:hover, ul#videoTutorialsNav li a.active {color:#ffffff; background:#45A0D9;} ul#videoList {width:837px; height:auto; list-style:none; margin:30px auto 0 auto; overflow:auto; padding:0} ul#videoList li {width:249px; height:205px; border:0; margin: 15px; padding:0; float:left; padding:0; position:relative} ul#videoList li .roundedWrapper {width:249px; height:140px; padding:0; margin:0; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; overflow:hidden} ul#videoList li a {width:100%; height:140px; display:block; text-decoration:none;} ul#videoList li a .playSymbol {width:56px; height:56px; border-radius:28px; -moz-border-radius:28px; -webkit-border-radius:28px; background:url(../images/playsymbol.png) no-repeat rgba(0, 0, 0, 0.85); position:absolute; top:42px; left:50%; margin:0 0 0 -28px} ul#videoList li a:hover .playSymbol {background:url(../images/playsymbol.png) no-repeat rgba(69, 170, 216, 0.9);} ul#surveyContainer {list-style:none; padding:0; margin:0; width:100%; overflow:hidden; height:auto; position:relative} ul#surveyContainer li {width:100%; height:auto; text-align:center; color:#333333; padding:0; margin:0;} #mainControlsContainer {width:100%; height:85px; position:fixed; bottom:0; left:0; background:#206695; z-index:50000} #surveyProgressContainer {height:85px; margin:0 300px;} #surveyProgress {width:90%; max-width:700px; height:50px; background:#34495E; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:17px auto 0 auto; text-align:center; font-family: 'Lato', sans-serif; font-weight:400; font-size:25px; color:#ffffff; line-height:50px; padding:0; outline: 1px solid transparent;} .surveyProgressBar {width:0%; height:50px; background:#EA4C40; float:left; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0; padding:0;} .surveyProgressBarText {position:absolute; top:0; left:0; width:100%; line-height:50px} #survey-slider-prev a {width:300px; height:85px; text-align:center; font-family: 'Lato', sans-serif; font-weight:400; font-size:27px; background:#86C342; position:absolute; left:0; bottom:0; text-decoration:none; color:#ffffff; line-height:85px} #survey-slider-prev .disabled {display:none} #survey-slider-next a {width:300px; height:85px; text-align:center; font-family: 'Lato', sans-serif; font-weight:400; font-size:27px; background:#86C342; position:absolute; right:0; bottom:0; text-decoration:none; color:#ffffff; line-height:85px} #survey-slider-next .disabled {display:none} #case-slider-prev a {width:57px; height:57px; text-align:center; font-family: 'Lato', sans-serif; font-weight:400; font-size:27px; background:#2685DE; position:absolute; left:0; top:0; text-decoration:none; color:#ffffff; line-height:57px; margin:0} #case-slider-prev .disabled {display:none} #case-slider-next a {width:57px; height:57px; text-align:center; font-family: 'Lato', sans-serif; font-weight:400; font-size:27px; background:#2685DE; position:absolute; right:0; top:0; text-decoration:none; color:#ffffff; line-height:57px; margin:0} #case-slider-next .disabled {display:none} #cross-slider-prevUSD a, #cross-slider-prev a, #cross-slider-prevEUR a {width:145px; height:48px; text-align:center; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; text-decoration:none; color:#ffffff; line-height:48px; float:left; background:#3598DB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid transparent;} #cross-slider-prevUSD a:hover, #cross-slider-prev a:hover, #cross-slider-prevEUR a:hover {background-color:#2D6FAE} #cross-slider-prevUSD .disabled, #cross-slider-prev .disabled, #cross-slider-prevEUR .disabled {display:none} #cross-slider-nextUSD a, #cross-slider-next a, #cross-slider-nextEUR a {width:145px; height:100%; text-align:center; font-family: 'Lato', sans-serif; font-weight:300; font-size:17px; text-decoration:none; color:#ffffff; line-height:48px; float:right; background:#3598DB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid transparent;} #cross-slider-nextUSD a:hover, #cross-slider-next a:hover, #cross-slider-nextEUR a:hover {background-color:#2D6FAE} #cross-slider-nextUSD .disabled, #cross-slider-next .disabled, #cross-slider-nextEUR .disabled {display:none} .answers-slider {width:300px; height:85px; text-align:center; font-family: 'Lato', sans-serif; font-weight:400; font-size:27px; background:#9A57B4; position:absolute; right:0; bottom:0; text-decoration:none; color:#ffffff; line-height:85px; -webkit-appearance: none;; -moz-appearance:none;} .slideInner {width:90%; height:auto; max-width:1000px; margin:60px auto 0 auto;} .slideTitleBig {width:100%; height:auto; font-family: 'Raleway', sans-serif; font-weight:100; font-size:80px; color:#ffffff; text-align:center; margin:0 auto; line-height:100px; -webkit-font-smoothing: antialiased } .slideTitleSmall {width:100%; height:auto; font-family: 'Raleway', sans-serif; font-weight:200; font-size:50px; color:#ffffff; text-align:center; margin:0 auto; line-height:75px; -webkit-font-smoothing: antialiased } .slideTitleSub {width:100%; height:auto; font-family: 'Raleway', sans-serif; font-weight:400; font-size:27px; color:#ffffff; text-align:center; margin:15px auto; line-height:35px; -webkit-font-smoothing: antialiased } .slideBody {width:90%; height:auto; font-family: 'Lato', sans-serif; font-weight:400; font-size:27px; color:#77B5DC; text-align:center; margin:40px auto 140px auto; padding:0; line-height:45px; -webkit-font-smoothing: antialiased} .rankBody {width:100%; height:auto; font-family: 'Lato', sans-serif; font-weight:400; font-size:27px; color:#52A7E5; text-align:center; margin:0; padding:0; line-height:45px; -webkit-font-smoothing: antialiased} .featureTitleSub {height:auto; font-family: 'Lato', sans-serif; font-weight:400; font-size:19px; color:#ffffff; text-align:left; margin:0 10px 0 0; line-height:60px; -webkit-font-smoothing: antialiased; text-indent:15px} .surveyTextBox {width: 30%; height:55px; padding:0; margin:0; background:#206695; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#ffffff; text-indent:15px; box-sizing: border-box; border:5px solid #4A93C3;} .surveyTextBox:focus {outline:none; box-sizing: border-box; border:5px solid #ffffff;} .surveyTextBox::-webkit-input-placeholder { color:#77B5DC } .surveyTextBox::-moz-placeholder { color:#77B5DC } .surveyTextBox:-ms-input-placeholder { color:#77B5DC } .surveyTextBox:-moz-placeholder { color:#77B5DC } .nameTextBox {float:left; margin:0} .emailTextBox {margin: 0 auto} .companyTextBox {float:right; margin:0} .surveyselectleft {width:30%; height:auto; float:left} .surveyselectright {width:30%; height:auto; float:right} .surveyselectcenter {width:30%; height:auto; margin:0 auto} .otherTextBox {width: 100%; height:55px; padding:0; margin:15px 0 0 0; background:#206695; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#ffffff; text-indent:15px; box-sizing: border-box; border:5px solid #4A93C3} .otherTextBox:focus {outline:none; box-sizing: border-box; border:5px solid #ffffff;} .otherTextBox::-webkit-input-placeholder { color:#77B5DC } .otherTextBox::-moz-placeholder { color:#77B5DC } .otherTextBox:-ms-input-placeholder { color:#77B5DC } .otherTextBox:-moz-placeholder { color:#77B5DC } .surveySelect {width:100%; height:auto; margin:0 auto 0 auto; padding:0; overflow:auto} .select-style2 { padding: 0; margin: 0; border: 5px solid #206695; width: 100%; height:55px; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; overflow: hidden; background-color: #4A93C3; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#ffffff; box-sizing: border-box; cursor:pointer; background:url(../images/survey-dropdown.png) no-repeat #4A93C3; background-size: 45px 45px; background-position:right; text-indent:15px; } .select-style2 select { padding: 5px 8px; width: 100%; height:100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#ffffff; cursor:pointer; } .select-style2:hover {background:url(../images/survey-dropdown.png) no-repeat #4A93C3; background-size: 45px 45px; background-position:right;} .select-style2 select:focus { outline: none; border: } .surveyCheck {width:100%; height:auto; margin:0 auto 0 auto; padding:0; overflow:auto} .surveyCheck input[type=checkbox] {display:none;} .surveyCheck input[type=checkbox] + label {width:calc(100% / 6); height:auto; line-height:35px; border:none; display:block; text-align:center; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Lato', sans-serif; font-weight:bold; font-size:19px; color:#77B4DC; cursor:pointer; -webkit-font-smoothing: antialiased; background:none; padding:0; float:left; margin:10px 0} .surveyCheck input[type=checkbox]:checked + label {color:#ffffff} .surveyCheck input[type=checkbox] + label .outer {display:block; width:54px; height:54px; background:#4A93C3; margin:0 auto; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; padding:0; overflow:auto} .surveyCheck input[type=checkbox] + label .inner {display:block; width:44px; height:44px; background:#206695; margin:5px auto; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:0} .surveyCheck input[type=checkbox]:checked + label .outer {display:block; width:54px; height:54px; background:#ffffff; margin:0 auto; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; padding:0;} .surveyCheck input[type=checkbox]:checked + label .inner {display:block; width:44px; height:44px; margin:5px auto; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:0} .surveyCheck input[type=checkbox]:checked + label .inner:before {content: "\2713"; color: #ffffff; font-size:35px; line-height:44px; font-weight:bold} .surveyRadio {width:100%; height:auto; margin:0 auto 0 auto; padding:0; overflow:auto} .surveyRadioProd {width:40%; height:auto; margin:0 auto 0 auto; padding:0; overflow:auto} .surveyRadioRanking {width:90%; height:auto; margin:40px auto 0 auto; padding:0; overflow:auto} .surveyRadio input[type=radio] {display:none;} .surveyRadioProd input[type=radio] + label {width:calc(100% / 2); height:auto; line-height:35px; border:none; display:block; text-align:center; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Lato', sans-serif; font-weight:bold; font-size:19px; color:#77B4DC; cursor:pointer; -webkit-font-smoothing: antialiased; background:none; padding:0; float:left; margin:10px 0} .surveyRadioProd input[type=radio]:checked + label {color:#ffffff} .surveyRadioProd input[type=radio] + label .outer {display:block; width:54px; height:54px; background:#4A93C3; margin:0 auto; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px; padding:0; overflow:auto} .surveyRadioProd input[type=radio] + label .inner {display:block; width:44px; height:44px; background:#206695; margin:5px auto; border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px; padding:0; overflow:auto} .surveyRadioProd input[type=radio] + label .innerCircle {display:block; width:18px; height:18px; background:#206695; margin:13px auto; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; padding:0} .surveyRadioProd input[type=radio]:checked + label .outer {background:#ffffff;} .surveyRadioProd input[type=radio]:checked + label .inner {background:#206695;} .surveyRadioProd input[type=radio]:checked + label .innerCircle {background:#ffffff;} .surveyRadioRanking input[type=radio] + label {width:calc(100% / 5); height:auto; line-height:35px; border:none; display:block; text-align:center; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Lato', sans-serif; font-weight:bold; font-size:19px; color:#77B4DC; cursor:pointer; -webkit-font-smoothing: antialiased; background:none; padding:0; float:left; margin:10px 0} .surveyRadioRanking input[type=radio]:checked + label {color:#ffffff} .surveyRadioRanking input[type=radio] + label .outer {display:block; width:74px; height:74px; background:#4A93C3; margin:0 auto; border-radius:37px; -moz-border-radius:37px; -webkit-border-radius:37px; padding:0; overflow:auto} .surveyRadioRanking input[type=radio] + label .inner {display:block; width:64px; height:64px; background:#206695; margin:5px auto; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px; padding:0; overflow:auto} .surveyRadioRanking input[type=radio]:checked + label .outer {background:#ffffff;} .surveyRadioRanking input[type=radio]:checked + label .inner {background:#206695;} .surveyRadioRanking input[type=radio] + label .choice1:before { content:"1"; font-size:35px; line-height:62px; text-align:center; color: #77B4DC; font-weight:400} .surveyRadioRanking input[type=radio] + label .choice2:before { content:"2"; font-size:35px; line-height:62px; text-align:center; color: #77B4DC; font-weight:400} .surveyRadioRanking input[type=radio] + label .choice3:before { content:"3"; font-size:35px; line-height:62px; text-align:center; color: #77B4DC; font-weight:400} .surveyRadioRanking input[type=radio] + label .choice4:before { content:"4"; font-size:35px; line-height:62px; text-align:center; color: #77B4DC; font-weight:400} .surveyRadioRanking input[type=radio] + label .choice5:before { content:"5"; font-size:35px; line-height:62px; text-align:center; color: #77B4DC; font-weight:400} .surveyRadioRanking input[type=radio]:checked + label .choice1:before { color: #ffffff;} .surveyRadioRanking input[type=radio]:checked + label .choice2:before { color: #ffffff;} .surveyRadioRanking input[type=radio]:checked + label .choice3:before { color: #ffffff;} .surveyRadioRanking input[type=radio]:checked + label .choice4:before { color: #ffffff;} .surveyRadioRanking input[type=radio]:checked + label .choice5:before { color: #ffffff;} .surveyTextAreaContainer {width:90%; height:auto; margin:0 auto 0 auto} .surveyTextArea {width: 100%; height:150px; padding:20px; margin:0; background:#206695; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#ffffff; text-indent:15px; box-sizing: border-box; border:5px solid #4A93C3; resize:none} .surveyTextArea:focus {outline:none; box-sizing: border-box; border:5px solid #ffffff;} .surveyTextArea::-webkit-input-placeholder { color:#77B5DC } .surveyTextArea::-moz-placeholder { color:#77B5DC } .surveyTextArea:-ms-input-placeholder { color:#77B5DC } .surveyTextArea:-moz-placeholder { color:#77B5DC } .spacerPanel {width:100%; height:150px;} #arrowSurveyLeft {width:28px; height:29px; background:url(../images/surveyArrowleft.png) no-repeat center; background-size: 28px 29px; float:left; margin: 8px 0 8px 15px } #arrowSurveyRight {width:28px; height:29px; background:url(../images/surveyArrowright.png) no-repeat center; background-size: 28px 29px; float:right; margin:8px 15px 8px 0 } .starRatingContainer {width:100%; height:auto; margin:50px auto 40px auto; overflow:auto} .starRating { overflow: hidden; display: inline-block; font-size: 0; position: relative; } .starRating-input { float: right; padding: 0; margin: 0; opacity: 0; border:none; } .starRating:hover .starRating-star:hover, .starRating:hover .starRating-star:hover ~ .starRating-star, .starRating-input:checked ~ .starRating-star { background: url(../images/products/md8/star-pink-on-large.png); background-size: 134px 128px; } .starRating-star, .starRating:hover .starRating-star { position: relative; float: right; display: block; width: 134px; height: 128px; background: url(../images/star-rating-off.png); background-size: 134px 128px; border:none; margin:0 10px; cursor:pointer; } .surveyRateFeaturesContainer {width:100%; height:auto; margin:0 auto 0 auto; overflow:auto; box-sizing:border-box} .surveyRateFeaturesleft {width: 47%; height:auto; padding:0; margin:0 0 10px 0; background:#2A80B9; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#ffffff; box-sizing: border-box; border:5px solid #4A93C3; float:left; overflow:auto} .surveyRateFeaturesright {width: 47%; height:auto; padding:0; margin:0 0 10px 0; background:#2A80B9; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; color:#ffffff; box-sizing: border-box; border:5px solid #4A93C3; float:right; overflow:auto} .featureStarRatingContainer {width:55%; height:auto; margin:13px 0 0 0; overflow:auto; float:right} .featureStarRating { overflow: hidden; display: inline-block; font-size: 0; position: relative; } .featureStarRating-input { float: right; padding: 0; margin: 0; opacity: 0; border:none; } .featureStarRating:hover .featureStarRating-star:hover, .featureStarRating:hover .featureStarRating-star:hover ~ .featureStarRating-star, .featureStarRating-input:checked ~ .featureStarRating-star { background: url(../images/star-rating-on.png); background-size: 36px 34px; } .featureStarRating-star, .featureStarRating:hover .featureStarRating-star { position: relative; float: right; display: block; width: 36px; height: 34px; background: url(../images/star-rating-off.png); background-size: 36px 34px; border:none; margin:0; cursor:pointer; } /* BLACK FRIDAY 2016 */ ul#BFSelect {width:667px; height:auto; list-style:none; margin:40px auto; padding:0;} ul#BFSelect li {line-height:38px; color:#333333; float:left; text-align:center; margin:0 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden} ul#BFSelect li a {height:38px; display:block; text-decoration:none; color:#ffffff; background:#333333; font-size:15px; font-family: 'Lato', sans-serif; font-weight:400;} ul#BFSelect li a:hover, ul#BFSelect li a.active {color:#ffffff; background:#D81C3F;} ul#BFProduct {width:900px; height:auto; list-style:none; margin:40px auto; padding:0; overflow:auto;} ul#BFProduct li {width:300px; height:681px; line-height:38px; color:#333333; float:left; text-align:center; margin:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden} ul#BFProduct li .upper {width:250px; height:25px; color:#333333; text-align:center; margin:0 auto;} ul#BFProduct li .lower {width:250px; height:25px; color:#333333; text-align:center; margin:0 auto; border-bottom:1px solid #e5e5e5} ul#BFProduct li .inner {width:299px; height:630px; color:#333333; text-align:center; margin:0; border-right:1px solid #e5e5e5;} ul#BFProduct li .inner img {margin-bottom:15px; margin-right:3px} .blackFridayRadio {width:230px; height:120px; margin:10px auto 0 auto; padding:0; overflow:auto} .blackFridayRadio input[type=radio] {display:none;} .blackFridayRadio input[type=radio] + label {width:230px; height:40px; line-height:40px; border:none; display:block; background:#ffffff; text-align:left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#333333; cursor:pointer} .blackFridayRadio input[type=radio]:checked + label {background:#FFDFDE} .blackFridayRadio input[type=radio] + label .outerBF {display:block; width:18px; height:18px; background:#333333; float:left; margin:11px 11px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; padding:0} .blackFridayRadio input[type=radio] + label .innerBF {display:block; width:14px; height:14px; background:#ffffff; margin:2px auto; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:0} .blackFridayRadio input[type=radio]:checked + label .innerBF {display:block; width:8px; height:8px; background:#ffffff; margin:5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0} .mainBtnBFriday {width:120px; height:42px; background-color:#D81C3F; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; text-transform:none; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} .mainBtnBFriday:hover {background-color:#A51530} .mainBtnBFriday a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .mainBtnBFriday a:visited {color:#fff;} .radioExtra { height:auto; padding:0; margin:0; border-bottom:1px solid #f0f0f0; overflow:auto; } .radioExtra label { width: 100%; height:auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border:none; padding:20px 0; margin:0; } .radioExtra .radioBase { width:100%; height:50px; position:absolute; bottom:0; left:0; background:#F2F2F2; color:#333333; } /* hide input */ .radioExtra input.radioSel:empty, .radioExtra input.checkSel:empty, .radioExtra input.radioSelUSD:empty, .radioExtra input.checkSelUSD:empty, .radioExtra input.radioSelEUR:empty, .radioExtra input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioExtra .radioSel, .radioExtra .radioSelUSD, .radioExtra .radioSelEUR { width:10px; } /* style label */ .radioExtra input.radioSel:empty ~ label, .radioExtra input.checkSel:empty ~ label, .radioExtra input.radioSelUSD:empty ~ label, .radioExtra input.checkSelUSD:empty ~ label, .radioExtra input.radioSelEUR:empty ~ label, .radioExtra input.checkSelEUR:empty ~ label { position: relative; float: left; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioExtra input.radioSel:empty ~ label:before, .radioExtra input.checkSel:empty ~ label:before, .radioExtra input.radioSelUSD:empty ~ label:before, .radioExtra input.checkSelUSD:empty ~ label:before, .radioExtra input.radioSelEUR:empty ~ label:before, .radioExtra input.checkSelEUR:empty ~ label:before { position: absolute; display: block; top: 45px; left: 20px; content: ''; width: 17px; height:17px; background: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:1px solid #CCCCCC; } .radioExtra input.checkSel2:empty ~ label:before, .radioExtra input.checkSel2USD:empty ~ label:before, .radioExtra input.checkSel2EUR:empty ~ label:before { position: absolute; display: block; top: 22px; left: 90px; content: ''; width: 17px; height:17px; background: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:1px solid #CCCCCC; } .radioExtra input.radioSel:hover:not(:checked) ~ label, .radioExtra input.checkSel:hover:not(:checked) ~ label, .radioExtra input.radioSelUSD:hover:not(:checked) ~ label, .radioExtra input.checkSelUSD:hover:not(:checked) ~ label, .radioExtra input.radioSelEUR:hover:not(:checked) ~ label, .radioExtra input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:none; } .radioExtra input.radioSel:hover:not(:checked) ~ label .radioBase, .radioExtra input.checkSel:hover:not(:checked) ~ label .radioBase, .radioExtra input.radioSelUSD:hover:not(:checked) ~ label .radioBase, .radioExtra input.checkSelUSD:hover:not(:checked) ~ label .radioBase, .radioExtra input.radioSelEUR:hover:not(:checked) ~ label .radioBase, .radioExtra input.checkSelEUR:hover:not(:checked) ~ label .radioBase { background:#1CBB9B; color:#ffffff; } /* toggle on */ .radioExtra input.radioSel:checked ~ label:before, .radioExtra input.checkSel:checked ~ label:before, .radioExtra input.radioSelUSD:checked ~ label:before, .radioExtra input.checkSelUSD:checked ~ label:before, .radioExtra input.radioSelEUR:checked ~ label:before, .radioExtra input.checkSelEUR:checked ~ label:before { content: url(../images/products/radioTick.png); line-height:19px; color: #ffffff; background-color: #3598DB; border:1px solid #287BB4; } .radioExtra input.radioSel:checked ~ label, .radioExtra input.checkSel:checked ~ label, .radioExtra input.radioSelUSD:checked ~ label, .radioExtra input.checkSelUSD:checked ~ label, .radioExtra input.radioSelEUR:checked ~ label, .radioExtra input.checkSelEUR:checked ~ label { color: #777; border:none; background:#FAFAFA; } .radioExtra input.radioSel:checked ~ label .radioBase, .radioExtra input.checkSel:checked ~ label .radioBase, .radioExtra input.radioSelUSD:checked ~ label .radioBase, .radioExtra input.checkSelUSD:checked ~ label .radioBase, .radioExtra input.radioSelEUR:checked ~ label .radioBase, .radioExtra input.checkSelEUR:checked ~ label .radioBase { color:#ffffff; background:#ffffff; } .copyrightYear:before { content:"2025"} #bx-pagerSlice { position: relative; padding: 0; margin: 30px auto; list-style-type: none; background-color: #ffffff; color: #FFF; width: 190px; font: normal 90% arial, helvetica, sans-serif; text-align: center; -webkit-font-smoothing: subpixel-antialiased; } #bx-pagerSlice ul { list-style: none; margin:0; padding:0; float: left; width: 100%; } #bx-pagerSlice li { display:inline-block; margin:0 5px; padding:0; background: #7f7f7f; width: 50px; height:3px } #bx-pagerSlice li a { text-decoration: none; background-color: #dddddd; padding: 0; margin: 0; color: #333333; line-height:3px; display: block; width:100%; height:100%; } #bx-pagerSlice li a.active, #bx-pagerSlice li a:hover { background-color: #7f7f7f; color:#FFF; } .radioCross { margin-left:28px; margin-bottom:28px; width:245px; height:430px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background:#ffffff; padding:0; } .radioCross label { width: 245px; height:430px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:none; background:#ffffff; } .radioCross .radioBase { width:100%; height:65px; line-height:65px; position:absolute; bottom:0; left:0; background:#F2F2F2; color:#333333; margin:0; padding:0; border-radius:0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; } /* hide input */ .radioCross input.radioSel:empty, .radioCross input.checkSel:empty, .radioCross input.radioSelUSD:empty, .radioCross input.checkSelUSD:empty, .radioCross input.radioSelEUR:empty, .radioCross input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioCross .radioSel, .radioCross .radioSelUSD, .radioCross .radioSelEUR { width:10px; } /* style label */ .radioCross input.radioSel:empty ~ label, .radioCross input.checkSel:empty ~ label, .radioCross input.radioSelUSD:empty ~ label, .radioCross input.checkSelUSD:empty ~ label, .radioCross input.radioSelEUR:empty ~ label, .radioCross input.checkSelEUR:empty ~ label { position: relative; float: left; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioCross input.checkSel:empty ~ label:before, .radioCross input.checkSelUSD:empty ~ label:before, .radioCross input.checkSelEUR:empty ~ label:before { position: absolute; display: block; top: 30px; left: 112px; content: ''; width: 17px; height:17px; background: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:2px solid #E3E3E3; } .radioCross input.radioSel:empty ~ label:before, .radioCross input.radioSelUSD:empty ~ label:before, .radioCross input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 30px; left: 112px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(227,227,227,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(227,227,227,1); box-shadow: inset 0px 0px 0px 2px rgba(227,227,227,1);} /* toggle hover */ .radioCross input.checkSel:hover:not(:checked) ~ label:before, .radioCross input.checkSelUSD:hover:not(:checked) ~ label:before, .radioCross input.checkSelEUR:hover:not(:checked) ~ label:before { content: url(../images/products/radioTick.png); line-height:19px; color: #ffffff; background-color: #91C06A; border:2px solid #64A33D; } .radioCross input.radioSel:hover:not(:checked) ~ label:before, .radioCross input.radioSelUSD:hover:not(:checked) ~ label:before, .radioCross input.radioSelEUR:hover:not(:checked) ~ label:before { content: url(../images/products/radioSelect2.png); line-height:20px; color: #1CBB9B; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1);} .radioCross input.radioSel:hover:not(:checked) ~ label, .radioCross input.checkSel:hover:not(:checked) ~ label, .radioCross input.radioSelUSD:hover:not(:checked) ~ label, .radioCross input.checkSelUSD:hover:not(:checked) ~ label, .radioCross input.radioSelEUR:hover:not(:checked) ~ label, .radioCross input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:none; } .radioCross input.radioSel:hover:not(:checked) ~ label .radioBase, .radioCross input.checkSel:hover:not(:checked) ~ label .radioBase, .radioCross input.radioSelUSD:hover:not(:checked) ~ label .radioBase, .radioCross input.checkSelUSD:hover:not(:checked) ~ label .radioBase, .radioCross input.radioSelEUR:hover:not(:checked) ~ label .radioBase, .radioCross input.checkSelEUR:hover:not(:checked) ~ label .radioBase { background:#91C06A; color:#ffffff; } /* toggle on */ .radioCross input.checkSel:checked ~ label:before, .radioCross input.checkSelUSD:checked ~ label:before, .radioCross input.checkSelEUR:checked ~ label:before { content: url(../images/products/radioTick.png); line-height:19px; color: #ffffff; background-color: #91C06A; border:2px solid #64A33D; } .radioCross input.radioSel:checked ~ label:before, .radioCross input.radioSelUSD:checked ~ label:before, .radioCross input.radioSelEUR:checked ~ label:before { content: url(../images/products/radioSelect2.png); line-height:20px; color: #1CBB9B; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); } .radioCross input.radioSel:checked ~ label, .radioCross input.checkSel:checked ~ label, .radioCross input.radioSelUSD:checked ~ label, .radioCross input.checkSelUSD:checked ~ label, .radioCross input.radioSelEUR:checked ~ label, .radioCross input.checkSelEUR:checked ~ label { color: #777; background:#F4FFF5; border:none; } .radioCross input.radioSel:checked ~ label .radioBase, .radioCross input.checkSel:checked ~ label .radioBase, .radioCross input.radioSelUSD:checked ~ label .radioBase, .radioCross input.checkSelUSD:checked ~ label .radioBase, .radioCross input.radioSelEUR:checked ~ label .radioBase, .radioCross input.checkSelEUR:checked ~ label .radioBase { background:#91C06A; color:#ffffff; } ul#engaddonlist {list-style-type:none; overflow:hidden; text-align:center; padding:0; margin:50px auto 50px auto} ul#engaddonlist li {width:194px; height:210px; float:left; padding:0; margin:0; border:3px solid #f7f7f7; cursor:pointer; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;} ul#engaddonlist li:hover, ul#engaddonlist li.activeLibrary {border:3px solid #3498DA} .newBTNBlue {width:auto; height:53px; background-color:#489BE8; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:17px; color:#ffffff; line-height:55px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #1A82E2;} .newBTNBlue:hover {background-color:#4495E2} .newBTNBlue a:link {display:block; height:100%; color:#fff; text-decoration: none; padding:0 30px 0 30px} .newBTNBlue a:visited {color:#fff;} .newBTNPurple {width:95px; height:35px; background-color:#9444B6; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#ffffff; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:} .newBTNPurple:hover {background-color:#602E76} .newBTNPurple a:link {display:block; height:100%; color:#fff; text-decoration: none; padding:0} .newBTNPurple a:visited {color:#fff;} .contactRequest .newBTNPCOrange { width: 100%; max-width:340px; background-color:#ED560B; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#ffffff; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; -webkit-font-smoothing: subpixel-antialiased; height:50px; line-height:50px; border:none; padding:0; margin:20px auto; -webkit-appearance: none; cursor:pointer; } .contactRequest .newBTNPCOrange:hover, .contactRequest .newBTNPCOrange:focus { background-color:#D54D0B; } .contactRequest .newBTNMacGreen { width: 100%; max-width:340px; background-color:#55AB55; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#ffffff; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; -webkit-font-smoothing: subpixel-antialiased; height:50px; line-height:50px; border:none; padding:0; margin:20px auto; -webkit-appearance: none; cursor:pointer; } .contactRequest .newBTNMacGreen:hover, .contactRequest .newBTNMacGreen:focus { background-color:#468F48; } .newBTNGreen {width:auto; height:43px; background-color:#86C342; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#ffffff; line-height:43px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #72A739; margin:0 auto} .newBTNGreen:hover {background-color:#72A739} .newBTNGreen a:link {display:block; height:100%; color:#fff; text-decoration: none; padding:0 30px 0 30px} .newBTNGreen a:visited {color:#fff;} .newBTNGray {width:auto; height:43px; background-color:#666666; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#ffffff; line-height:43px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #333333; margin:0 auto} .newBTNGray:hover {background-color:#333333} .newBTNGray a:link {display:block; height:100%; color:#fff; text-decoration: none; padding:0 30px 0 30px} .newBTNGray a:visited {color:#fff;} .newBTNOrange {width:auto; height:53px; background-color:#FDA90B; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:17px; color:#ffffff; line-height:55px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #E79A0B;} .newBTNOrange:hover {background-color:#E79A0B} .newBTNOrange a:link {display:block; height:100%; color:#fff; text-decoration: none; padding:0 30px 0 30px} .newBTNOrange a:visited {color:#fff;} .newBTNBlueBorder {width:auto; height:53px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:17px; color:#1A82E2; line-height:55px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #489BE8;} .newBTNBlueBorder:hover {border:1px solid #3777B8} .newBTNBlueBorder a:link {display:block; height:100%; color:#1A82E2; text-decoration: none; padding:0 30px 0 30px} .newBTNBlueBorder a:visited {color:#1A82E2;} .newBTNOrangeBorder {width:auto; height:53px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:17px; color:#FDA90B; line-height:55px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #FDA90B;} .newBTNOrangeBorder:hover {border:1px solid #E79A0B} .newBTNOrangeBorder a:link {display:block; height:100%; color:#FDA90B; text-decoration: none; padding:0 30px 0 30px} .newBTNOrangeBorder a:visited {color:#FDA90B;} .newBTNBlueSmall {width:120px; height:38px; background-color:#489BE8; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#ffffff; line-height:38px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #1A82E2; outline:none} .newBTNBlueSmall:hover {background-color:#4495E2} .newBTNBlueSmall a:link {display:block; height:100%; color:#fff; text-decoration: none; outline:none} .newBTNBlueSmall a:visited {color:#fff;} .slickprev.slick-disabled, .slicknext.slick-disabled, .slickprevProd.slick-disabled, .slicknextProd.slick-disabled, .slickprev2.slick-disabled, .slicknext2.slick-disabled { opacity: 0; pointer-events:none; } .flexAlignItemsCenter { align-items:center; -webkit-align-items:center;} .flexBasic {display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .flexWrap { flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content:space-between; -webkit-justify-content: space-between;} .flexWrapCenter { flex-wrap:wrap; -webkit-flex-wrap: wrap; justify-content:center; -webkit-justify-content: center;} .slick-slide { outline: none } .radioCrossWide { margin-left:auto; margin-right:auto; margin-bottom:10px; width:850px; height:65px; float:none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background:#ffffff; padding:0; } .radioCrossWide label { width: 850px; height:65px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:none; background:#ffffff; } .radioCrossWide .radioBaseWide { width:130px; height:65px; line-height:65px; position:absolute; bottom:0; right:0; float:right; background:#F2F2F2; color:#333333; margin:0; padding:0; border-radius:0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; } /* hide input */ .radioCrossWide input.radioSel:empty, .radioCrossWide input.checkSel:empty, .radioCrossWide input.radioSelUSD:empty, .radioCrossWide input.checkSelUSD:empty, .radioCrossWide input.radioSelEUR:empty, .radioCrossWide input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioCrossWide .radioSel, .radioCrossWide .radioSelUSD, .radioCrossWide .radioSelEUR { width:10px; } /* style label */ .radioCrossWide input.radioSel:empty ~ label, .radioCrossWide input.checkSel:empty ~ label, .radioCrossWide input.radioSelUSD:empty ~ label, .radioCrossWide input.checkSelUSD:empty ~ label, .radioCrossWide input.radioSelEUR:empty ~ label, .radioCrossWide input.checkSelEUR:empty ~ label { position: relative; float: left; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioCrossWide input.checkSel:empty ~ label:before, .radioCrossWide input.checkSelUSD:empty ~ label:before, .radioCrossWide input.checkSelEUR:empty ~ label:before { position: absolute; display: block; top: 23px; left: 23px; content: ''; width: 17px; height:17px; background: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border:2px solid #E3E3E3; } .radioCrossWide input.radioSel:empty ~ label:before, .radioCrossWide input.radioSelUSD:empty ~ label:before, .radioCrossWide input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 23px; left: 23px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(227,227,227,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(227,227,227,1); box-shadow: inset 0px 0px 0px 2px rgba(227,227,227,1);} /* toggle hover */ .radioCrossWide input.checkSel:hover:not(:checked) ~ label:before, .radioCrossWide input.checkSelUSD:hover:not(:checked) ~ label:before, .radioCrossWide input.checkSelEUR:hover:not(:checked) ~ label:before { content: url(../images/products/radioTick.png); line-height:19px; color: #ffffff; background-color: #91C06A; border:2px solid #64A33D; } .radioCrossWide input.radioSel:hover:not(:checked) ~ label:before, .radioCrossWide input.radioSelUSD:hover:not(:checked) ~ label:before, .radioCrossWide input.radioSelEUR:hover:not(:checked) ~ label:before { content: url(../images/products/radioSelect2.png); line-height:20px; color: #1CBB9B; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1);} .radioCrossWide input.radioSel:hover:not(:checked) ~ label, .radioCrossWide input.checkSel:hover:not(:checked) ~ label, .radioCrossWide input.radioSelUSD:hover:not(:checked) ~ label, .radioCrossWide input.checkSelUSD:hover:not(:checked) ~ label, .radioCrossWide input.radioSelEUR:hover:not(:checked) ~ label, .radioCrossWide input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:none; } .radioCrossWide input.radioSel:hover:not(:checked) ~ label .radioBaseWide, .radioCrossWide input.checkSel:hover:not(:checked) ~ label .radioBaseWide, .radioCrossWide input.radioSelUSD:hover:not(:checked) ~ label .radioBaseWide, .radioCrossWide input.checkSelUSD:hover:not(:checked) ~ label .radioBaseWide, .radioCrossWide input.radioSelEUR:hover:not(:checked) ~ label .radioBaseWide, .radioCrossWide input.checkSelEUR:hover:not(:checked) ~ label .radioBaseWide { background:#91C06A; color:#ffffff; } /* toggle on */ .radioCrossWide input.checkSel:checked ~ label:before, .radioCrossWide input.checkSelUSD:checked ~ label:before, .radioCrossWide input.checkSelEUR:checked ~ label:before { content: url(../images/products/radioTick.png); line-height:19px; color: #ffffff; background-color: #91C06A; border:2px solid #64A33D; } .radioCrossWide input.radioSel:checked ~ label:before, .radioCrossWide input.radioSelUSD:checked ~ label:before, .radioCrossWide input.radioSelEUR:checked ~ label:before { content: url(../images/products/radioSelect2.png); line-height:20px; color: #1CBB9B; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); -moz-box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); box-shadow: inset 0px 0px 0px 2px rgba(145,192,106,1); } .radioCrossWide input.radioSel:checked ~ label, .radioCrossWide input.checkSel:checked ~ label, .radioCrossWide input.radioSelUSD:checked ~ label, .radioCrossWide input.checkSelUSD:checked ~ label, .radioCrossWide input.radioSelEUR:checked ~ label, .radioCrossWide input.checkSelEUR:checked ~ label { color: #777; background:#F4FFF5; border:none; } .radioCrossWide input.radioSel:checked ~ label .radioBaseWide, .radioCrossWide input.checkSel:checked ~ label .radioBaseWide, .radioCrossWide input.radioSelUSD:checked ~ label .radioBaseWide, .radioCrossWide input.checkSelUSD:checked ~ label .radioBaseWide, .radioCrossWide input.radioSelEUR:checked ~ label .radioBaseWide, .radioCrossWide input.checkSelEUR:checked ~ label .radioBaseWide { background:#91C06A; color:#ffffff; } /* Magnific popup transitions for cross-selling page */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } ul#BFGuide {width:382px; height:580px; margin:0; padding:0; list-style:none} ul#BFGuide li {width:191px; height:193px; float: left; background:none; cursor:pointer} ul#BFGuide li:hover {background: rgba(216, 28, 63, 0.5);} ul#BFDeal {width:850px; height:auto; margin:50px auto; padding:0; list-style:none; overflow:auto; display:flex; flex-flow:row wrap; justify-content: space-between;} ul#BFDeal li {width:250px; height:auto; float: left; border:6px solid #ffffff; margin:15px 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;} /*- FILTER OPTIONS -*/ ul#BFfilterOptions { width: 100%; max-width:770px; height: auto; overflow: auto; text-align:center; margin:0; padding:0; border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; list-style-type:none; display:flex; flex-direction:row; justify-content:space-between; } ul#BFfilterOptions li { width:30%; height: auto; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; display:flex; align-items:center; border:2px solid #999999; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-sizing:border-box; background: none; } ul#BFfilterOptions li a { width:100%; height: auto; color: #fff; font-weight: bold; text-decoration: none; display:block; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:15px; font-weight:400; -webkit-font-smoothing: subpixel-antialiased; padding:10px; } ul#BFfilterOptions li:hover, div#templates:hover { background: #D81A3F; border:2px solid #D81A3F; } ul#BFfilterOptions li.active, div#templates.active { background: #D81A3F; border:2px solid #D81A3F; } /*- -*/ /*- OUR DATA HOLDER -*/ ul.ourHolderBF { width: 100%; max-width:1000px; height:auto; margin: 0 auto 50px auto; padding:0; overflow:auto; list-style-type:none; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; } ul.ourHolderBF li.item { width:30%; height: auto; text-align: center; overflow: auto; padding:30px; border: 5px solid #EEEFF2; margin: 20px 0; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-sizing:border-box; } ul.ourHolderBF li.item2 { width: 100%; height: auto; float: left; text-align: left; overflow: auto; padding:0; border: none; margin: 20px 0; } ul.ourHolderBF li.item a { display:block; height:100%; padding:0; cursor:pointer; color:#ffffff; text-decoration:none; } ul.ourHolderBF li.item:hover { background: rgba(216, 28, 63, 0.5);color:#ffffff; text-decoration:none; } /*- -*/ /*- OUR DATA HOLDER -*/ ul.ourHolderBF2 { width: 87%; max-width:1000px; height:auto; margin: 0 auto 50px auto; padding:0; overflow:auto; list-style-type:none; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; } ul.ourHolderBF2 li.item { width:30%; height: auto; text-align: center; overflow: auto; padding:30px; border: 5px solid #EEEFF2; margin: 20px 0; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-sizing:border-box; } /* DWG New layout for products responsove */ .leftProdSubNav {width:230px; float:left;} .leftProdSubNav img {float:left; margin-right:10px} .rightProdSubNav {width:550px; float:right;} .rightProdSubNav .subNavExplore {display:none} .rightProdSubNav .subNavNavigate {display:inline-block; margin-right:10px} .rightProdSubNav a {text-decoration:none; color:#cccccc; position:relative} .rightProdSubNav a:hover, .rightProdSubNav a.activeSubNav {color:#9444B6; text-decoration:none;} .newProdRespTitle {width:87%; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-size:80px; color:#ffffff; text-align:center; padding:0; margin:500px auto 0 auto;} .newProdRespTitleTrial {width:87%; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-size:80px; color:#ffffff; text-align:center; padding:0; margin:500px auto 0 auto;} .newProdRespTitle span {font-size:35px; font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:100;} .newProdRespBody {width:87%; max-width:800px; height:auto; font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight:300; font-size:19px; color:#999999; text-align:center; line-height:25px; padding:0; margin:20px auto 0 auto;} /*Alternatuve menu when main is hidden*/ .mainFullScreenMenu {width:100%; height:100%; background:#171717; position:fixed; top:76px; left:0; right:0; bottom:0; overflow:auto; z-index:500000} .mainLinksWhiteDark a {color:#ffffff; text-decoration:none;} .mainLinksWhiteDark a:hover {color: #9444B6; text-decoration:none;} .newProdRespTitleSmall {width:87%; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-size:45px; color:#ffffff; text-align:center; padding:0; margin:0 auto 0 auto;} .newProdRespLabel {width:87%; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:17px; color:#999999; text-align:center; line-height:25px; padding:0; margin:0 auto 0 auto;} .newProdRespTitlePage {width:87%; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-size:65px; color:#ffffff; text-align:center; padding:0; margin:500px auto 0 auto;} .newProdRespTitleSub { height:auto; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-size:35px; color:#ffffff; text-align:left; padding:0; margin:0;} .newProdRespBodySub {height:auto; font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight:300; font-size:17px; color:#999999; text-align:left; line-height:25px; padding:0; margin:20px auto 0 auto;} .newProdPricingTitle {width:100%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:200; font-size:90px; color:#333333; text-align:center; padding:0; margin:40px auto 0 auto;} .newProdPricingTitleSub {width:100%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:200; font-size:50px; color:#333333; text-align:center; padding:0; margin:40px auto 0 auto;} .newProdPricingBody {width:100%; height:auto; font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#333333; text-align:center; line-height:30px; padding:0; margin:20px auto 0 auto;} .newProdRespTitleFooter { width:87%; max-width:1200px; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:200; font-size:50px; color:#ffffff; text-align:center; padding:0; margin:0;} .newProdRespTitleMain {width:87%; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-size:60px; color:#ffffff; text-align:center; padding:0; margin:500px auto 0 auto;} .newProdRespTitleMini {width:87%; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-size:27px; color:#ffffff; text-align:center; padding:0; margin:0 auto 0 auto;} i { border: solid #cccccc; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; } .rightProdSubNav a:hover i { border: solid #9444B6;border-width: 0 1px 1px 0; display: inline-block; padding: 3px; } .rightProdPCSubNav a i { border: solid #333333; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; } .rightProdPCSubNav a:hover i { border: solid #ED560B; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; } .rightProdMacSubNav a i { border: solid #333333; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; } .rightProdMacSubNav a:hover i { border: solid #55AB55; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; } i.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); position:absolute; top:5px; } i.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); position:absolute; top:9px; } .bx-feature ul { list-style: none; margin:0; padding:0; width: 100%; height:40px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; overflow:hidden; } .bx-feature li { margin:0; padding:0; background: #333333; width: 50%; line-height:40px; float:left; } .bx-feature li a { text-decoration: none; background-color: #333333; padding: 0; margin: 0; color: #FFF; line-height:40px; display: block; width:100%; font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight:400; font-size:13px;} .bx-feature li a.active, .bx-feature li a:hover { text-decoration: none; background-color: #9444B6; padding: 0; margin: 0; color: #FFF; line-height:40px; display: block; width:100%;} .featureColumn {width:30%; height:auto; overflow:hidden;} .pricingColumn {width:45%; height:auto; overflow:hidden; margin-bottom:30px;} .registerFormLocal {width:87%; max-width:390px; height:80px; margin:20px auto 0 auto; padding:0} .registerFormLocal input[type=radio] {display:none;} .registerFormLocal #purchasedFromMicrospot + label {width:45%; height:40px; line-height:40px; border:none; display:block; background:none; text-align:left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Lato', sans-serif; font-weight:300; font-size:23px; color:#999999; cursor:pointer; float:left} .registerFormLocal #purchasedFromMacAppStore + label {width:55%; height:40px; line-height:40px; border:none; display:block; background:none; text-align:left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Lato', sans-serif; font-weight:300; font-size:23px; color:#999999; cursor:pointer; float:left} .registerFormLocal #purchasedFromMicrospot:checked + label {background:#none; color:#FFF} .registerFormLocal #purchasedFromMacAppStore:checked + label {background:#none; color:#FFF} .registerFormLocal input[type=radio] + label .outer {display:block; width:26px; height:26px; background:#9444B6; float:left; margin:7px 20px 7px 7px; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; padding:0} .registerFormLocal input[type=radio] + label .inner {display:block; width:20px; height:20px; background:#171717; margin:3px auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:0} .registerFormLocal input[type=radio]:checked + label .inner {display:block; width:14px; height:14px; background:#ffffff; margin:6px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:0} .registerDivideLeft {width:49%; height:auto; float:left} .registerDivideRight {width:49%; height:auto; float:right} .contactRequest .serialTextSize { font-size: 13px; } .buyDWGProd {width:170px; float:left} .trialDWGProd {width:170px; float:right} .navBuyNow {float:right; margin-left:20px; height:40px; line-height:40px; width:95px; font-size:13px} .leftProdSubNav h2 {font-size:21px} .radioLicenseResp {width:85%; height:120px; margin:10px auto; padding:0} .radioLicenseResp input[type=radio] {display:none;} .radioLicenseResp input[type=radio] + label {width:100%; height:40px; line-height:40px; border:none; display:block; background:#333333; text-align:left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; color:#ffffff; cursor:pointer} .radioLicenseResp input[type=radio]:checked + label {background:#9244B6} .radioLicenseResp input[type=radio] + label .outer {display:block; width:18px; height:18px; background:#ffffff; float:left; margin:11px 11px; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; padding:0} .radioLicenseResp input[type=radio] + label .inner {display:block; width:14px; height:14px; background:#333333; margin:2px auto; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:0} .radioLicenseResp input[type=radio]:checked + label .inner {display:block; width:8px; height:8px; background:#333333; margin:5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0} #leftPrivacy {display:block} #rightPrivacy {width:57%; height:auto; float:right} .reasonsTextFrame {width:87%; max-width:1000px; margin:50px auto;} .reasonsText {max-width:575px} /* HOMEPAGE RESPONSIVE */ .left-slide1-home {width:50%; height:743px; float:left; padding:0; margin:0; background: url(../images/homepage/responsive/slide-1-left.png) no-repeat #1E3748; background-size:contain; background-position:left bottom} .right-slide1-home {width:50%; height:743px; float:right; padding:0; margin:0; background: url(../images/homepage/responsive/slide-1-right.png) no-repeat #27475A; background-size:contain; background-position:right bottom} .left-slide2-home {width:50%; height:743px; float:left; padding:0; margin:0; background: url(../images/homepage/responsive/slide-2-left.png) no-repeat #0F598E; background-size:contain; background-position:left bottom} .right-slide2-home {width:50%; height:743px; float:right; padding:0; margin:0; background: url(../images/homepage/responsive/slide-2-right.png) no-repeat #1571B3; background-size:contain; background-position:right bottom} .left-slide3-home {width:50%; height:743px; float:left; padding:0; margin:0; background: url(../images/homepage/responsive/slide-3-left.png) no-repeat #5D420B; background-size:contain; background-position:left bottom} .right-slide3-home {width:50%; height:743px; float:right; padding:0; margin:0; background: url(../images/homepage/responsive/slide-3-right.png) no-repeat #80590D; background-size:contain; background-position:right bottom} .bxsliderHomeNEW {width:100%; height:743px; list-style:none; padding:0; margin:0; overflow:hidden} .bx-featureHomeNEW {width:78px; height:26px; margin-left:-49px; background: rgba(0, 0, 0, 0.8); padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; position:absolute; bottom:30px; left:50%; z-index:50000} .bx-featureHomeNEW ul { list-style: none; margin:0; padding:0; width: 78px; height:26px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; overflow:auto; } .bx-featureHomeNEW li { margin:5px; padding:0; background: #ffffff; width: 16px; height: 16px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; float:left; position:relative; } .bx-featureHomeNEW li a { text-decoration: none; background-color: #ffffff; padding: 0; margin: 0; color: #FFF; line-height:16px; width:16px; display:block; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight:400; font-size:13px;} .bx-featureHomeNEW li a.active, .bx-featureHomeNEW li a:hover { text-decoration: none; background-color: #0099FF; padding: 0; margin: 0; color: #0099FF; line-height:16px; display:block; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; width:16px;} .bxsliderHomeNEW2 {width:100%; height:auto; list-style:none; padding:0; margin:0;} .bx-featureHomeNEW2 {width:104px; height:26px; margin-left:-49px; background: rgba(0, 0, 0, 0.8); padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; position:absolute; bottom:30px; left:50%; z-index:50000} .bx-featureHomeNEW2 ul { list-style: none; margin:0; padding:0; width: 104px; height:26px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; overflow:auto; } .bx-featureHomeNEW2 li { margin:5px; padding:0; background: #ffffff; width: 16px; height: 16px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; float:left; position:relative; } .bx-featureHomeNEW2 li a { text-decoration: none; background-color: #ffffff; padding: 0; margin: 0; color: #FFF; line-height:16px; width:16px; display:block; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight:400; font-size:13px;} .bx-featureHomeNEW2 li a.active, .bx-featureHomeNEW2 li a:hover { text-decoration: none; background-color: #0099FF; padding: 0; margin: 0; color: #0099FF; line-height:16px; display:block; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; width:16px;} .slidetitleHome {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width:87%; max-width:1000px} .newHomeRespTitle {width:100%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:bold; font-size:90px; color:#ffffff; text-align:center; padding:0; margin:0 auto 0 auto; line-height:90px;} .newHomeRespTitleSub {width:100%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:300; font-size:23px; color:#ffffff; text-align:center; padding:0; margin:0 auto 0 auto; line-height:30px; text-transform:uppercase} .newHomeRespTitleText {width:80%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:200; font-size:40px; color:#ffffff; text-align:center; padding:0; margin:20px auto 0 auto; line-height:45px; max-width:725px;} .slidetitleHome2 {position:absolute; top:50%; left:100px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width:87%; max-width:570px} .newHomeRespTitle2 {width:100%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:bold; font-size:55px; color:#ffffff; text-align:left; padding:0; margin:0 0 0 0; line-height:55px; max-width:570px} .newHomeRespTitleSub2 {width:100%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:300; font-size:21px; color:#ffffff; text-align:left; padding:0; margin:0 0 0 0; line-height:25px; text-transform:uppercase; max-width:570px} .newHomeRespTitleText2 {width:80%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:200; font-size:17px; color:#ffffff; text-align:left; padding:0; margin:20px 0 0 0; line-height:22px; max-width:570px;} #mainHomeSlide1 {width:100%; height:743px; padding:0; margin:0; background: url(../images/homepage/responsive/mainSlide-1.jpg) no-repeat; background-size:contain; background-position:right bottom; overflow:auto} #mainHomeSlide2 {width:100%; height:743px; padding:0; margin:0; background: url(../images/homepage/responsive/mainSlide-2.jpg) no-repeat; background-size:contain; background-position:right bottom; overflow:auto} #mainHomeSlide3 {width:100%; height:743px; padding:0; margin:0; background: url(../images/homepage/responsive/mainSlide-3.jpg) no-repeat; background-size:contain; background-position:right bottom; overflow:auto} #mainHomeSlide4 {width:100%; height:743px; padding:0; margin:0; background: url(../images/homepage/responsive/mainSlide-4.jpg) no-repeat; background-size:contain; background-position:right bottom; overflow:auto} #mainHomeSlide6 {width:100%; height:743px; padding:0; margin:0; background: url(../images/homepage/responsive/summer-slide.jpg) no-repeat; background-size:cover; background-position:center; overflow:auto} .mainHomeButtons {width:87%; max-width:471px; margin:30px 0 50px 0;} .mainBtnWhiteHome {width:295px; height:50px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; text-transform:none; color:#333333; line-height:50px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background: #ffffff; cursor:pointer;} .mainBtnWhiteHome:hover {color:#333333; background:#e5e5e5} .mainBtnWhiteHome a:link {display:block; width:100%; height:100%; color:#333333; text-decoration: none;} .mainBtnWhiteHome a:visited {color:#333333;} .mainBtnDarkHome {width:47%; height:50px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; text-transform:none; color:#ffffff; line-height:50px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background: #333333; cursor:pointer; float:left} .mainBtnDarkHome:hover {color:#ffffff; background:#666666} .mainBtnDarkHome a:link {display:block; width:100%; height:100%; color:#ffffff; text-decoration: none;} .mainBtnDarkHome a:visited {color:#ffffff;} .mainBtnDarkHome2 {width:47%; height:50px; font-family: 'Lato', sans-serif; font-weight:400; font-size:17px; text-transform:none; color:#ffffff; line-height:50px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background: #666666; cursor:pointer; float:right} .mainBtnDarkHome2:hover {color:#ffffff; background:#999999} .mainBtnDarkHome2 a:link {display:block; width:100%; height:100%; color:#ffffff; text-decoration: none;} .mainBtnDarkHome2 a:visited {color:#ffffff;} .newHomeResph2 {width:87%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:bold; font-size:50px; color:#000000; text-align:center; padding:0; margin:0 auto 0 auto; line-height:auto;} .newHomeRespp {width:87%; height:auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:400; font-size:21px; color:#000000; text-align:center; padding:0; margin:0 auto 0 auto; line-height:30px;} .homeRightSubPanel {width:50%; height:auto; float:right; padding:150px 0; overflow:auto} .homeLeftSubPanel {width:50%; height:auto; float:left; background-size:cover; overflow:auto} .mainHomeRespSubPanel { width:100%; height:auto; overflow:auto; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */} .homeLeftSubPanel2 {width:50%; height:auto; float:left; padding:150px 0; overflow:auto} .homeRightSubPanel2 {width:50%; height:auto; float:right; background-size:cover; overflow:auto} ul.newHomeProdPanel {width:100%; max-width:1200px; height:auto; margin:0 auto; padding:0; list-style:none; overflow:auto} ul.newHomeProdPanel li {width:25%; height:auto; float: left; background:none; cursor:pointer; box-sizing: border-box; padding:10px; position:relative} ul.newHomeProdPanel li:hover img {opacity:0.5} .newProdImgTitle {width:70%; color:#000000; background:#ffffff; padding:10px 15px; box-sizing:border-box; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:400; font-size:15px; position:absolute; bottom:10px; left:50%; transform: translateX(-50%); } .newProdImgTitle a {color:#000000; text-decoration:none;} .newProdLowerTitle {width:87%; color:#000000; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:400; font-size:21px; margin:30px auto 0 auto; text-decoration:none } .newProdLowerBody {width:87%; color:#000000; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight:400; font-size:15px; margin:10px auto 0 auto; text-decoration:none; line-height:22px } #summerprodfilter {width:270px; min-width:270px; background:#f7f7f7; padding:20px; overflow:auto; flex:1; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; -webkit-font-smoothing: antialiased;} ul#summerFilter { width:100%; height:auto; overflow: auto; text-align:left; margin:10px 0; padding:0; list-style-type:none; border:none; float:right; } ul#summerFilter li { width:90%; height:30px; line-height:30px; color: #333333; text-decoration: none; display: block; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; -webkit-font-smoothing: antialiased; margin:10px auto; cursor:pointer; } ul#summerFilter li .selectedBox { float:left; height:30px; width:30px; line-height:30px; text-align:center; border:1px solid #333333; box-sizing:border-box; margin-right:15px; } ul#summerFilter li .selectedBox i {display:none; border:none; margin:0; padding:0; line-height:30px} ul#summerFilter li:hover { color:#FC5119; } ul#summerFilter li:hover .selectedBox { border:1px solid #FC5119; background:#FC5119; color:#ffffff; } ul#summerFilter li:hover .selectedBox i {display:block} ul#summerFilter li.is-checked { color:#FC5119; } ul#summerFilter li.is-checked .selectedBox { border:1px solid #FC5119; background:#FC5119; color:#ffffff; } ul#summerFilter li.is-checked .selectedBox i {display:block} ul.summerFilterHolder { height:auto; overflow: hidden; margin: 10px 20px 30px 20px; padding:0; list-style-type:none; -webkit-font-smoothing: subpixel-antialiased; } ul.summerFilterHolder li.template-prods { width: 225px; height: 515px; text-align: center; overflow: hidden; padding:0; border: none; margin:20px; -webkit-font-smoothing: subpixel-antialiased; } .summer-h1 {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:60px; color:#000000; line-height:60px; margin:0 0 30px 30px; text-align:left; -webkit-font-smoothing: subpixel-antialiased;} .summer-p {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#999999; line-height:25px; margin:30px 0 0 30px; text-align:left; -webkit-font-smoothing: subpixel-antialiased; text-transform:uppercase} .summer-p a {text-decoration:none; color:#999999;} .summer-prod-p {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:19px; color:#333333; line-height:25px; margin:20px auto 20px auto ; text-align:center; -webkit-font-smoothing: subpixel-antialiased; width:87%} .summer-price-p {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:17px; color:#FC5119; line-height:25px; margin:0 auto; text-align:center; -webkit-font-smoothing: subpixel-antialiased; width:87%;} .summer-price-p span {font-weight:400; font-size:13px; color:#999999; margin-right:5px; text-decoration:line-through} .summer-p span {margin:0 10px} #menu-refine {width:87%; max-width:200px; height:auto; color:#000000; line-height:50px; border:1px solid #e5e5e5; background:#f7f7f7; margin:0 0 0 30px; display:none; cursor:pointer} .summer-orange-btn {width:295px; height:39px; background-color:#FC5119; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; display:none; margin:30px auto; cursor:pointer;} .summer-orange-btn:hover {background-color:#E24916} .summer-orange-btn a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .summer-orange-btn a:visited {color:#fff;} .summer-orange-mainbtn {width:87%; height:39px; background-color:#FC5119; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; text-transform:uppercase; color:#ffffff; line-height:39px; text-align:center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; display:block; margin:20px auto 30px auto; cursor:pointer;} .summer-orange-mainbtn:hover {background-color:#E24916} .summer-orange-mainbtn a:link {display:block; width:100%; height:100%; color:#fff; text-decoration: none;} .summer-orange-mainbtn a:visited {color:#fff;} .summer-sale-slide {background:url(../images/homepage/responsive/summer-slide.jpg) no-repeat center; background-size:cover; height:743px; overflow:auto; display: flex; align-items: center; justify-content:center} .summer-h1-large {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:100px; color:#ffffff; line-height:105px; margin:0 auto 20px auto; text-align:center; -webkit-font-smoothing: subpixel-antialiased; width:87%; max-width:1200px} .summer-h2-large {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:27px; color:#ffffff; line-height:35px; margin:0 auto 20px auto; text-align:center; -webkit-font-smoothing: subpixel-antialiased; width:87%; max-width:1200px} .summer-h2-large span {font-size:70px; font-weight:600; line-height:75px} .summer-p-large {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:200; font-size:35px; color:#ffffff; line-height:40px; margin:0 auto 0 auto; text-align:center; -webkit-font-smoothing: subpixel-antialiased; width:87%; max-width:1200px} .productFullScreenMenu {width:100%; height:100%; background:#f7f7f7; position:fixed; top:75px; left:0; right:0; bottom:0; overflow:auto; z-index:500000; display:none; -webkit-font-smoothing: subpixel-antialiased;} .prodNavTitleMain {height:40px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; color:#333333; text-align:left; line-height:40px; padding:0; margin:0; font-size:21px; -webkit-font-smoothing: antialiased;} .prodNavTitleMain span {font-weight:200; color:#666666} .prodBTNPCOrange {width:95px; height:35px; background-color:#ED560B; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px;} .prodBTNPCOrange:hover {background-color:#D54D0B; color:#ffffff;} .prodBTNPCOrange a:link {display:block; height:100%; color:#fff; text-decoration: none; padding:0} .prodBTNPCOrange a:visited {color:#fff;} .prodBTNMacGreen {width:95px; height:35px; background-color:#55AB55; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px;} .prodBTNMacGreen:hover {background-color:#468F48; color:#ffffff;} .prodBTNMacGreen a:link {display:block; height:100%; color:#fff; text-decoration: none; padding:0} .prodBTNMacGreen a:visited {color:#fff;} .prodNavList {height:40px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#333333; text-align:right; line-height:40px; padding:0; margin:0; float:right;} .prodNavListResp {color:#333333; font-size:21px; margin:10px auto 30px auto; text-transform:none; line-height:40px; font-weight:300; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; -webkit-font-smoothing: antialiased;} .prodNavListResp a {color:#333333; text-decoration:none;} .prodNavListResp a:hover {color:#ED560B; text-decoration:none;} .rightProdPCSubNav {width:590px; float:right;} .rightProdPCSubNav .subNavExplore {display:none} .rightProdPCSubNav .subNavNavigate {display:inline-block; margin-right:10px} .rightProdPCSubNav span a {text-decoration:none; color:#333333; position:relative} .rightProdPCSubNav span a:hover {color:#ED560B; text-decoration:none;} .rightProdPCSubNav span a.activeSubNav {color:#ED560B; text-decoration:none;} .rightProdMacSubNav {width:590px; float:right;} .rightProdMacSubNav .subNavExplore {display:none} .rightProdMacSubNav .subNavNavigate {display:inline-block; margin-right:10px} .rightProdMacSubNav span a {text-decoration:none; color:#333333; position:relative} .rightProdMacSubNav span a:hover {color:#55AB55; text-decoration:none;} .rightProdMacSubNav span a.activeSubNav {color:#55AB55; text-decoration:none;} .newProdPCRespTitle {width:87%; max-width:1200px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:80px; color:#171717; padding:0; margin:50px auto 0 auto;} .newProdPCRespTitle span {font-size:35px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300;} .newProdPCRespTitleSmall {width:87%; max-width:1200px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:45px; color:#171717; padding:0; margin:0 auto 0 auto;} .newProdPCRespTitleSmall span {font-size:21px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; -webkit-font-smoothing: antialiased; line-height:40px} .newProdPCRespBody {width:87%; max-width:1200px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:17px; color:#666666; line-height:25px; padding:0; margin:20px auto 0 auto; -webkit-font-smoothing: antialiased; } .newProdPCRespBodySlide {width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; color:#666666; line-height:22px; padding:0; margin:0 auto 0 auto; -webkit-font-smoothing: antialiased; } .newProdPCRespTitlePricing {width:100%; max-width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:35px; color:#171717; padding:0; margin:10px 0 0 0;} .newProdPCRespBodyPricing {width:100%; max-width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:17px; color:#666666; line-height:25px; padding:0; margin:0 0 0 0; -webkit-font-smoothing: antialiased; } .newProdPCRespBodyPricingTab {width:100%; max-width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:17px; color:#171717; line-height:25px; padding:0; margin:40px 0 0 0; -webkit-font-smoothing: antialiased; text-transform:uppercase; } .newProdPCRespBodyPricingHint {width:100%; max-width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; color:#666666; line-height:22px; padding:0; margin:0; -webkit-font-smoothing: antialiased; } .newProdPCRespTotal {width:100%; max-width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:50px; color:#171717; line-height:60px; padding:0; margin:20px 0 0 0; } .newProdPCRespBodyPricingShipping {width:100%; max-width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#999999; line-height:22px; padding:0; margin:0; -webkit-font-smoothing: antialiased; font-style:italic;} .newProdPCRespBodyProdSelect {width:100%; max-width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:21px; color:#666666; line-height:25px; padding:0; margin:10px 0 0 0; -webkit-font-smoothing: antialiased; } .newProdPCRespBodyPricingTabTop {width:100%; max-width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:17px; color:#171717; line-height:25px; padding:0; margin:40px 0 0 0; -webkit-font-smoothing: antialiased; text-transform:uppercase; } .newProdPCRespProdTitlePricing {width:90%; max-width:250px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:27px; color:#171717; padding:0; margin:20px auto 0 auto;} .newProdPCRespProdBodyPricing {width:90%; max-width:250px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:17px; color:#666666; line-height:25px; padding:0; margin:10px auto 0 auto; -webkit-font-smoothing: antialiased; } .newProdPCRespProdTitleCost {width:90%; max-width:250px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:45px; color:#171717; padding:0; margin:20px auto 0 auto;} .newProdPCRespProdTitleCompare {width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:27px; color:#171717; padding:0; margin:30px auto 0 auto; border-bottom:1px solid #e5e5e5; line-height:40px;} .newProdPCRespProdBodyCompare {width:100%; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; color:#333333; line-height:20px; padding:0; margin:10px auto 0 auto; -webkit-font-smoothing: antialiased; } .newProdPCRespProdBodyPricingInclude {width:90%; max-width:210px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:17px; color:#666666; line-height:25px; padding:0; margin:10px auto 0 auto; -webkit-font-smoothing: antialiased; } .newProdPCRespProdBodyPricingInclude img {margin:0 10px 0 0; float:left} .prodTextAlignCenter {text-align:center} .prodTextAlignLeft {text-align:left} .prodTextAlignRight {text-align:right} .prodBTNPCOrangeMain {width:200px; height:35px; background-color:#ED560B; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px;} .prodBTNPCOrangeMain:hover {background-color:#D54D0B; color:#ffffff;} .prodBTNPCOrangeMain a:link {display:block; height:100%; color:#fff; text-decoration: none; padding:0} .prodBTNPCOrangeMain a:visited {color:#fff;} .prodBTNMacGreenMain {width:200px; height:35px; background-color:#55AB55; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px;} .prodBTNMacGreenMain:hover {background-color:#468F48; color:#ffffff;} .prodBTNMacGreenMain a:link {display:block; height:100%; color:#fff; text-decoration: none; padding:0} .prodBTNMacGreenMain a:visited {color:#fff;} .prodBTNPCBorderMain {width:200px; height:35px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; text-transform:none; color:#333333; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #333333; background: rgba(255, 255, 255, 0); cursor:pointer; box-sizing:border-box} .prodBTNPCBorderMain:hover {color:#ED560B; border:1px solid #ED560B;} .prodBTNPCBorderMain a:link {display:block; width:100%; height:100%; color:#333333; text-decoration: none;} .prodBTNPCBorderMain a:hover {color:#ED560B;} .prodBTNPCBorderMain a:visited {color:#ED560B;} .prodBTNMacBorderMain {width:200px; height:35px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; text-transform:none; color:#333333; line-height:35px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #333333; background: rgba(255, 255, 255, 0); cursor:pointer; box-sizing:border-box} .prodBTNMacBorderMain:hover {color:#468F48; border:1px solid #468F48;} .prodBTNMacBorderMain a:link {display:block; width:100%; height:100%; color:#333333; text-decoration: none;} .prodBTNMacBorderMain a:hover {color:#468F48;} .prodBTNMacBorderMain a:visited {color:#468F48;} .buyPCProd {width:200px; float:left} .trialPCProd {width:200px; float:right} .mainBuyButtonWrapper {width:87%; max-width:480px; height:auto; margin:40px auto 0 auto;} .prodBTNPCToTop {width:33px; height:33px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; text-transform:none; color:#999999; line-height:42px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #cccccc; background: rgba(255, 255, 255, 0); cursor:pointer;} .prodBTNPCToTop:hover {color:#ED560B; border:1px solid #ED560B;} .prodBTNPCToTop a:link {display:block; width:100%; height:100%; color:#999999; text-decoration: none;} .prodBTNPCToTop a:hover {color:#ED560B;} .prodBTNPCToTop a:visited {color:#ED560B;} .prodBTNPCToTop a:hover i {color:#ED560B;} .prodBTNPCToTop a i {border:none; line-height:33px; text-align:center; margin:0; padding:0; color:#999999} .prodBTNMacToTop {width:33px; height:33px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; text-transform:none; color:#999999; line-height:42px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #cccccc; background: rgba(255, 255, 255, 0); cursor:pointer;} .prodBTNMacToTop:hover {color:#468F48; border:1px solid #468F48;} .prodBTNMacToTop a:link {display:block; width:100%; height:100%; color:#999999; text-decoration: none;} .prodBTNMacToTop a:hover {color:#468F48;} .prodBTNMacToTop a:visited {color:#468F48;} .prodBTNMacToTop a:hover i {color:#468F48;} .prodBTNMacToTop a i {border:none; line-height:33px; text-align:center; margin:0; padding:0; color:#999999} .prodDivideWrapper {width:87%; max-width:1300px; margin:50px auto; height:35px; position:relative} .prodDivideWrapper .prodDivideLine {height:1px; background:#e5e5e5; margin-top:17px} .prodDivideWrapper .prodDivideUpButton {width:35px; height:35px; padding-left:20px; background:#ffffff; position:absolute; top:0; right:0;} .mainLinksPCOrange a {color: #ED560B; text-decoration:none; font-weight:400} .mainLinksPCOrange a:hover {color: #D54D0B; text-decoration:none;} .mainLinksPCOrange a:visited { color: #ED560B; text-decoration:none;} .prodPCSlickPrev {width:30px; height:100%; position:absolute; left:0; top:0; cursor:pointer; text-align:left; color:#333333} .prodPCSlickNext {width:30px; height:100%; position:absolute; right:0; top:0; cursor:pointer; text-align:right; color:#333333} .prodPCSlickPrev i {border:none; line-height:30px; padding:0; margin:0; font-size:30px} .prodPCSlickNext i {border:none; line-height:30px; padding:0; margin:0; font-size:30px} .prodPCSlickPrev i:hover {color: #ED560B;} .prodPCSlickNext i:hover {color: #ED560B;} .prodPCSlickPrevMac {width:40px; height:100%; position:absolute; left:0; top:0; cursor:pointer; text-align:left; color:#ffffff} .prodPCSlickNextMac {width:40px; height:100%; position:absolute; right:0; top:0; cursor:pointer; text-align:right; color:#ffffff} .prodPCSlickPrevMac span {width:40px; height:40px; background:#55AB55; text-align:center; line-height:40px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px} .prodPCSlickNextMac span {width:40px; height:40px; background:#55AB55; text-align:center; line-height:40px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px} .prodPCSlickPrevMac span i {border:none; line-height:40px; padding:0; margin:0; font-size:19px; color:#ffffff; text-align:center} .prodPCSlickNextMac span i {border:none; line-height:40px; padding:0; margin:0; font-size:19px; color:#ffffff; text-align:center} .prodPCSlickPrevMac span:hover {background:#448A43;} .prodPCSlickNextMac span:hover {background:#448A43;} .prodPCSlide {width:220px; height:auto;} .prodPCSlide img {margin:0 auto} .prodPCSlide span {-webkit-font-smoothing: antialiased; font-weight:400; color:#333333;} .bx-PCSlider {width:87%; height:40px; max-width:540px; margin:30px auto 0 auto} .bx-PCSlider ul {list-style: none; margin:0; padding:0; width: 100%; height:40px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; overflow:hidden; } .bx-PCSlider li {margin:0;padding:0; background: #e5e5e5; line-height:40px; float:left;} .bx-PCSlider li a { text-decoration: none; background-color: #e5e5e5; padding: 0; margin: 0; color: #333333; line-height:40px; display: block; width:100%; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px;} .bx-PCSlider li a.active { text-decoration: none; background-color: #ED560B; padding: 0; margin: 0; color: #FFF; line-height:40px; display: block; width:100%;} .bx-PCSlider li a:hover { text-decoration: none; background-color: #ED560B; padding: 0; margin: 0; color: #FFF; line-height:40px; display: block; width:100%;} .bx-MacSlider {width:87%; height:40px; max-width:540px; margin:30px auto 0 auto} .bx-MacSlider ul {list-style: none; margin:0; padding:0; width: 100%; height:40px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; overflow:hidden; } .bx-MacSlider li {margin:0;padding:0; background: #333333; line-height:40px; float:left;} .bx-MacSlider li a { text-decoration: none; background-color: #333333; padding: 0; margin: 0; color: #ffffff; line-height:40px; display: block; width:100%; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px;} .bx-MacSlider li a.active { text-decoration: none; background-color: #55AB55; padding: 0; margin: 0; color: #FFF; line-height:40px; display: block; width:100%;} .bx-MacSlider li a:hover { text-decoration: none; background-color: #55AB55; padding: 0; margin: 0; color: #FFF; line-height:40px; display: block; width:100%;} .bx-PCSlider-2width li {width:50%} .bx-PCSlider-3width li {width:33.333333%} .bxSliderPCWrapper {width:87%; max-width:1200px; height:auto; margin:40px auto 0 auto; overflow:hidden;} .bxSliderPCWrapper ul {width:100%; height:auto; list-style:none; padding:0; margin:0;} .bxSliderPCWrapper li {width:100%} .bxSliderPCWrapper2 {width:87%; max-width:900px; height:auto; margin:20px auto 0 auto; overflow:hidden;} .bxSliderPCWrapper2 ul {width:100%; height:auto; list-style:none; padding:0; margin:0;} .bxSliderPCWrapper2 li {width:100%} .prodFlexWhatsNew {width:87%; max-width:1200px; margin:50px auto 0 auto; overflow:auto; flex-direction:row; flex-wrap:wrap; justify-content:center; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; -webkit-justify-content:center; display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -moz-flex-direction:row; -moz-flex-wrap:wrap; -moz-justify-content:center; -ms-flex-direction:row; -ms-flex-wrap:wrap; -ms-justify-content:center;} .prodFlexTools {width:87%; max-width:1197px; margin:50px auto 0 auto; overflow:auto; flex-direction:row; flex-wrap:wrap; justify-content:center; -webkit-flex-direction:row; -webkit-flex-wrap:wrap; -webkit-justify-content:center; display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -moz-flex-direction:row; -moz-flex-wrap:wrap; -moz-justify-content:center; -ms-flex-direction:row; -ms-flex-wrap:wrap; -ms-justify-content:center;} .prodPCWhatsNewItem {width:180px; height:auto; margin:10px; overflow:auto; float:left;} .prodPCToolItem {width:157px; height:auto; margin:7px; overflow:auto; float:left;} .selectPCFeature { display:none; padding:0; margin: 50px auto 30px auto; border: 1px solid #666666; width: 87%; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; position:relative; cursor:pointer; } .selectPCFeature i {font-size:25px; border:0; padding:0; margin:0; position:absolute; top:15px; right:15px;} .selectPCFeature select { padding: 15px 15px 15px 20px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; cursor:pointer; } .selectPCFeature select:focus { outline: none; } .selectPCFeature:hover { border: 1px solid #ED560B; color: #ED560B; } .selectPCFeature:hover select { color: #ED560B; } .selectMacFeature { display:none; padding:0; margin: 50px auto 30px auto; border: 1px solid #666666; width: 87%; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; position:relative; cursor:pointer; } .selectMacFeature i {font-size:25px; border:0; padding:0; margin:0; position:absolute; top:15px; right:15px;} .selectMacFeature select { padding: 15px 15px 15px 20px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; cursor:pointer; } .selectMacFeature select:focus { outline: none; } .selectMacFeature:hover { border: 1px solid #55AB55; color: #55AB55; } .selectMacFeature:hover select { color: #55AB55; } #topPopupDivide {display:block} .pricingPCLeft {width:60%; height:auto; background:#f7f7f7; float:left} .pricingPCRight {width:40%; flex:1; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; -webkit-font-smoothing: antialiased;} .pricingMacLeft {width:60%; height:auto; background:#0b0c0c; float:left} .pricingMacRight {width:40%; flex:1; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; -webkit-font-smoothing: antialiased; background:#141414} .pricingSliderContainer {width:85%; height:auto; margin:20px auto 60px auto; overflow:hidden; padding:0} .pricingPurchaseContainer {width:87%; height:auto; margin:20px auto 60px auto; overflow:hidden; padding:0} .pricingPurchaseButtonContainer {width:100%; max-width:250px; height:auto; margin:30px 0 0 0; overflow:hidden; padding:0} .radioWrapper {width:100%; height:auto; margin:20px auto 20px auto; overflow:hidden; padding:0} .pricingSlideItemContainer {width:76%; float:right; height:auto; margin:0; padding:0; position:relative; outline:none} .pricingThumbContainer {width:16%; float:left; height:auto; margin:0; padding:0; position:relative; outline:none} .pricingThumbContainer .slide-prev {width:100%; height:35px; position:absolute; top:0; background:rgba(0, 0, 0, 0.8); z-index:50000; cursor:pointer; text-align:center; color:#ffffff; display: flex; justify-content: center; flex-direction: row; text-align: center;} .pricingThumbContainer .slide-next {width:100%; height:35px; position:absolute; bottom:0; background:rgba(0, 0, 0, 0.8); z-index:50000; cursor:pointer; text-align:center; color:#ffffff; display: flex; justify-content: center; flex-direction: row; text-align: center;} .pricingThumbContainer .slide-prev:hover {background:rgba(237, 86, 11, 0.8);} .pricingThumbContainer .slide-next:hover {background:rgba(237, 86, 11, 0.8);} .pricingThumbContainer .slide-prev i {border:0; padding:0; line-height:35px; margin:0;} .pricingThumbContainer .slide-next i {border:0; padding:0; line-height:35px; margin:0;} .pricingThumbContainer .slide-prev.slick-disabled, .pricingThumbContainer .slide-next.slick-disabled {opacity: 0; pointer-events:none;} .pricingThumbContainer img {height:auto; margin-bottom:10px; cursor:pointer} .pricingThumbContainer img.slick-current {outline: 2px solid #ED560B; outline-offset: -2px;} .pricingSlideItemContainer img {height:auto;} .pricingSlideItemContainer .slide-prev2 {width:50px; height:70px; position:absolute; top:50%; left:0; color:#333333; line-height:70px; text-align:center; font-size:30px; margin-top:-35px; cursor:pointer;} .pricingSlideItemContainer .slide-next2 {width:50px; height:70px; position:absolute; top:50%; right:0; color:#333333; line-height:70px; text-align:center; font-size:30px; margin-top:-35px; cursor:pointer;} .pricingSlideItemContainer .slide-prev2:hover {color:rgb(237, 86, 11);} .pricingSlideItemContainer .slide-next2:hover {color:rgb(237, 86, 11);} .pricingSlideItemContainer .slide-prev2 i {border:0; padding:0; line-height:70px; margin:0;} .pricingSlideItemContainer .slide-next2 i {border:0; padding:0; line-height:70px; margin:0;} .pricingSlideItemContainer .slide-prev2.slick-disabled, .pricingSlideItemContainer .slide-next2.slick-disabled {opacity: 0; pointer-events:none;} .pricingThumbContainer .slide-prev #uparrow {display:block} .pricingThumbContainer .slide-next #downarrow {display:block} .pricingThumbContainer .slide-prev #leftarrow {display:none} .pricingThumbContainer .slide-next #rightarrow {display:none} .pricingSlideItemContainerMAC {width:76%; float:right; height:auto; margin:0; padding:0; position:relative; outline:none} .pricingThumbContainerMAC {width:16%; float:left; height:auto; margin:0; padding:0; position:relative; outline:none} .pricingThumbContainerMAC .slide-prev {width:100%; height:35px; position:absolute; top:0; background:rgba(0, 0, 0, 0.8); z-index:50000; cursor:pointer; text-align:center; color:#ffffff; display: flex; justify-content: center; flex-direction: row; text-align: center;} .pricingThumbContainerMAC .slide-next {width:100%; height:35px; position:absolute; bottom:0; background:rgba(0, 0, 0, 0.8); z-index:50000; cursor:pointer; text-align:center; color:#ffffff; display: flex; justify-content: center; flex-direction: row; text-align: center;} .pricingThumbContainerMAC .slide-prev:hover {background:rgba(85, 171, 85, 0.8);} .pricingThumbContainerMAC .slide-next:hover {background:rgba(85, 171, 85, 0.8);} .pricingThumbContainerMAC .slide-prev i {border:0; padding:0; line-height:35px; margin:0;} .pricingThumbContainerMAC .slide-next i {border:0; padding:0; line-height:35px; margin:0;} .pricingThumbContainerMAC .slide-prev.slick-disabled, .pricingThumbContainerMAC .slide-next.slick-disabled {opacity: 0; pointer-events:none;} .pricingThumbContainerMAC img {height:auto; margin-bottom:10px; cursor:pointer} .pricingThumbContainerMAC img.slick-current {outline: 2px solid #55AB55; outline-offset: -2px;} .pricingSlideItemContainerMAC img {height:auto;} .pricingSlideItemContainerMAC .slide-prev2 {width:50px; height:70px; position:absolute; top:50%; left:0; color:#333333; line-height:70px; text-align:center; font-size:30px; margin-top:-35px; cursor:pointer;} .pricingSlideItemContainerMAC .slide-next2 {width:50px; height:70px; position:absolute; top:50%; right:0; color:#333333; line-height:70px; text-align:center; font-size:30px; margin-top:-35px; cursor:pointer;} .pricingSlideItemContainerMAC .slide-prev2:hover {color:rgb(85, 171, 85);} .pricingSlideItemContainerMAC .slide-next2:hover {color:rgb(85, 171, 85);} .pricingSlideItemContainerMAC .slide-prev2 i {border:0; padding:0; line-height:70px; margin:0;} .pricingSlideItemContainerMAC .slide-next2 i {border:0; padding:0; line-height:70px; margin:0;} .pricingSlideItemContainerMAC .slide-prev2.slick-disabled, .pricingSlideItemContainerMAC .slide-next2.slick-disabled {opacity: 0; pointer-events:none;} .pricingThumbContainerMAC .slide-prev #uparrow {display:block} .pricingThumbContainerMAC .slide-next #downarrow {display:block} .pricingThumbContainerMAC .slide-prev #leftarrow {display:none} .pricingThumbContainerMAC .slide-next #rightarrow {display:none} .prod-nav-p {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:11px; color:#999999; line-height:25px; margin:0 0 10px 0; text-align:left; -webkit-font-smoothing: subpixel-antialiased; text-transform:uppercase} .prod-nav-p a {text-decoration:none; color:#999999;} .prod-nav-p span {margin: 0 10px; color:#999999;} #small-navigation {display:block} #PCpricing-title {width:100%; height:auto; display:none} #PCpurchase-title {width:100%; height:auto; display:block} .PCmainWrapper {width:100%; flex:1; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */} .MacmainWrapper {width:100%; flex:1; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ background:#141414} .radioPCProdCross { margin:0 20px 20px 0; width:145px; height:150px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; position:relative; } .radioPCProdCross img {max-width:75px; height:auto; display:block; margin:20px auto 10px auto} .radioPCProdCross .mediaLicenseTitle {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#171717; line-height:15px; width:90%; margin:0 auto} .radioPCProdCross label { width: 145px; height:150px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } /* hide input */ .radioPCProdCross input.radioSel:empty, .radioPCProdCross input.checkSel:empty, .radioPCProdCross input.radioSelUSD:empty, .radioPCProdCross input.checkSelUSD:empty, .radioPCProdCross input.radioSelEUR:empty, .radioPCProdCross input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioPCProdCross .radioSel, .radioPCProdCross .radioSelUSD, .radioPCProdCross .radioSelEUR { width:10px; } /* style label */ .radioPCProdCross input.radioSel:empty ~ label, .radioPCProdCross input.checkSel:empty ~ label, .radioPCProdCross input.radioSelUSD:empty ~ label, .radioPCProdCross input.checkSelUSD:empty ~ label, .radioPCProdCross input.radioSelEUR:empty ~ label, .radioPCProdCross input.checkSelEUR:empty ~ label { position: absolute; left:0; float: none; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioPCProdCross input.radioSel:empty ~ label:before, .radioPCProdCross input.radioSelUSD:empty ~ label:before, .radioPCProdCross input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 14px; right: 20px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioPCProdCross input.radioSel:hover:not(:checked) ~ label:before, .radioPCProdCross input.radioSelUSD:hover:not(:checked) ~ label:before, .radioPCProdCross input.radioSelEUR:hover:not(:checked) ~ label:before { content: ''; line-height:20px; color: #1CBB9B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPCProdCross input.radioSel:hover:not(:checked) ~ label, .radioPCProdCross input.checkSel:hover:not(:checked) ~ label, .radioPCProdCross input.radioSelUSD:hover:not(:checked) ~ label, .radioPCProdCross input.checkSelUSD:hover:not(:checked) ~ label, .radioPCProdCross input.radioSelEUR:hover:not(:checked) ~ label, .radioPCProdCross input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:none; border:2px solid #ED560B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* toggle on */ .radioPCProdCross input.checkSel:checked ~ label:before, .radioPCProdCross input.checkSelUSD:checked ~ label:before, .radioPCProdCross input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #ED560B; border:1px solid #ED560B; } .radioPCProdCross input.radioSel:checked ~ label:before, .radioPCProdCross input.radioSelUSD:checked ~ label:before, .radioPCProdCross input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPCProdCross input.radioSel:checked ~ label, .radioPCProdCross input.checkSel:checked ~ label, .radioPCProdCross input.radioSelUSD:checked ~ label, .radioPCProdCross input.checkSelUSD:checked ~ label, .radioPCProdCross input.radioSelEUR:checked ~ label, .radioPCProdCross input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #ED560B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPCProdCrossSmall { margin:0 20px 20px 0; width:87px; height:92px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; position:relative; } .radioPCProdCrossSmall img {display:block; margin:30px auto 10px auto} .radioPCProdCrossSmall .mediaLicenseTitle {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#171717; line-height:15px; width:90%; margin:0 auto} .radioPCProdCrossSmall label { width: 87px; height: 92px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } /* hide input */ .radioPCProdCrossSmall input.radioSel:empty, .radioPCProdCrossSmall input.checkSel:empty, .radioPCProdCrossSmall input.radioSelUSD:empty, .radioPCProdCrossSmall input.checkSelUSD:empty, .radioPCProdCrossSmall input.radioSelEUR:empty, .radioPCProdCrossSmall input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioPCProdCrossSmall .radioSel, .radioPCProdCrossSmall .radioSelUSD, .radioPCProdCrossSmall .radioSelEUR { width:10px; } /* style label */ .radioPCProdCrossSmall input.radioSel:empty ~ label, .radioPCProdCrossSmall input.checkSel:empty ~ label, .radioPCProdCrossSmall input.radioSelUSD:empty ~ label, .radioPCProdCrossSmall input.checkSelUSD:empty ~ label, .radioPCProdCrossSmall input.radioSelEUR:empty ~ label, .radioPCProdCrossSmall input.checkSelEUR:empty ~ label { position: absolute; left:0; float: none; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioPCProdCrossSmall input.radioSel:empty ~ label:before, .radioPCProdCrossSmall input.radioSelUSD:empty ~ label:before, .radioPCProdCrossSmall input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 7px; left: 57px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioPCProdCrossSmall input.radioSel:hover:not(:checked) ~ label:before, .radioPCProdCrossSmall input.radioSelUSD:hover:not(:checked) ~ label:before, .radioPCProdCrossSmall input.radioSelEUR:hover:not(:checked) ~ label:before { content: ''; line-height:20px; color: #1CBB9B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPCProdCrossSmall input.radioSel:hover:not(:checked) ~ label, .radioPCProdCrossSmall input.checkSel:hover:not(:checked) ~ label, .radioPCProdCrossSmall input.radioSelUSD:hover:not(:checked) ~ label, .radioPCProdCrossSmall input.checkSelUSD:hover:not(:checked) ~ label, .radioPCProdCrossSmall input.radioSelEUR:hover:not(:checked) ~ label, .radioPCProdCrossSmall input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:none; border:2px solid #ED560B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* toggle on */ .radioPCProdCrossSmall input.checkSel:checked ~ label:before, .radioPCProdCrossSmall input.checkSelUSD:checked ~ label:before, .radioPCProdCrossSmall input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #ED560B; border:1px solid #ED560B; } .radioPCProdCrossSmall input.radioSel:checked ~ label:before, .radioPCProdCrossSmall input.radioSelUSD:checked ~ label:before, .radioPCProdCrossSmall input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPCProdCrossSmall input.radioSel:checked ~ label, .radioPCProdCrossSmall input.checkSel:checked ~ label, .radioPCProdCrossSmall input.radioSelUSD:checked ~ label, .radioPCProdCrossSmall input.checkSelUSD:checked ~ label, .radioPCProdCrossSmall input.radioSelEUR:checked ~ label, .radioPCProdCrossSmall input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #ED560B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .prodPCInfoPanel {width:85%; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:15px; color:#333333; line-height:65px; height:auto; box-sizing:border-box; margin: 0 auto 0 auto; text-align:left; text-indent:30px} .prodPCInfoPanelBorderTop {border-top:1px solid #cccccc;} .prodPCInfoPanelBorderBottom {border-bottom:1px solid #cccccc;} .prodPCInfoPanel i {border:none; padding:0; line-height:65px; margin:0 30px 0 0; float:right} #prodInfoWrapper {width:100%; height:auto; overflow:auto; display:block} #prodInfoWrapper2 {width:100%; height:auto; overflow:auto; display:none; margin:40px 0 0 0} #prodInfoWrapper2 .prodPCInfoPanel {width:100%; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:15px; color:#333333; line-height:65px; height:auto; box-sizing:border-box; margin: 0 auto 0 auto; text-align:left; text-indent:30px} .prodSelectPC1 {display:block} .prodSelectPC2 {display:none} .prodPricingColumn {width:33.3%; height:auto; float:left;} .prodMacPricingColumn {width:25%; height:auto; float:left;} .prodPricingColumnRight {border-right:1px solid #e5e5e5; overflow:auto} .prodPricingColumnLeft {border-left:1px solid #e5e5e5; overflow:auto} .selectPCCompare { display:block; padding:0; margin: 0 auto 30px auto; border: 1px solid #e5e5e5; width: 100%; box-sizing:border-box; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; position:relative; cursor:pointer; } /*.selectPCCompare i {font-size:19px; border:0; padding:0; margin:0; position:absolute; top:50%; right:15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }*/ .selectPCCompare select { padding: 15px 50px 15px 20px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; cursor:pointer; max-width: 100%; float:left; /*Altered two below to make word wrap work */ word-wrap: normal !important; white-space: normal; } .selectPCCompare:after { content:"\25bc"; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; padding:0; position:absolute; top:50%; right:15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: none; pointer-events: none; } .selectPCCompare select:focus { outline: none; } .selectPCCompare:hover { color: #ED560B; } .selectPCCompare:hover select { color: #ED560B; } .selectMacCompare { display:block; padding:0; margin: 0 auto 30px auto; border: 1px solid #e5e5e5; width: 100%; box-sizing:border-box; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; position:relative; cursor:pointer; } /*.selectPCCompare i {font-size:19px; border:0; padding:0; margin:0; position:absolute; top:50%; right:15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }*/ .selectMacCompare select { padding: 15px 20px 15px 20px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; cursor:pointer; max-width: 100%; float:left; /*Altered two below to make word wrap work */ word-wrap: normal !important; white-space: normal; } .selectMacCompare:after { content:"\25bc"; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; padding:0; position:absolute; top:50%; right:15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: none; pointer-events: none; } .selectMacCompare select:focus { outline: none; } .selectMacCompare:hover { color: #55AB55; } .selectMacCompare:hover select { color: #55AB55; } .comparePC {width:31%; height:auto; overflow:auto; display:flex;} .compareToHide {display:block} .compareDivide {width:100%; height:1px; background:#e5e5e5; margin:40px auto;} /*Pricing calculator ------------------- */ .selectCalculator { display:block; padding:0; margin: 0 auto 30px auto; border: 1px solid #e5e5e5; width: 100%; box-sizing:border-box; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; position:relative; cursor:pointer; } /*.selectPCCompare i {font-size:19px; border:0; padding:0; margin:0; position:absolute; top:50%; right:15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }*/ .selectCalculator select { padding: 15px 50px 15px 20px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; cursor:pointer; max-width: 100%; float:left; /*Altered two below to make word wrap work */ word-wrap: normal !important; white-space: normal; } .selectCalculator:after { content:"\25bc"; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; padding:0; position:absolute; top:50%; right:15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: none; pointer-events: none; } .selectCalculator select:focus { outline: none; } .selectCalculator:hover { color: #ED560B; } .selectCalculator:hover select { color: #ED560B; } .calculatorPC {width:31%; height:auto; overflow:auto} .inputCalculator { display:block; padding:0; margin: 0 auto 30px auto; border: 1px solid #e5e5e5; width: 100%; box-sizing:border-box; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; position:relative; cursor:pointer; } .inputCalculator input { padding: 15px 50px 15px 20px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; color: #333333; font-size: 17px; -webkit-font-smoothing: antialiased; cursor:pointer; max-width: 100%; float:left; /*Altered two below to make word wrap work */ word-wrap: normal !important; white-space: normal; outline:0 none; } .calculatorEduPC {width:23%; height:auto; overflow:auto} .meter { width:90%; max-width:1200px; height: 44px; /* Can be anything */ position: relative; background: #e5e5e5; -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 25px; padding: 10px; box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); margin:10px auto 0 auto; } .meter > span { display: block; height: 100%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: rgb(43,194,83); background-image: linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden; } .fullProgress > span { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .meter > span:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent ); z-index: 1; background-size: 50px 50px; animation: move 2s linear infinite; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } .redProgress > span { background-color: #f0a3a3; background-image: linear-gradient(to bottom, #f0a3a3, #f42323); } .radioUGProdCross { margin:0 20px 20px 0; width:145px; height:150px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioUGProdCross img {max-width:75px; height:auto; display:block; margin:20px auto 10px auto} .radioUGProdCross .mediaLicenseTitle {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#171717; line-height:15px; width:90%; margin:0 auto} .radioUGProdCross label { width: 145px; height:150px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } /* hide input */ .radioUGProdCross input.radioSel:empty, .radioUGProdCross input.checkSel:empty, .radioUGProdCross input.radioSelUSD:empty, .radioUGProdCross input.checkSelUSD:empty, .radioUGProdCross input.radioSelEUR:empty, .radioUGProdCross input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioUGProdCross .radioSel, .radioUGProdCross .radioSelUSD, .radioUGProdCross .radioSelEUR { width:10px; } /* style label */ .radioUGProdCross input.radioSel:empty ~ label, .radioUGProdCross input.checkSel:empty ~ label, .radioUGProdCross input.radioSelUSD:empty ~ label, .radioUGProdCross input.checkSelUSD:empty ~ label, .radioUGProdCross input.radioSelEUR:empty ~ label, .radioUGProdCross input.checkSelEUR:empty ~ label { position: relative; float: none; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioUGProdCross input.radioSel:empty ~ label:before, .radioUGProdCross input.radioSelUSD:empty ~ label:before, .radioUGProdCross input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 14px; right: 20px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioUGProdCross input.radioSel:hover:not(:checked) ~ label:before, .radioUGProdCross input.radioSelUSD:hover:not(:checked) ~ label:before, .radioUGProdCross input.radioSelEUR:hover:not(:checked) ~ label:before { content: ''; line-height:20px; color: #1CBB9B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioUGProdCross input.radioSel:hover:not(:checked) ~ label, .radioUGProdCross input.checkSel:hover:not(:checked) ~ label, .radioUGProdCross input.radioSelUSD:hover:not(:checked) ~ label, .radioUGProdCross input.checkSelUSD:hover:not(:checked) ~ label, .radioUGProdCross input.radioSelEUR:hover:not(:checked) ~ label, .radioUGProdCross input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:none; border:2px solid #267DD8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* toggle on */ .radioUGProdCross input.checkSel:checked ~ label:before, .radioUGProdCross input.checkSelUSD:checked ~ label:before, .radioUGProdCross input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #267DD8; border:1px solid #267DD8; } .radioUGProdCross input.radioSel:checked ~ label:before, .radioUGProdCross input.radioSelUSD:checked ~ label:before, .radioUGProdCross input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioUGProdCross input.radioSel:checked ~ label, .radioUGProdCross input.checkSel:checked ~ label, .radioUGProdCross input.radioSelUSD:checked ~ label, .radioUGProdCross input.checkSelUSD:checked ~ label, .radioUGProdCross input.radioSelEUR:checked ~ label, .radioUGProdCross input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #267DD8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioUGProdCrossSmall { margin:0 20px 20px 0; width:87px; height:92px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioUGProdCrossSmall img {display:block; margin:30px auto 10px auto} .radioUGProdCrossSmall .mediaLicenseTitle {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#171717; line-height:15px; width:90%; margin:0 auto} .radioUGProdCrossSmall label { width: 87px; height: 92px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } /* hide input */ .radioUGProdCrossSmall input.radioSel:empty, .radioUGProdCrossSmall input.checkSel:empty, .radioUGProdCrossSmall input.radioSelUSD:empty, .radioUGProdCrossSmall input.checkSelUSD:empty, .radioUGProdCrossSmall input.radioSelEUR:empty, .radioUGProdCrossSmall input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioUGProdCrossSmall .radioSel, .radioUGProdCrossSmall .radioSelUSD, .radioUGProdCrossSmall .radioSelEUR { width:10px; } /* style label */ .radioUGProdCrossSmall input.radioSel:empty ~ label, .radioUGProdCrossSmall input.checkSel:empty ~ label, .radioUGProdCrossSmall input.radioSelUSD:empty ~ label, .radioUGProdCrossSmall input.checkSelUSD:empty ~ label, .radioUGProdCrossSmall input.radioSelEUR:empty ~ label, .radioUGProdCrossSmall input.checkSelEUR:empty ~ label { position: relative; float: none; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioUGProdCrossSmall input.radioSel:empty ~ label:before, .radioUGProdCrossSmall input.radioSelUSD:empty ~ label:before, .radioUGProdCrossSmall input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 7px; left: 57px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioUGProdCrossSmall input.radioSel:hover:not(:checked) ~ label:before, .radioUGProdCrossSmall input.radioSelUSD:hover:not(:checked) ~ label:before, .radioUGProdCrossSmall input.radioSelEUR:hover:not(:checked) ~ label:before { content: ''; line-height:20px; color: #1CBB9B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioUGProdCrossSmall input.radioSel:hover:not(:checked) ~ label, .radioUGProdCrossSmall input.checkSel:hover:not(:checked) ~ label, .radioUGProdCrossSmall input.radioSelUSD:hover:not(:checked) ~ label, .radioUGProdCrossSmall input.checkSelUSD:hover:not(:checked) ~ label, .radioUGProdCrossSmall input.radioSelEUR:hover:not(:checked) ~ label, .radioUGProdCrossSmall input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:none; border:2px solid #267DD8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* toggle on */ .radioUGProdCrossSmall input.checkSel:checked ~ label:before, .radioUGProdCrossSmall input.checkSelUSD:checked ~ label:before, .radioUGProdCrossSmall input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #267DD8; border:1px solid #267DD8; } .radioUGProdCrossSmall input.radioSel:checked ~ label:before, .radioUGProdCrossSmall input.radioSelUSD:checked ~ label:before, .radioUGProdCrossSmall input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioUGProdCrossSmall input.radioSel:checked ~ label, .radioUGProdCrossSmall input.checkSel:checked ~ label, .radioUGProdCrossSmall input.radioSelUSD:checked ~ label, .radioUGProdCrossSmall input.checkSelUSD:checked ~ label, .radioUGProdCrossSmall input.radioSelEUR:checked ~ label, .radioUGProdCrossSmall input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #267DD8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .allProdNav {width:87%; height:40px; max-width:540px; margin:30px auto 0 auto} .allProdNav ul {list-style: none; margin:0; padding:0; width: 100%; height:40px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; overflow:hidden; } .allProdNav li {margin:0;padding:0; background: #e5e5e5; line-height:40px; float:left;} .allProdNav li a { text-decoration: none; background-color: #e5e5e5; padding: 0; margin: 0; color: #333333; line-height:40px; display: block; width:100%; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px;} .allProdNav li a.active { text-decoration: none; background-color: #267DD8; padding: 0; margin: 0; color: #FFF; line-height:40px; display: block; width:100%;} .allProdNav li a:hover { text-decoration: none; background-color: #267DD8; padding: 0; margin: 0; color: #FFF; line-height:40px; display: block; width:100%;} .allProdNav-4width li {width:25%} .macProductArticle {webkit-column-count: 3; -moz-column-count: 3; column-count: 3; width:87%; max-width:1200px; margin:0 auto} /*Black Friday */ .panel1wrapper {width:87%; max-width:900px; margin:30px auto; overflow:auto;} .panel1-1 {width:50%; max-width:400px; height:auto; overflow:auto; margin:40px 0 40px 0; float:left} .panel1-2 {width:50%; max-width:460px; height:auto; overflow:auto; margin:40px 0 40px 0; float:right} .BFtip {padding:30px; height:auto; border:6px solid #ffffff; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; overflow:hidden; display:flex; flex-direction: row; align-items:center} .BFtipImage {width:100%; max-width:122px; margin:0 30px 0 0; padding:0 5px 0 6px} .BFtipText {width:100%; max-width:100%; margin:0 0 0 0; text-align:left} .BFfunFactsWrapper {width:87%; max-width:1200px; height:auto; overflow:auto; margin:0 auto 50px auto; display:flex; flex-direction:row; justify-content:space-between} .BFfunFacts {width:30%; height:auto; overflow:auto} .preorderBonusWrapper {width:87%; max-width:900px; height:auto; margin:0 auto; overflow:auto; display:flex; flex-direction:row; justify-content:space-between;} .preorderBonusPanel {width:48%; height:auto; overflow:auto; padding:30px; border:2px solid #666666; box-sizing:border-box; margin:30px 0;} /*Pre-Order Select*/ .radioPOProdCross { margin:0 20px 20px 0; width:175px; height:58px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioPOProdCross img {max-width:75px; height:auto; display:block; margin:20px auto 10px auto} .radioPOProdCross .mediaLicenseTitle {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#ffffff; line-height:15px; width:90%; margin:0 auto} .radioPOProdCross label { width: 175px; height:58px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#141414; border:1px solid #666666; } /* hide input */ .radioPOProdCross input.radioSel:empty, .radioPOProdCross input.checkSel:empty, .radioPOProdCross input.radioSelUSD:empty, .radioPOProdCross input.checkSelUSD:empty, .radioPOProdCross input.radioSelEUR:empty, .radioPOProdCross input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; right:0; } .radioPOProdCross .radioSel, .radioPOProdCross .radioSelUSD, .radioPOProdCross .radioSelEUR { width:10px; } /* style label */ .radioPOProdCross input.radioSel:empty ~ label, .radioPOProdCross input.checkSel:empty ~ label, .radioPOProdCross input.radioSelUSD:empty ~ label, .radioPOProdCross input.checkSelUSD:empty ~ label, .radioPOProdCross input.radioSelEUR:empty ~ label, .radioPOProdCross input.checkSelEUR:empty ~ label { position: relative; float: left; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioPOProdCross input.radioSel:empty ~ label:before, .radioPOProdCross input.radioSelUSD:empty ~ label:before, .radioPOProdCross input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 10px; right: 10px; content: ''; width: 20px; height:20px; background: #141414; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #666666; left:inherit; } .radioPOProdCross input.radioSel:hover:not(:checked) ~ label:before, .radioPOProdCross input.radioSelUSD:hover:not(:checked) ~ label:before, .radioPOProdCross input.radioSelEUR:hover:not(:checked) ~ label:before { content: ''; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPOProdCross input.radioSel:hover:not(:checked) ~ label, .radioPOProdCross input.checkSel:hover:not(:checked) ~ label, .radioPOProdCross input.radioSelUSD:hover:not(:checked) ~ label, .radioPOProdCross input.checkSelUSD:hover:not(:checked) ~ label, .radioPOProdCross input.radioSelEUR:hover:not(:checked) ~ label, .radioPOProdCross input.checkSelEUR:hover:not(:checked) ~ label { color: #ffffff; border:none; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* toggle on */ .radioPOProdCross input.checkSel:checked ~ label:before, .radioPOProdCross input.checkSelUSD:checked ~ label:before, .radioPOProdCross input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #55AB55; border:1px solid #55AB55; font-size:13px; } .radioPOProdCross input.radioSel:checked ~ label:before, .radioPOProdCross input.radioSelUSD:checked ~ label:before, .radioPOProdCross input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size:13px; } .radioPOProdCross input.radioSel:checked ~ label, .radioPOProdCross input.checkSel:checked ~ label, .radioPOProdCross input.radioSelUSD:checked ~ label, .radioPOProdCross input.checkSelUSD:checked ~ label, .radioPOProdCross input.radioSelEUR:checked ~ label, .radioPOProdCross input.checkSelEUR:checked ~ label { color: #ffffff; background:#141414; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPOProdCrossSmall { margin:0 20px 20px 0; width:175px; height:58px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioPOProdCrossSmall img {display:block; margin:30px auto 10px auto} .radioPOProdCrossSmall .mediaLicenseTitle {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#ffffff; line-height:15px; width:90%; margin:0 auto} .radioPOProdCrossSmall label { width: 175px; height: 58px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#141414; border:1px solid #666666; } /* hide input */ .radioPOProdCrossSmall input.radioSel:empty, .radioPOProdCrossSmall input.checkSel:empty, .radioPOProdCrossSmall input.radioSelUSD:empty, .radioPOProdCrossSmall input.checkSelUSD:empty, .radioPOProdCrossSmall input.radioSelEUR:empty, .radioPOProdCrossSmall input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; left:0; } .radioPOProdCrossSmall .radioSel, .radioPOProdCrossSmall .radioSelUSD, .radioPOProdCrossSmall .radioSelEUR { width:10px; } /* style label */ .radioPOProdCrossSmall input.radioSel:empty ~ label, .radioPOProdCrossSmall input.checkSel:empty ~ label, .radioPOProdCrossSmall input.radioSelUSD:empty ~ label, .radioPOProdCrossSmall input.checkSelUSD:empty ~ label, .radioPOProdCrossSmall input.radioSelEUR:empty ~ label, .radioPOProdCrossSmall input.checkSelEUR:empty ~ label { position: relative; float: left; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioPOProdCrossSmall input.radioSel:empty ~ label:before, .radioPOProdCrossSmall input.radioSelUSD:empty ~ label:before, .radioPOProdCrossSmall input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 10px; right: 10px; content: ''; width: 20px; height:20px; background: #141414; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #666666; left:inherit; } .radioPOProdCrossSmall input.radioSel:hover:not(:checked) ~ label:before, .radioPOProdCrossSmall input.radioSelUSD:hover:not(:checked) ~ label:before, .radioPOProdCrossSmall input.radioSelEUR:hover:not(:checked) ~ label:before { content: ''; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPOProdCrossSmall input.radioSel:hover:not(:checked) ~ label, .radioPOProdCrossSmall input.checkSel:hover:not(:checked) ~ label, .radioPOProdCrossSmall input.radioSelUSD:hover:not(:checked) ~ label, .radioPOProdCrossSmall input.checkSelUSD:hover:not(:checked) ~ label, .radioPOProdCrossSmall input.radioSelEUR:hover:not(:checked) ~ label, .radioPOProdCrossSmall input.checkSelEUR:hover:not(:checked) ~ label { color: #ffffff; border:none; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* toggle on */ .radioPOProdCrossSmall input.checkSel:checked ~ label:before, .radioPOProdCrossSmall input.checkSelUSD:checked ~ label:before, .radioPOProdCrossSmall input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #55AB55; border:1px solid #55AB55; font-size:13px; } .radioPOProdCrossSmall input.radioSel:checked ~ label:before, .radioPOProdCrossSmall input.radioSelUSD:checked ~ label:before, .radioPOProdCrossSmall input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size:13px; } .radioPOProdCrossSmall input.radioSel:checked ~ label, .radioPOProdCrossSmall input.checkSel:checked ~ label, .radioPOProdCrossSmall input.radioSelUSD:checked ~ label, .radioPOProdCrossSmall input.checkSelUSD:checked ~ label, .radioPOProdCrossSmall input.radioSelEUR:checked ~ label, .radioPOProdCrossSmall input.checkSelEUR:checked ~ label { color: #ffffff; background:#141414; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioMACProdCross { margin:0 20px 20px 0; width:145px; height:150px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioMACProdCross img {max-width:75px; height:auto; display:block; margin:20px auto 10px auto} .radioMACProdCross .mediaLicenseTitle {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#171717; line-height:15px; width:90%; margin:0 auto} .radioMACProdCross label { width: 145px; height:150px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } /* hide input */ .radioMACProdCross input.radioSel:empty, .radioMACProdCross input.checkSel:empty, .radioMACProdCross input.radioSelUSD:empty, .radioMACProdCross input.checkSelUSD:empty, .radioMACProdCross input.radioSelEUR:empty, .radioMACProdCross input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioMACProdCross .radioSel, .radioMACProdCross .radioSelUSD, .radioMACProdCross .radioSelEUR { width:10px; } /* style label */ .radioMACProdCross input.radioSel:empty ~ label, .radioMACProdCross input.checkSel:empty ~ label, .radioMACProdCross input.radioSelUSD:empty ~ label, .radioMACProdCross input.checkSelUSD:empty ~ label, .radioMACProdCross input.radioSelEUR:empty ~ label, .radioMACProdCross input.checkSelEUR:empty ~ label { position: relative; float: left; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioMACProdCross input.radioSel:empty ~ label:before, .radioMACProdCross input.radioSelUSD:empty ~ label:before, .radioMACProdCross input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 14px; right: 20px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioMACProdCross input.radioSel:hover:not(:checked) ~ label:before, .radioMACProdCross input.radioSelUSD:hover:not(:checked) ~ label:before, .radioMACProdCross input.radioSelEUR:hover:not(:checked) ~ label:before { content: ''; line-height:20px; color: #1CBB9B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioMACProdCross input.radioSel:hover:not(:checked) ~ label, .radioMACProdCross input.checkSel:hover:not(:checked) ~ label, .radioMACProdCross input.radioSelUSD:hover:not(:checked) ~ label, .radioMACProdCross input.checkSelUSD:hover:not(:checked) ~ label, .radioMACProdCross input.radioSelEUR:hover:not(:checked) ~ label, .radioMACProdCross input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:none; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* toggle on */ .radioMACProdCross input.checkSel:checked ~ label:before, .radioMACProdCross input.checkSelUSD:checked ~ label:before, .radioMACProdCross input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #55AB55; border:1px solid #55AB55; } .radioMACProdCross input.radioSel:checked ~ label:before, .radioMACProdCross input.radioSelUSD:checked ~ label:before, .radioMACProdCross input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioMACProdCross input.radioSel:checked ~ label, .radioMACProdCross input.checkSel:checked ~ label, .radioMACProdCross input.radioSelUSD:checked ~ label, .radioMACProdCross input.checkSelUSD:checked ~ label, .radioMACProdCross input.radioSelEUR:checked ~ label, .radioMACProdCross input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioMACProdCrossSmall { margin:0 20px 20px 0; width:87px; height:92px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioMACProdCrossSmall img {display:block; margin:30px auto 10px auto} .radioMACProdCrossSmall .mediaLicenseTitle {font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#171717; line-height:15px; width:90%; margin:0 auto} .radioMACProdCrossSmall label { width: 87px; height: 92px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } /* hide input */ .radioMACProdCrossSmall input.radioSel:empty, .radioMACProdCrossSmall input.checkSel:empty, .radioMACProdCrossSmall input.radioSelUSD:empty, .radioMACProdCrossSmall input.checkSelUSD:empty, .radioMACProdCrossSmall input.radioSelEUR:empty, .radioMACProdCrossSmall input.checkSelEUR:empty { margin-top: -50000px; visibility:hidden; } .radioMACProdCrossSmall .radioSel, .radioMACProdCrossSmall .radioSelUSD, .radioMACProdCrossSmall .radioSelEUR { width:10px; } /* style label */ .radioMACProdCrossSmall input.radioSel:empty ~ label, .radioMACProdCrossSmall input.checkSel:empty ~ label, .radioMACProdCrossSmall input.radioSelUSD:empty ~ label, .radioMACProdCrossSmall input.checkSelUSD:empty ~ label, .radioMACProdCrossSmall input.radioSelEUR:empty ~ label, .radioMACProdCrossSmall input.checkSelEUR:empty ~ label { position: relative; float: left; line-height: 19px; text-indent: 0; margin-top: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radioMACProdCrossSmall input.radioSel:empty ~ label:before, .radioMACProdCrossSmall input.radioSelUSD:empty ~ label:before, .radioMACProdCrossSmall input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 7px; left: 57px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioMACProdCrossSmall input.radioSel:hover:not(:checked) ~ label:before, .radioMACProdCrossSmall input.radioSelUSD:hover:not(:checked) ~ label:before, .radioMACProdCrossSmall input.radioSelEUR:hover:not(:checked) ~ label:before { content: ''; line-height:20px; color: #1CBB9B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioMACProdCrossSmall input.radioSel:hover:not(:checked) ~ label, .radioMACProdCrossSmall input.checkSel:hover:not(:checked) ~ label, .radioMACProdCrossSmall input.radioSelUSD:hover:not(:checked) ~ label, .radioMACProdCrossSmall input.checkSelUSD:hover:not(:checked) ~ label, .radioMACProdCrossSmall input.radioSelEUR:hover:not(:checked) ~ label, .radioMACProdCrossSmall input.checkSelEUR:hover:not(:checked) ~ label { color: #888; border:none; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* toggle on */ .radioMACProdCrossSmall input.checkSel:checked ~ label:before, .radioMACProdCrossSmall input.checkSelUSD:checked ~ label:before, .radioMACProdCrossSmall input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #55AB55; border:1px solid #55AB55; } .radioMACProdCrossSmall input.radioSel:checked ~ label:before, .radioMACProdCrossSmall input.radioSelUSD:checked ~ label:before, .radioMACProdCrossSmall input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioMACProdCrossSmall input.radioSel:checked ~ label, .radioMACProdCrossSmall input.checkSel:checked ~ label, .radioMACProdCrossSmall input.radioSelUSD:checked ~ label, .radioMACProdCrossSmall input.checkSelUSD:checked ~ label, .radioMACProdCrossSmall input.radioSelEUR:checked ~ label, .radioMACProdCrossSmall input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tutorial-text-panel {width:50%; float:left} .tutorial-video-panel {width:50%; float:right} .video-panel-container {width:87%; max-width:1200px; margin:100px auto 100px auto; align-items:center; display:flex; align-items:center} .video-buttons { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; cursor: pointer; pointer-events: all; transition: background 330ms ease-in-out; opacity: 0; } .video-buttons:hover {background: rgba(0, 0, 0, 0.3); opacity:1;} .video-button {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); color:#ffffff; display:none; text-decoration:none; } .video-button.is-active {pointer-events:all; display:block} .md-badge-title { color:#ffffff; display:flex; align-items: center; justify-content: center; flex-direction:row;} .md-badge-title span { border:2px solid #55AB55; padding:10px; color:#55AB55; margin-left:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-sizing:border-box} .newProdMacRespTitlePacks {width:87%; max-width:910px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:58px; color:#ffffff; padding:0; margin:10px auto 0 auto;} .newProdMacRespTitlePacksSmall {width:87%; max-width:920px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:25px; color:#ffffff; padding:0; margin:70px auto 0 auto;} .md-packs-included {width:87%; max-width:1200px; height:auto; margin:40px auto 0 auto; overflow:auto; display:flex; justify-content:space-between; flex-wrap:wrap;} .md-packs-content {width:30%; height:auto; overflow:auto; text-align:center; margin-top:40px} .md-packs-content img {display:block; margin:0 auto 20px auto;} .main-navigation-wrapper {width:87%; max-width:1200px; height:auto; border-bottom:1px solid #333333; margin:0 auto;} .main-navigation-inner {width:100%; max-width:1200px; height:40px; margin:20px auto 20px auto;} @media all and (max-width: 850px) { #mainControlsContainer {width:100%; height:170px;} #surveyProgressContainer {width:100%; float:left; clear:both; margin:0;} #surveyProgress {width:95%; max-width:95% } #survey-slider-prev a {width:49%;} #survey-slider-next a {width:49%;} .answers-slider {width:49%;} .slideTitleBig {font-size:60px; line-height:100px; font-weight:100;} .slideTitleSmall {font-size:40px; line-height:60px;} ul#surveyContainer {height:650px} .slideBody {font-size:21px; margin:40px auto 0 auto; line-height:30px;} .surveyTextBox {width:100%; margin:10px auto 0 auto;} .nameTextBox {float:left;} .emailTextBox {float:left;} .companyTextBox {float:left;} .surveyCheck input[type=checkbox] + label {width:calc(100% / 3)} .surveyRadioProd {width:60%;} .surveyRadioRanking {width:100%;} .spacerPanel {width:100%; height:225px;} .rankBody {font-size:19px; line-height:25px} .surveyselectleft {float:left; width:100%} .surveyselectright {float:left; width:100%} .surveyselectcenter {float:left; width:100%; margin:10px 0 0 0;} .surveyRateFeaturesleft {width: 100%;} .surveyRateFeaturesright {width: 100%;} .featureStarRatingContainer {width:100%; height:auto; margin:13px 0 0 0; overflow:auto; float:left} .featureTitleSub {text-align:center} .macProductArticle {webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} .panel1-1 {width:100%; margin:40px auto 0 auto; float:none; max-width:100%} .panel1-2 {width:100%; margin:40px auto 40px auto; float:none; max-width:460px} .preorderBonusWrapper {display:block;} .preorderBonusPanel {width:100%;} } @media all and (max-width: 550px) { ul.ourHolderBF li.item {width:100%;} ul.ourHolderBF2 li.item {width:100%;} .main-navigation-wrapper {width:100%;} .main-navigation-inner {width:87%;} } @media all and (max-width: 950px) { .leftProdSubNav {width:45%;} .leftProdSubNav img {display:none} .rightProdSubNav {width:55%;} .rightProdSubNav .subNavExplore {display:inline-block} .rightProdSubNav .subNavNavigate {display:none} .rightProdPCSubNav {width:55%;} .rightProdPCSubNav .subNavExplore {display:inline-block} .rightProdPCSubNav .subNavNavigate {display:none} .rightProdMacSubNav {width:55%;} .rightProdMacSubNav .subNavExplore {display:inline-block} .rightProdMacSubNav .subNavNavigate {display:none} .pricingColumn {width:100%; height:auto; overflow:hidden; margin-bottom:30px;} .buyDWGProd {width:100%; float:none} .trialDWGProd {width:100%; float:none; margin-top:10px; box-sizing:border-box} .md-packs-included {display:block;} .md-packs-content {width:100%; border-bottom:1px solid #333333; margin:5px auto; padding:40px 0} .newProdMacRespTitlePacks {font-size:40px;} .newProdMacRespTitlePacksSmall {font-size:21px;} } @media all and (min-width: 1100px) { #homePanel1.changePanel1:hover {background:url(../images/homepage/new/homePanel1Down.png) no-repeat #333333; color:#ffffff; font-weight:300} #homePanel1.changePanel1:hover > div div .mainBtnPanel {background-color:#666666; } #homePanel1.changePanel1:hover > div div .mainBtnPanel:hover {background-color:#45A0D9;} #homePanel1.activePanel > div div .mainBtnPanel:hover {background-color:#45A0D9; } #homePanel1.changePanel1:hover > .homePanelHoverTab1 {display:block} #homePanel2.changePanel2:hover {background:url(../images/homepage/new/homePanel2Down.png) no-repeat #333333; color:#ffffff;} #homePanel2.changePanel2:hover > div div .mainBtnPanel {background-color:#666666; } #homePanel2.changePanel2:hover > div div .mainBtnPanel:hover {background-color:#45A0D9;} #homePanel2.activePanel > div div .mainBtnPanel:hover {background-color:#45A0D9; } #homePanel2.changePanel2:hover > .homePanelHoverTab2 {display:block} #homePanel3.changePanel3:hover {background:url(../images/homepage/new/homePanel3Down.png) no-repeat #333333; color:#ffffff;} #homePanel3.changePanel3:hover > div div .mainBtnPanel {background-color:#666666; } #homePanel3.changePanel3:hover > div div .mainBtnPanel:hover {background-color:#45A0D9;} #homePanel3.activePanel > div div .mainBtnPanel:hover {background-color:#45A0D9; } #homePanel3.changePanel3:hover > .homePanelHoverTab3 {display:block} #summerprodfilter {display:block} } @media all and (max-width: 1100px) { .slideTitleBig {font-size:60px; line-height:100px; font-weight:100;} .slideTitleSmall {font-size:40px; line-height:60px;} ul#surveyContainer {height:700px} .slideBody {font-size:21px; margin:40px auto 225px auto; line-height:30px;} .rankBody {font-size:19px; line-height:45px} .featureStarRatingContainer {width:100%; height:auto; margin:13px 0 0 0; overflow:auto; float:left} .featureTitleSub {text-align:center} .featureStarRating {margin-left:18px;} .reasonsTextFrame {margin:400px auto 50px auto;} .reasonsText {max-width:1000px} } @media all and (max-width: 1200px) { .starRating:hover .starRating-star:hover, .starRating:hover .starRating-star:hover ~ .starRating-star, .starRating-input:checked ~ .starRating-star { background: url(../images/star-rating-on.png); background-size: 100px 95px; } .starRating-star, .starRating:hover .starRating-star { position: relative; float: right; display: block; width: 100px; height: 95px; background: url(../images/star-rating-off.png); background-size: 100px 95px; border:none; margin:0 10px; } .pricingPCLeft {width:50%;} .pricingPCRight {width:50%;} .pricingMacLeft {width:50%;} .pricingMacRight {width:50%;} .pricingThumbContainer {width:100%; float:none; height:auto; margin:40px auto 0 auto; padding:0; position:relative; outline:none;} .pricingSlideItemContainer {width:100%; float:none; height:auto; margin:0 auto 0 auto; padding:0; position:relative; outline:none} .pricingThumbContainer .slide-prev {width:35px; height:100%; position:absolute; top:0; left:0; display: flex;justify-content: center;flex-direction: column; text-align: center;} .pricingThumbContainer .slide-next {width:35px; height:100%; position:absolute; top:0; right:0; display: flex; justify-content: center; flex-direction: column; text-align: center;} .pricingThumbContainer img {margin-bottom:0; margin:0 5px} .pricingThumbContainer .slide-prev #uparrow {display:none} .pricingThumbContainer .slide-next #downarrow {display:none} .pricingThumbContainer .slide-prev #leftarrow {display:block} .pricingThumbContainer .slide-next #rightarrow {display:block} .pricingThumbContainerMAC {width:100%; float:none; height:auto; margin:40px auto 0 auto; padding:0; position:relative; outline:none;} .pricingSlideItemContainerMAC {width:100%; float:none; height:auto; margin:0 auto 0 auto; padding:0; position:relative; outline:none} .pricingThumbContainerMAC .slide-prev {width:35px; height:100%; position:absolute; top:0; left:0; display: flex;justify-content: center;flex-direction: column; text-align: center;} .pricingThumbContainerMAC .slide-next {width:35px; height:100%; position:absolute; top:0; right:0; display: flex; justify-content: center; flex-direction: column; text-align: center;} .pricingThumbContainerMAC img {margin-bottom:0; margin:0 5px} .pricingThumbContainerMAC .slide-prev #uparrow {display:none} .pricingThumbContainerMAC .slide-next #downarrow {display:none} .pricingThumbContainerMAC .slide-prev #leftarrow {display:block} .pricingThumbContainerMAC .slide-next #rightarrow {display:block} .calculatorPC {width:48%;} .calculatorEduPC {width:48%;} } @media all and (max-width: 950px) { .starRating:hover .starRating-star:hover, .starRating:hover .starRating-star:hover ~ .starRating-star, .starRating-input:checked ~ .starRating-star { background: url(../images/star-rating-on.png); background-size: 85px 81px; } .starRating-star, .starRating:hover .starRating-star { position: relative; float: right; display: block; width: 85px; height: 81px; background: url(../images/star-rating-off.png); background-size: 85px 81px; border:none; margin:0 10px; } .summer-h1 {font-size:40px; line-height:45px} .prodPricingColumn {width:50%;} .prodMacPricingColumn {width:50%;} .prodPricingColumnLeft {border:none; overflow:auto} ul.ourHolderBF li.item {width:47%;} ul.ourHolderBF2 li.item {width:47%;} } @media all and (max-width: 1350px) { #navigationMenuContainer {display:none} #menuResponsiveIcon {display:block} #searchBag {margin-right:0;} .featureColumn {width:47%;} } @media all and (max-device-width: 1350px) { body.lock-position {overflow:auto} } @media all and (max-width: 1570px) { .left-slide1-home {height:550px; background-size:contain;} .right-slide1-home {height:550px; background-size:contain;} .left-slide2-home {height:550px; background-size:contain;} .right-slide2-home {height:550px; background-size:contain;} .left-slide3-home {height:550px; background-size:contain;} .right-slide3-home {height:550px; background-size:contain;} .bxsliderHomeNEW {height:550px;} .newHomeRespTitle {font-size:60px; line-height:65px} .newHomeRespTitleSub {font-size:19px; line-height:25px;} .newHomeRespTitleText {font-size:30px; line-height:35px; max-width:600px} .newHomeResph2 {font-size:40px;} .homeRightSubPanel {padding:100px 0} .homeLeftSubPanel2 {padding:100px 0} .newHomeRespp {font-size:19px; line-height:25px;} .newProdImgTitle {font-size:13px;} .newProdImgTitle {width:70%;} } @media all and (max-width: 1500px) { #mainHomeSlide1 {height:650px} #mainHomeSlide2 {height:650px} #mainHomeSlide3 {height:650px} #mainHomeSlide4 {height:650px} #mainHomeSlide5 {height:650px} .slidetitleHome2 {max-width:450px} .newHomeRespTitle2 {font-size:40px;line-height:40px; max-width:450px} .newHomeRespTitleSub2 {font-size:19px;line-height:22px; max-width:450px} .newHomeRespTitleText2 {font-size:15px;line-height:22px; max-width:450px} } @media all and (max-width: 1210px) { #mainHomeSlide1 {height:510px} #mainHomeSlide2 {height:510px} #mainHomeSlide3 {height:510px} #mainHomeSlide4 {height:510px} #mainHomeSlide5 {height:510px} .slidetitleHome2 {max-width:420px} .newHomeRespTitle2 {font-size:40px;line-height:40px; max-width:420px} .newHomeRespTitleSub2 {font-size:19px;line-height:22px; max-width:420px} .newHomeRespTitleText2 {font-size:15px;line-height:22px; max-width:420px} .mainHomeButtons {max-width:340px;} .mainBtnWhiteHome {height:40px; font-size:13px;line-height:40px;} } @media all and (max-width: 1023px) { #mainHomeSlide1 {height:600px;} #mainHomeSlide2 {height:600px;} #mainHomeSlide3 {height:600px;} #mainHomeSlide4 {height:600px;} #mainHomeSlide5 {height:600px} .slidetitleHome2 {position:relative; top:0; left:0; margin:75px auto 0 auto; transform: none; -webkit-transform: none; -moz-transform: none; width:87%; max-width:87%} .newHomeRespTitle2 { font-size:55px; text-align:center; line-height:55px; max-width:100%} .newHomeRespTitleSub2 { font-size:21px; text-align:center; line-height:25px; max-width:100%} .newHomeRespTitleText2 {font-size:17px; text-align:center; line-height:22px; max-width:100%; width:100%;} .mainHomeButtons {width:87%; max-width:87%; margin: 30px auto 10px auto} .tutorial-text-panel {width:100%; float:none} .tutorial-video-panel {width:90%; margin:30px auto 0 auto; float:none} .video-panel-container {display:block; margin:60px auto 60px auto;} } @media all and (max-width: 835px) { .left-slide1-home {height:400px; background-position:right bottom; background-size:cover} .right-slide1-home {height:400px; background-position:left bottom; background-size:cover} .left-slide2-home {height:400px; background-position:right bottom; background-size:cover} .right-slide2-home {height:400px; background-position:left bottom; background-size:cover} .left-slide3-home {height:400px; background-position:right bottom; background-size:cover} .right-slide3-home {height:400px; background-position:left bottom; background-size:cover} .bxsliderHomeNEW {height:400px;} .newHomeRespTitle {font-size:30px; line-height:40px} .newHomeRespTitleSub {font-size:17px; line-height:20px;} .newHomeRespTitleText {font-size:20px; line-height:25px;} .mainBtnWhiteHome {font-size:13px;} .mainBtnDarkHome {font-size:13px; height:40px; line-height:40px; width:80%; float:none; margin:0 auto 10px auto} .newHomeResph2 {font-size:21px;} .homeRightSubPanel {padding:40px 0;} .homeLeftSubPanel2 {padding:40px 0;} .newHomeRespp {font-size:13px; line-height:22px;} .mainBtnDarkHome2 {font-size:13px; height:40px; line-height:40px; width:80%; float:none; margin:0 auto} .newProdImgTitle {font-size:13px;} .newProdImgTitle {width:70%;} } @media all and (max-width: 490px) { #mainHomeSlide1 {height:400px;} #mainHomeSlide2 {height:400px;} #mainHomeSlide3 {height:400px;} #mainHomeSlide4 {height:400px;} #mainHomeSlide5 {height:400px} .newHomeRespTitle2 { font-size:27px; text-align:center; line-height:30px; max-width:100%} .newHomeRespTitleSub2 { font-size:15px; text-align:center; line-height:22px; max-width:100%} .newHomeRespTitleText2 {display:none} .slidetitleHome2 {position:relative; top:0; left:0; margin:50px auto 0 auto; transform: none; -webkit-transform: none; -moz-transform: none; width:87%; max-width:87%} } @media all and (max-width: 375px) { #mainHomeSlide1 {height:290px;} #mainHomeSlide2 {height:290px;} #mainHomeSlide3 {height:290px;} #mainHomeSlide4 {height:290px;} #mainHomeSlide5 {height:290px} .newHomeRespTitle2 { font-size:27px; text-align:center; line-height:30px; max-width:100%} .newHomeRespTitleSub2 { font-size:15px; text-align:center; line-height:22px; max-width:100%} .newHomeRespTitleText2 {font-size:15px; text-align:center; line-height:22px; max-width:100%; width:100%;} } @media all and (max-width: 768px) { .mainNavigationContainer {width:530px; height:750px; position:absolute; top:50%; left:50%; margin:-375px 0 0 -265px;} .companyTopContainer {width:100%;} .newProdRespTitle {font-size:60px; margin:300px auto 0 auto;} .newProdPCRespTitle {font-size:60px;} .newProdRespTitleTrial {font-size:60px; margin:400px auto 0 auto;} .newProdRespTitle span {font-size:27px; font-weight:300} .newProdPCRespTitle span {font-size:27px; font-weight:300} .newProdRespTitleSmall {font-size:30px;} .newProdPCRespTitleSmall {font-size:30px;} .newProdRespTitlePage {width:87%; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight:300; font-size:50px; color:#ffffff; text-align:center; padding:0; margin:500px auto 0 auto;} .newProdRespTitleMain {font-size:40px;} .newProdRespTitleMini {font-size:21px;} .featureColumn {width:100%; margin:0 auto} .newProdRespTitleFooter { font-size:25px;} .registerFormLocal #purchasedFromMicrospot + label {font-size:17px;} .registerFormLocal #purchasedFromMacAppStore + label {font-size:17px;} .contactRequest .serialTextSize { font-size: 11px; } .comparePC {width:48%; height:auto; overflow:auto} .compareToHide {display:none} .calculatorPC {width:100%;} .calculatorEduPC {width:100%;} } @media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .currencySelectContainer {transform: scale(1.2, 1.2);} .searchSelectionContainer {transform: scale(1.2, 1.2);} .mainNavigationContainer {transform: scale(1.3, 1.3);} } @media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .currencySelectContainer {transform: scale(1.2, 1.2);} .searchSelectionContainer {transform: scale(1.2, 1.2);} } @media all and (max-width: 650px) { #searchBag {display:none} #currencyFrame {display:none} #currencySwap {display:none} .mainNavigationContainer {width:750px; height:576px; padding:0; background:#000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999999; position:absolute; top:50%; left:50%; margin:-278px 0 0 -375px; z-index:600000} .registerDivideLeft {width:100%; float:none} .registerDivideRight {width:100%; float:none} #leftPrivacy {display:none} #rightPrivacy {float:none; width:100%} ul.newHomeProdPanel li {width:50%; padding:10px} .newProdImgTitle {width:80%;} #summerprodfilter {display:none; width:100%; position:absolute; height:100%; top:0; left:0; bottom:0; right:0; z-index:500000; padding:0} #menu-refine {width:87%; max-width:87%; margin:0 auto; display:block;} ul.summerFilterHolder li.template-prods {width: 100%; margin:30px 0;} .summer-orange-btn {display:block} .summer-sale-slide {height:500px} .summer-h1-large {font-weight:600; font-size:60px;line-height:65px; margin:0 auto 20px auto;} .summer-h2-large {font-weight:300; font-size:19px; line-height:25px; margin:0 auto 20px auto;} .summer-h2-large span {font-size:35px; font-weight:600; line-height:35px} .summer-p-large {font-weight:200; font-size:27px; line-height:30px; margin:0 auto 0 auto;} .prodFlexWhatsNew {display:none} .selectPCFeature {display:block;} .selectMacFeature {display:block;} #topPopupDivide {display:none} .prodFlexTools {display:none} .buyPCProd {width:100%; float:none} .trialPCProd {width:100%; float:none; margin-top:10px; box-sizing:border-box} .mainBuyButtonWrapper {width:87%; max-width:87%;} .pricingPCLeft {width:100%; background:#ffffff; float:none;} .pricingPCRight {width:100%; background:#ffffff; float:none;} .pricingMacLeft {width:100%; background:#141414; float:none} .pricingMacRight {width:100%; background:#141414; float:none} .pricingSliderContainer {width:90%; margin:20px auto;} .pricingThumbContainer {display:none;} .pricingSliderContainerMAC {width:90%; margin:20px auto;} .pricingThumbContainerMAC {display:none;} .PCmainWrapper {width:100%; flex:none; display: block; /* OLD - iOS 6-, Safari 3.1-6 */ display: block; /* OLD - Firefox 19- (buggy but mostly works) */ display: block; /* TWEENER - IE 10 */ display: block; /* NEW - Chrome */ display: block; /* NEW, Spec - Opera 12.1, Firefox 20+ */} .MacmainWrapper {width:100%; flex:none; display: block; /* OLD - iOS 6-, Safari 3.1-6 */ display: block; /* OLD - Firefox 19- (buggy but mostly works) */ display: block; /* TWEENER - IE 10 */ display: block; /* NEW - Chrome */ display: block; /* NEW, Spec - Opera 12.1, Firefox 20+ */} #small-navigation {display:none} #PCpricing-title {display:block} #PCpurchase-title {display:none} .pricingPurchaseButtonContainer {max-width:100%; margin:30px auto 60px 0;} .radioPCProdCross { margin:0 auto 20px auto; width:98%; height:40px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioPCProdCross label { width: 100%; height:100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } .radioPCProdCross input.radioSel:empty ~ label:before, .radioPCProdCross input.radioSelUSD:empty ~ label:before, .radioPCProdCross input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 9px; left: 10px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioPCProdCross input.checkSel:checked ~ label:before, .radioPCProdCross input.checkSelUSD:checked ~ label:before, .radioPCProdCross input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #ED560B; border:1px solid #ED560B; } .radioPCProdCross input.radioSel:checked ~ label:before, .radioPCProdCross input.radioSelUSD:checked ~ label:before, .radioPCProdCross input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPCProdCross input.radioSel:checked ~ label, .radioPCProdCross input.checkSel:checked ~ label, .radioPCProdCross input.radioSelUSD:checked ~ label, .radioPCProdCross input.checkSelUSD:checked ~ label, .radioPCProdCross input.radioSelEUR:checked ~ label, .radioPCProdCross input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #ED560B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPCProdCrossSmall { margin:0 auto 20px auto; width:98%; height:40px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioPCProdCrossSmall label { width:100%; height:100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } .radioPCProdCrossSmall input.radioSel:empty ~ label:before, .radioPCProdCrossSmall input.radioSelUSD:empty ~ label:before, .radioPCProdCrossSmall input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 9px; left: 10px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioPCProdCrossSmall input.checkSel:checked ~ label:before, .radioPCProdCrossSmall input.checkSelUSD:checked ~ label:before, .radioPCProdCrossSmall input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #ED560B; border:1px solid #ED560B; } .radioPCProdCrossSmall input.radioSel:checked ~ label:before, .radioPCProdCrossSmall input.radioSelUSD:checked ~ label:before, .radioPCProdCrossSmall input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPCProdCrossSmall input.radioSel:checked ~ label, .radioPCProdCrossSmall input.checkSel:checked ~ label, .radioPCProdCrossSmall input.radioSelUSD:checked ~ label, .radioPCProdCrossSmall input.checkSelUSD:checked ~ label, .radioPCProdCrossSmall input.radioSelEUR:checked ~ label, .radioPCProdCrossSmall input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #ED560B; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioUGProdCross { margin:0 auto 20px auto; width:98%; height:40px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioUGProdCross label { width: 100%; height:100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } .radioUGProdCross input.radioSel:empty ~ label:before, .radioUGProdCross input.radioSelUSD:empty ~ label:before, .radioUGProdCross input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 9px; left: 10px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioUGProdCross input.checkSel:checked ~ label:before, .radioUGProdCross input.checkSelUSD:checked ~ label:before, .radioUGProdCross input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #267DD8; border:1px solid #267DD8; } .radioUGProdCross input.radioSel:checked ~ label:before, .radioUGProdCross input.radioSelUSD:checked ~ label:before, .radioUGProdCross input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioUGProdCross input.radioSel:checked ~ label, .radioUGProdCross input.checkSel:checked ~ label, .radioUGProdCross input.radioSelUSD:checked ~ label, .radioUGProdCross input.checkSelUSD:checked ~ label, .radioUGProdCross input.radioSelEUR:checked ~ label, .radioUGProdCross input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #267DD8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioUGProdCrossSmall { margin:0 auto 20px auto; width:98%; height:40px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioUGProdCrossSmall label { width:100%; height:100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } .radioUGProdCrossSmall input.radioSel:empty ~ label:before, .radioUGProdCrossSmall input.radioSelUSD:empty ~ label:before, .radioUGProdCrossSmall input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 9px; left: 10px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioUGProdCrossSmall input.checkSel:checked ~ label:before, .radioUGProdCrossSmall input.checkSelUSD:checked ~ label:before, .radioUGProdCrossSmall input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #267DD8; border:1px solid #267DD8; } .radioUGProdCrossSmall input.radioSel:checked ~ label:before, .radioUGProdCrossSmall input.radioSelUSD:checked ~ label:before, .radioUGProdCrossSmall input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioUGProdCrossSmall input.radioSel:checked ~ label, .radioUGProdCrossSmall input.checkSel:checked ~ label, .radioUGProdCrossSmall input.radioSelUSD:checked ~ label, .radioUGProdCrossSmall input.checkSelUSD:checked ~ label, .radioUGProdCrossSmall input.radioSelEUR:checked ~ label, .radioUGProdCrossSmall input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #267DD8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPOProdCross { margin:0 auto 20px auto; width:98%; height:40px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioPOProdCross label { width: 100%; height:100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#141414; border:1px solid #666666; } .radioPOProdCross input.radioSel:empty ~ label:before, .radioPOProdCross input.radioSelUSD:empty ~ label:before, .radioPOProdCross input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 9px; left: 10px; content: ''; width: 20px; height:20px; background: #141414; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #666666; } .radioPOProdCross input.checkSel:checked ~ label:before, .radioPOProdCross input.checkSelUSD:checked ~ label:before, .radioPOProdCross input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #55AB55; border:1px solid #55AB55; } .radioPOProdCross input.radioSel:checked ~ label:before, .radioPOProdCross input.radioSelUSD:checked ~ label:before, .radioPOProdCross input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPOProdCross input.radioSel:checked ~ label, .radioPOProdCross input.checkSel:checked ~ label, .radioPOProdCross input.radioSelUSD:checked ~ label, .radioPOProdCross input.checkSelUSD:checked ~ label, .radioPOProdCross input.radioSelEUR:checked ~ label, .radioPOProdCross input.checkSelEUR:checked ~ label { color: #777; background:#141414; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPOProdCrossSmall { margin:0 auto 20px auto; width:98%; height:40px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioPOProdCrossSmall label { width:100%; height:100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#141414; border:1px solid #666666; } .radioPOProdCrossSmall input.radioSel:empty ~ label:before, .radioPOProdCrossSmall input.radioSelUSD:empty ~ label:before, .radioPOProdCrossSmall input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 9px; left: 10px; content: ''; width: 20px; height:20px; background: #141414; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #666666; } .radioPOProdCrossSmall input.checkSel:checked ~ label:before, .radioPOProdCrossSmall input.checkSelUSD:checked ~ label:before, .radioPOProdCrossSmall input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #55AB55; border:1px solid #55AB55; } .radioPOProdCrossSmall input.radioSel:checked ~ label:before, .radioPOProdCrossSmall input.radioSelUSD:checked ~ label:before, .radioPOProdCrossSmall input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioPOProdCrossSmall input.radioSel:checked ~ label, .radioPOProdCrossSmall input.checkSel:checked ~ label, .radioPOProdCrossSmall input.radioSelUSD:checked ~ label, .radioPOProdCrossSmall input.checkSelUSD:checked ~ label, .radioPOProdCrossSmall input.radioSelEUR:checked ~ label, .radioPOProdCrossSmall input.checkSelEUR:checked ~ label { color: #ffffff; background:#141414; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #prodInfoWrapper {display:none} #prodInfoWrapper2 {display:block;} .newProdPCRespBodyPricingTabTop {margin:0 0 0 0;} .prodSelectPC1 {display:none} .prodSelectPC2 {display:block} .radioPCProdCross img {display:none} .radioPCProdCross .mediaLicenseTitle {font-size:15px; line-height:40px; margin:0 0 0 50px; text-align:left} .radioPCProdCrossSmall img {display:none;} .radioPCProdCrossSmall .mediaLicenseTitle {font-size:15px; line-height:40px; margin:0 0 0 50px; text-align:left} .radioUGProdCross img {display:none} .radioUGProdCross .mediaLicenseTitle {font-size:15px; line-height:40px; margin:0 0 0 50px; text-align:left} .radioUGProdCrossSmall img {display:none} .radioUGProdCrossSmall .mediaLicenseTitle {font-size:15px; line-height:40px; margin:0 0 0 50px; text-align:left} .radioPOProdCross img {display:none} .radioPOProdCross .mediaLicenseTitle {font-size:15px; line-height:40px; margin:0 0 0 50px; text-align:left} .radioPOProdCrossSmall img {display:none} .radioPOProdCrossSmall .mediaLicenseTitle {font-size:15px; line-height:40px; margin:0 0 0 50px; text-align:left} .radioMACProdCross img {display:none} .radioMACProdCross .mediaLicenseTitle {font-size:15px; line-height:40px; margin:0 0 0 50px; text-align:left} .radioMACProdCrossSmall img {display:none;} .radioMACProdCrossSmall .mediaLicenseTitle {font-size:15px; line-height:40px; margin:0 0 0 50px; text-align:left} .prodPricingColumn {width:100%; margin-bottom:50px; border-bottom:1px solid #e5e5e5;} .prodMacPricingColumn {width:100%; margin-bottom:50px; border-bottom:1px solid #e5e5e5;} .prodPricingColumnRight {border:none; overflow:auto} .prodPricingColumnLeft {border:none; overflow:auto} .macProductArticle {webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} .BFtip {display:block; flex-direction: none; align-items:none;} .BFtipImage {width:100%; max-width:122px; margin:0 auto 30px auto; padding:0;} .BFtipText {width:100%; max-width:100%; margin:0 0 0 0; text-align:center;} .BFfunFacts {width:100%;} .BFfunFactsWrapper {display:block; flex-direction:none; justify-content:none} .radioMACProdCross { margin:0 auto 20px auto; width:98%; height:40px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioMACProdCross label { width: 100%; height:100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } .radioMACProdCross input.radioSel:empty ~ label:before, .radioMACProdCross input.radioSelUSD:empty ~ label:before, .radioMACProdCross input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 9px; left: 10px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioMACProdCross input.checkSel:checked ~ label:before, .radioMACProdCross input.checkSelUSD:checked ~ label:before, .radioMACProdCross input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #55AB55; border:1px solid #55AB55; } .radioMACProdCross input.radioSel:checked ~ label:before, .radioMACProdCross input.radioSelUSD:checked ~ label:before, .radioMACProdCross input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioMACProdCross input.radioSel:checked ~ label, .radioMACProdCross input.checkSel:checked ~ label, .radioMACProdCross input.radioSelUSD:checked ~ label, .radioMACProdCross input.checkSelUSD:checked ~ label, .radioMACProdCross input.radioSelEUR:checked ~ label, .radioMACProdCross input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioMACProdCrossSmall { margin:0 auto 20px auto; width:98%; height:40px; float:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; } .radioMACProdCrossSmall label { width:100%; height:100%; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border:none; background:#ffffff; border:1px solid #e5e5e5; } .radioMACProdCrossSmall input.radioSel:empty ~ label:before, .radioMACProdCrossSmall input.radioSelUSD:empty ~ label:before, .radioMACProdCrossSmall input.radioSelEUR:empty ~ label:before { position: absolute; display: block; top: 9px; left: 10px; content: ''; width: 20px; height:20px; background: #ffffff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5; } .radioMACProdCrossSmall input.checkSel:checked ~ label:before, .radioMACProdCrossSmall input.checkSelUSD:checked ~ label:before, .radioMACProdCrossSmall input.checkSelEUR:checked ~ label:before { content: '\2713'; line-height:19px; color: #ffffff; background-color: #55AB55; border:1px solid #55AB55; } .radioMACProdCrossSmall input.radioSel:checked ~ label:before, .radioMACProdCrossSmall input.radioSelUSD:checked ~ label:before, .radioMACProdCrossSmall input.radioSelEUR:checked ~ label:before { content: '\2713'; line-height:20px; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .radioMACProdCrossSmall input.radioSel:checked ~ label, .radioMACProdCrossSmall input.checkSel:checked ~ label, .radioMACProdCrossSmall input.radioSelUSD:checked ~ label, .radioMACProdCrossSmall input.checkSelUSD:checked ~ label, .radioMACProdCrossSmall input.radioSelEUR:checked ~ label, .radioMACProdCrossSmall input.checkSelEUR:checked ~ label { color: #777; background:#ffffff; border:2px solid #55AB55; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } @media all and (max-width: 375px) { #searchBag {display:none} #currencyFrame {display:none} #currencySwap {display:none} .mainNavigationContainer {width:530px; height:750px; position:absolute; top:50%; left:50%; margin:-375px 0 0 -265px;} } @media all and (max-width: 480px) { .slideTitleBig {font-size:23px; line-height:35px; font-weight:300; color:#ffffff;} .slideTitleSmall {font-size:23px; line-height:35px; font-weight:300;} .slideTitleSub {font-size:23px; line-height:35px; font-weight:300; } ul#surveyContainer {height:500px} .slideBody {font-size:17px; margin:40px auto 150px auto; line-height:25px;} #survey-slider-prev a {width:49%; height:50px; font-size:19px; line-height:50px} #survey-slider-next a {width:49%; height:50px; font-size:19px; line-height:50px} .answers-slider {width:49%; height:50px; font-size:19px; line-height:50px} #mainControlsContainer {width:100%; height:110px;} #surveyProgressContainer {width:100%; float:left; clear:both; margin:0; height:60px} #surveyProgress {width:95%; max-width:95%; height:30px } .surveyProgressBar {width:0%; height:30px; background:#EA4C40; float:left; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0; padding:0;} .surveyProgressBarText {position:absolute; top:0; left:0; width:100%; line-height:30px; font-size:17px; font-weight:400} .slideInner {margin:40px auto 0 auto;} .surveyCheck input[type=checkbox] + label {width:calc(100% / 2); font-size:15px; line-height:30px} .surveyRadioProd {width:100%;} .surveyRadioRanking {width:100%;} .surveyRadioProd input[type=radio] + label {font-size:15px; line-height:30px} .spacerPanel {width:100%; height:300px;} .surveyRadioRanking input[type=radio] + label .outer {width:54px; height:54px; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px;} .surveyRadioRanking input[type=radio] + label .inner {width:44px; height:44px; border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px;} .surveyRadioRanking input[type=radio] + label .choice1:before {font-size:23px; line-height:44px; } .surveyRadioRanking input[type=radio] + label .choice2:before {font-size:23px; line-height:44px;} .surveyRadioRanking input[type=radio] + label .choice3:before {font-size:23px; line-height:44px;} .surveyRadioRanking input[type=radio] + label .choice4:before {font-size:23px; line-height:44px;} .surveyRadioRanking input[type=radio] + label .choice5:before {font-size:23px; line-height:44px;} .rankBody {font-size:15px; line-height:20px} .starRating:hover .starRating-star:hover, .starRating:hover .starRating-star:hover ~ .starRating-star, .starRating-input:checked ~ .starRating-star { background: url(../images/star-rating-on.png); background-size: 30px 29px; } .starRating-star, .starRating:hover .starRating-star { position: relative; float: right; display: block; width: 30px; height: 29px; background: url(../images/star-rating-off.png); background-size: 30px 29px; border:none; margin:0; } .starRatingContainer {margin:30px auto 0 auto;} .featureStarRating:hover .featureStarRating-star:hover, .featureStarRating:hover .featureStarRating-star:hover ~ .featureStarRating-star, .featureStarRating-input:checked ~ .featureStarRating-star { background: url(../images/star-rating-on.png); background-size: 30px 29px; } .featureStarRating-star, .featureStarRating:hover .featureStarRating-star { position: relative; float: right; display: block; width: 30px; height: 29px; background: url(../images/star-rating-off.png); background-size: 30px 29px; border:none; margin:0; cursor:pointer; } .navBuyNow {width:50px; font-size:11px} .leftProdSubNav {width:50%;} .leftProdSubNav h2 {font-size:15px;} .prodNavTitleMain {font-size:15px} .rightProdSubNav {width:50%;} .rightProdPCSubNav {width:50%;} .rightProdMacSubNav {width:50%;} .homeRightSubPanel {width:100%; border-bottom:1px solid #e5e5e5} .homeLeftSubPanel2 {width:100%; border-bottom:1px solid #e5e5e5} .homeRightSubPanel2 {display:none} .homeLeftSubPanel {display:none} .summer-h1 {font-size:30px; line-height:35px} .newProdPCRespTitle {font-size:50px;} .newProdMacRespTitlePacks {font-size:30px;} .newProdMacRespTitlePacksSmall {font-size:17px;} } @media all and (max-device-width: 680px) { .slideTitleBig {font-size:23px; line-height:35px; font-weight:300; color:#ffffff;} .slideTitleSmall {font-size:23px; line-height:35px; font-weight:300;} .slideTitleSub {font-size:23px; line-height:35px; font-weight:300; } ul#surveyContainer {height:500px} .slideBody {font-size:17px; margin:40px auto 150px auto; line-height:25px;} #survey-slider-prev a {width:49%; height:50px; font-size:19px; line-height:50px} #survey-slider-next a {width:49%; height:50px; font-size:19px; line-height:50px} .answers-slider {width:49%; height:50px; font-size:19px; line-height:50px} #mainControlsContainer {width:100%; height:110px;} #surveyProgressContainer {width:100%; float:left; clear:both; margin:0; height:60px} #surveyProgress {width:95%; max-width:95%; height:30px } .surveyProgressBar {width:0%; height:30px; background:#EA4C40; float:left; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0; padding:0;} .surveyProgressBarText {position:absolute; top:0; left:0; width:100%; line-height:30px; font-size:17px; font-weight:400} .slideInner {margin:40px auto 0 auto;} .surveyCheck input[type=checkbox] + label {width:calc(100% / 2); font-size:15px; line-height:30px} .surveyRadioProd {width:100%;} .surveyRadioRanking {width:100%;} .surveyRadio input[type=radio] + label {font-size:15px; line-height:30px} .spacerPanel {width:100%; height:300px;} .surveyRadioRanking input[type=radio] + label .outer {width:54px; height:54px; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px;} .surveyRadioRanking input[type=radio] + label .inner {width:44px; height:44px; border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px;} .surveyRadioRanking input[type=radio] + label .choice1:before {font-size:23px; line-height:44px; } .surveyRadioRanking input[type=radio] + label .choice2:before {font-size:23px; line-height:44px;} .surveyRadioRanking input[type=radio] + label .choice3:before {font-size:23px; line-height:44px;} .surveyRadioRanking input[type=radio] + label .choice4:before {font-size:23px; line-height:44px;} .surveyRadioRanking input[type=radio] + label .choice5:before {font-size:23px; line-height:44px;} .rankBody {font-size:15px; line-height:20px} .starRating:hover .starRating-star:hover, .starRating:hover .starRating-star:hover ~ .starRating-star, .starRating-input:checked ~ .starRating-star { background: url(../images/star-rating-on.png); background-size: 30px 29px; } .starRating-star, .starRating:hover .starRating-star { position: relative; float: right; display: block; width: 30px; height: 29px; background: url(../images/star-rating-off.png); background-size: 30px 29px; border:none; margin:0; } .starRatingContainer {margin:30px auto 0 auto;} .featureStarRating:hover .featureStarRating-star:hover, .featureStarRating:hover .featureStarRating-star:hover ~ .featureStarRating-star, .featureStarRating-input:checked ~ .featureStarRating-star { background: url(../images/star-rating-on.png); background-size: 30px 29px; } .featureStarRating-star, .featureStarRating:hover .featureStarRating-star { position: relative; float: right; display: block; width: 30px; height: 29px; background: url(../images/star-rating-off.png); background-size: 30px 29px; border:none; margin:0; cursor:pointer; } } @media all and (max-width: 550px) { ul.ourHolderBF li.item {width:100%;} ul.ourHolderBF2 li.item {width:100%;} .md-badge-title {flex-direction:column;} .md-badge-title span { margin-left:0; margin-top:5px} } .toparrow { display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }​