.main-bg-brown .rt-bg { background-image: url(../images/backgrounds/brown/top-img-bg.png); } .main-bg-brown .rt-bg2 { background-image: url(../images/backgrounds/brown/top-img-bg.png); background-repeat: repeat; background-position: 1500% 0%; } .wholesalebg { background-image: url(../images/backgrounds/brown/top-img-bg3.png) !important; } .rokgallery-wrapper .rg-ss-title,.rokgallery-wrapper .rg-ss-caption { background: none; } .rokgallery-wrapper .rg-ss-caption { border-bottom: 0px solid #1562a1; } .orangebutton{ display:inline-block; -moz-box-shadow:inset 0px 1px 0px 0px #f29c93; -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93; box-shadow:inset 0px 1px 0px 0px #f29c93; background:-webkit-gradient(linear, none top, none bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100)); background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%); background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%); background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%); background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%); background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0); background-color:#fe1a00; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; color:#ffffff; font-family:arial; font-size:18px; font-weight:normal; padding:11px 36px; text-decoration:none; text-shadow:0px 1px 0px #b23e35; } .orangebutton:hover { background:-webkit-gradient(linear, none top, none bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00)); background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%); background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0); color:#ffffff !important; background-color:#ce0100; } .orangebutton:active { position:relative; top:1px; } .redbutton { font-size:18px !important; font-family:Arial ; font-weight:normal; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:5px !important; border:1px solid #d02718 !important; padding:12px 19px !important; text-decoration:none; background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) ); background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% ); background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f'); background-color:#f24537 !important; color:#ffffff !important; display:inline-block; text-shadow:1px 1px 0px #810e05 !important; -webkit-box-shadow:inset 1px 1px 0px 0px #f5978e; -moz-box-shadow:inset 1px 1px 0px 0px #f5978e; box-shadow:inset 1px 1px 0px 0px #f5978e; }.redbutton:hover { background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) ); background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% ); background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537'); background-color:#c62d1f !important; }.redbutton:active { position:relative !important; top:1px; } #rocket { background: url(../images/main/rocket.png) no-repeat; height:40px; } .buynow3 { display:inline-block; top, #002244 0%, #002244); background: -webkit-gradient( linear, none top, none bottom, from(#1675c4), to(#1675c4)); background: -moz-linear-gradient( top, #1675c4 0%, #1675c4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1675c4', endColorstr='#158cee'); background-color:#1675c4; position:relative; top:-1px; } .buynow3 { display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff!important; padding: 5px 10px; background: -moz-linear-gradient( top, #158bee 0%, #158bee); background: -webkit-gradient( linear, none top, none bottom, from(#158bee), to(#158bee)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1675c4', endColorstr='#158cee'); background-color:#158bee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 8px; border: 1px solid #158cee; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); } .buynow3:hover { background: -moz-linear-gradient( top, #1b71b8 0%, #1b71b8); background: -webkit-gradient( linear, none top, none bottom, from(#1b71b8), to(#1b71b8)); position:relative; top:-1px; } .blackbutton { display: inline-block; text-align: center; vertical-align: middle; padding: 12px 24px; border: 1px solid #b3b3b3; border-radius: 8px; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b3b3b3)); background: -moz-linear-gradient(top, #ffffff, #b3b3b3); background: linear-gradient(to bottom, #ffffff, #b3b3b3); -webkit-box-shadow: #ffffff 0px 0px 14px 0px; -moz-box-shadow: #ffffff 0px 0px 14px 0px; box-shadow: #ffffff 0px 0px 14px 0px; text-shadow: #ffffff 1px 1px 1px; font: normal normal bold 15px arial; color: #111111; text-decoration: none; } .blackbutton:hover, .blackbutton:focus { border: 1px solid #ffffff; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d7d7)); background: -moz-linear-gradient(top, #ffffff, #d7d7d7); background: linear-gradient(to bottom, #ffffff, #d7d7d7); color: #111111; text-decoration: none; } .blackbutton:active { background: #b3b3b3; background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#b3b3b3)); background: -moz-linear-gradient(top, #b3b3b3, #b3b3b3); background: linear-gradient(to bottom, #b3b3b3, #b3b3b3); } .blackbutton:after{ content: "\0000a0"; display: inline-block; height: 24px; width: 24px; line-height: 24px; margin: 0 -4px -6px 4px; position: relative; top: 0px; left: 0px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAGWUlEQVRIiW1V228baR093+dvPONLJo5z81xw4tS1PR7bTdKkbdiKFSBWIJaKt5XYZXlAAi3lCa144YEHhFDFy/IX7AsSSOXOviEktNqH1apESWyP3aZNL9iTJps6rjOxY894hgfbjaGd93Pm9zu/c85HMPwkaZ5NTUVgGHedQICXo9HodwRBeN3v5xYpJazbtY9s277TbDZvA+SzRGKBlkoVx3EcV5JibGpqEoZx1wFAU6kka7fbTq1mugQAVFUWFEX27+yU3enpqZ9PToo/BiD0+/0nhOA+zwtotzszHOfLAMTPcdwnBwef39zff7ozwm5ubluO4yCbzQQBuIZRPaOUgkjSPIvHvxAslSpBSZr/uyDwa51O50+Hh0e/6nZ7WysrhUitZlr1utmbnZ2R43H1ZqfT+REA2umcfW9ubvbjzc3thm3b0PVMmBBCS6VKi+M4LC/nGbLZNAsEAuFkcunfuZzWXVpaeAcA5TiOXr26NqMosgCAiuIEu3792pwoTjBBEBaz2VQxn892p6envgSA5nJaRNe1yBg2oigyw1CiX+dympdILLxLCHlBrqqyAACiKLLXXrs2J4oiG0m6traSzWQu/ieTufhA1zOyrmviq7AQBF7V9UznwoXEbQDU7/ezsckxPjkAKIosXL26NsNxHI1Gp97M5TRP01I/fcXWCIVCFIoi/UTXM97ERHiV4zhWKOjvnssijpPTcXIAVNe1SKGgl9Ppi9svSyqyjY0rAhUE4fV+v/+k2+2VCgX9SqvVWqnXzTNRFGk+n43u7BiNVuvEUVXZr6pyeHNzu+E4DnRdCwNwj46e/YUxX+Hy5UtL9bppDbATNJ/XxHK50qMcx5YAcn9lpSB2OmfLAImL4gQrFLLRYtFotFotV1FkQVEG5LZtI5tNhwkBLZcrlm3bFUIIajVzplYzzwZYPVosVlqt1gkYpZTxPI9azbQ6nQ5isfnriiLJOztls9U6cRXlfHLbtpHLaaLnee7IipIUY/1+H5ZlQRRFVihkozs75UardeJKUgy01+sdnp62Z+p1s0cpvefz0bmHDx/feFmWgc89D65h3LU4jsPq6qWo53kxwAPPC0f5vDYid1RVZqoq+6ltO5scxzKzszNyKpWsOo6zF4lM/jKZTKz9ryyDEJXLFYsxhtXVS9FazbROT083CKGNVCppFYuVxnBrQVHk8NZWsUebzee3AfjjcfW9Usl4ur9/8B4hRAgEAv949OjJFx3HQS6nicB5QkfkjcaxHAgEvs5x3Efb28Wj4b1GWzdt24ZPEPj96enoV7rd7reePWv8PhKZLIli2Oj17K+GQoEfzM7OfDkQ4MXHjx97fj8vFgq6PXRLLx5XP+R5f/LBg0dvn5xYh6oq8+NO07Q0pYnEAj04OLwJgC0uxv8ai80vlUrVP+zu7qV5Xvh+r9e7Y5oHUiAQWiwUcu1RL8Xj6q1QKHij2Xz+gWVZ9152WiYIgBLGGHUcB4nEwrfD4dDvbNs+PDz8/KYkSZ8AcMvll2VR1bnfCELoTdd14TjOnmWd/laSYjHDqP6s3e40Bk6DWy5XrPG6Du/uPsjOzc18yBhbopQax8fP/nZ25pRlOcYIceXnz083gsHAG5RS9/i4+UEoFLzBGMsSQuB5Hrrd3md+v/8tQkjDMKrWsK5jLB5Xg5ub29awcmOu673jee7bPp+vMAJ7ngdKaYPj2Ee7uw9vWZZVVRTp/ampyC3P8wB4IISCEHKnWr33NYC0lpfzjGSzaba7u+eehwgYyXL58vJSrVaPWtYpFQT+KJVKWltbxaNRAGU59ot2u/3+8OcAANd1Ydv2p5FI5C3TfGoSACCE0Gw2LQLENYzqC5/X66Y1iL/I8nktOvB5yxlJWiyWzxRF+iPP828AwGATgBACx+l/ev/+3jd8w1YMDkN0Mn7QYXENu8UYheiFFbvdrh2Lzf+TUrruee4CQDCSlFKo4XA4Q1OpJAPg/n+I6nWzNyIfdcureokQ0q5Wd7/Z69n/Gr8XQOD3c0nabrcdw6ieDcnF88oVaT6fFcfqmqmqHByr6+Cgl6otAO1IJPLdft/5eCQRgKZpPv0hAMDno3R9fdU/ekNDoRDd2LgiiOIEBUAlKUbX11eF0UOjaWmmaWk/AOrz+V5gGWPihQuJP2taqjw5KV4DgP8CfSFRSjOGD/oAAAAASUVORK5CYII=") no-repeat left center transparent; background-size: 100% 100%; } .margin1 { margin: 1px 0 !important; color:#e27907 !important; }.menu ul ul{padding-none:10px;} .menu ul li.active a{font-weight:bold;} .menu ul li.active ul a{font-weight:normal;} .menu ul li.active ul li.active a{font-weight:bold;} .box5, .rt-light .box5, .rt-dark .box5 { background-image: url(../images/patterns/box5-bg.png); background-color: #158bee; color: #ffffff;}ul.menu li a, ul.menu li .item, ul.menu li .separator { display: block; font-size: 1.1em; font-weight: normal; padding: 15px 20px 15px; position:absolute; background-image:none; } ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before { content: none; positoin: relative; right:0;} .myButton { -moz-box-shadow:inset 0px 1px 0px 0px #9acc85; -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85; box-shadow:inset 0px 1px 0px 0px #9acc85; background:-webkit-gradient(linear, none top, none bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b)); background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%); background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0); background-color:#74ad5a; border:1px solid #3b6e22; display:inline-block; color:#ffffff; font-family:arial; font-size:13px; font-weight:bold; padding:6px 12px; text-decoration:none; } .myButton:hover { background:-webkit-gradient(linear, none top, none bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a)); background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%); background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%); background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%); background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%); background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0); background-color:#68a54b; } .myButton:active { position:relative; top:1px; } #rt-footer-surround .rt-footer-bg { background-color: #0a233d; background-image: -webkit-gradient(linear,0 0,0 100%,from(#0a233d),color-stop(35%,#0a233d),to(#131719)); background-image: -webkit-linear-gradient(#0a233d,#0a233d 35%,#131719); background-image: -moz-linear-gradient(top,#0a233d,#0a233d 35%,#131719); background-image: -o-linear-gradient(#0a233d,#0a233d 35%,#131719); background-image: linear-gradient(#0a233d,#0a233d 35%,#131719); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a233d', endColorstr='#131719', GradientType=0); border-color: rgba(225,225,225,0.1); -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 40px rgba(0,0,0,0.6); box-shadow: 0 0 40px rgba(0,0,0,0.6);} /* -- Checklist ----- */ .checklist { overflow:hidden; float:none; width:100%; line-height:1.2em; color:#000; padding:0 0 20px; margin:0; } .checklist li { float:none; width:41%; list-style:none; background:url('images/homepage/ul1.png') 2px 12px no-repeat; border-top:1px solid #e5e7e7; padding:14px 0 14px 43px; margin:-1px 3% 1px 0; } .checklist li.alt { float:right; margin:-1px 0 1px 2%; } .tooltip { line-height:normal; } .diamond {list-style-image:url('images/diamond.png');} p{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 24px; color: #4c565c;} ul{ font-family: Arial, Helvetica, sans-serif; line-height: 24px; color: #4c565c;} h1{font-weight:bold; margin: 0px 0px 15px; font-family: 'Century Gothic', sans-serif; line-height: 30px; color: #a00705; font-size: 32px; letter-spacing: -0.05em; padding-bottom: 15px; text-shadow: #ffffff 1px 1px 0px;} h2{margin: 0px 0px 15px; font-family: 'Century Gothic', sans-serif; line-height: 24px; color: #a00705; font-size: 24px; letter-spacing: -0.05em; padding-bottom: 13px; text-shadow: #ffffff 1px 1px 0px;} /*metrix for same size modules ADMIN TUTORIALS*/ .fixedheight { min-height:130px; } /*metrix for same size modules USER (SMALLER) TUTORIALS*/ .fixedheightuser { min-height:50px; }.bluetitle { color: #002244 !important; background: #c5daef !important;} .right { position:absolute !important; right:0px !important; z-index:1000; } .redbutton2 { font-size:18px !important; font-family:Arial ; font-weight:normal; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:5px !important; border:1px solid #d02718 !important; padding:12px 19px !important; text-decoration:none; background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) ); background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% ); background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f'); background-color:#f24537 !important; color:#ffffff !important; display:inline-block; text-shadow:1px 1px 0px #810e05 !important; -webkit-box-shadow:inset 1px 1px 0px 0px #f5978e; -moz-box-shadow:inset 1px 1px 0px 0px #f5978e; box-shadow:inset 1px 1px 0px 0px #f5978e; }.redbutton2:hover { background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) ); background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% ); background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537'); background-color:#c62d1f !important; }.redbutton2:active { position:relative !important; top:1px; } .bluebutton { font-size:20px; font-family:Arial; font-weight:normal; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:0px solid #84bbf3; padding:5px 10px; text-decoration:none; background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #5ba3eb), color-stop(100%, #15578a) ); background:-moz-linear-gradient( center top, #5ba3eb 5%, #15578a 100% ); background:-ms-linear-gradient( top, #5ba3eb 5%, #15578a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ba3eb', endColorstr='#15578a'); background-color:#5ba3eb; color:#ffffff; display:inline-block; text-shadow:1px 1px 0px #528ecc; -webkit-box-shadow:inset 1px 1px 0px 0px #dcecfb; -moz-box-shadow:inset 1px 1px 0px 0px #dcecfb; box-shadow:inset 1px 1px 0px 0px #dcecfb; }.bluebutton:hover { background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #15578a), color-stop(100%, #5ba3eb) ); background:-moz-linear-gradient( center top, #15578a 5%, #5ba3eb 100% ); background:-ms-linear-gradient( top, #15578a 5%, #5ba3eb 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#15578a', endColorstr='#5ba3eb'); background-color:#15578a; }.bluebutton:active { position:relative; top:1px; } .greybutton { width:99%; font-size:20px !important; font-family:Arial; font-weight:normal; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #dcdcdc; padding:19px 12px; text-decoration:none; background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); background-color:#f9f9f9; color:#666666; display:inline-block; text-shadow:1px 1px 0px #ffffff; -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff; -moz-box-shadow:inset 1px 1px 0px 0px #ffffff; box-shadow:inset 1px 1px 0px 0px #ffffff; }.greybutton:hover { background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) ); background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9'); background-color:#e9e9e9; }.greybutton:active { position:relative; top:1px; } .sprocket-headlines { background: none; border: 0px solid #ffffff; } .litebluebutton { font-size:16px; font-family:Arial; font-weight:normal; -moz-border-radius:4px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #84bbf3; padding:9px 18px; text-decoration:none; background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #bddbfa), color-stop(100%, #80b5ea) ); background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% ); background:-ms-linear-gradient( top, #bddbfa 5%, #80b5ea 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea'); background-color:#bddbfa; color:#ffffff !important; display:inline-block; text-shadow:1px 1px 0px #528ecc; -webkit-box-shadow:inset 1px 1px 0px 0px #dcecfb; -moz-box-shadow:inset 1px 1px 0px 0px #dcecfb; box-shadow:inset 1px 1px 0px 0px #dcecfb; }.litebluebutton:hover { background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #80b5ea), color-stop(100%, #bddbfa) ); background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% ); background:-ms-linear-gradient( top, #80b5ea 5%, #bddbfa 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa'); background-color:#80b5ea; }.litebluebutton:active { position:relative; top:1px; } .greenbutton { font-size:16px; font-family:Arial; font-weight:normal; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #74b807; padding:8px 11px; text-decoration:none; background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #89c403), color-stop(100%, #77a809) ); background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% ); background:-ms-linear-gradient( top, #89c403 5%, #77a809 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809'); background-color:#89c403; color:#ffffff !important; display:inline-block; text-shadow:1px 1px 0px #528009; -webkit-box-shadow:inset 1px 1px 0px 0px #a4e271; -moz-box-shadow:inset 1px 1px 0px 0px #a4e271; box-shadow:inset 1px 1px 0px 0px #a4e271; }.greenbutton:hover { background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #77a809), color-stop(100%, #89c403) ); background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% ); background:-ms-linear-gradient( top, #77a809 5%, #89c403 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403'); background-color:#77a809; }.greenbutton:active { position:relative; top:1px; } .menutop ul li > .item > span { display: block; width: 100%; overflow: hidden; line-height: 2.4em; font-size: 13px; } .fusion-js-subs ul li { width: auto !important; background-color: #96cdfb; } .menutop { padding: 0 2px; line-height: 1em; } .darkgreybutton { display: inline-block; background: #393939; background: -webkit-gradient(linear, none top, none bottom, color-stop(0%,#37639a), color-stop(100%,#112051)); background: -moz-linear-gradient(center top, #37639a 0%, #112051 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; display: inline-block; border-color: #000000; border-width: 1px; border-style: solid; font-family: Arial; font-size: 12px; color: #ffffff !important; font-weight: bold; } .darkgreybutton:hover { background: #486816; background: -webkit-gradient(linear, none top, none bottom, color-stop(0%,#565656), color-stop(100%,#2a2a2a)); background: -moz-linear-gradient(center top, #565656 0%, #2a2a2a 100%); color: #ffffff !important; } homeheight { min-height:200px; } .rt-block-0 { padding: 0px; margin: 10px; position: relative; } #vtnivo99 #vt_nivo_slider99 { width: 104.4% !important; /*height: 275px !important;min-width:1000px !important;*/ } .movehome { position: relative; left: -25px; top: -25px; } .guarantee { z-index: 300; position: absolute; top: -7px; right: -12px; background-image: url(../images/newfeature.png); } .bigbutton { display: inline-block; background: -webkit-gradient(linear, none top, none bottom, color-stop(0%,#00bbff), color-stop(100%,#0090de)); background: -moz-linear-gradient(center top, #00bbff 0%, #0090de 100%); -webkit-box-shadow: 0px 1px 1px 1px #45e3ff inset, 0px 2px 3px 2px #c4c4c4, 0px -1px 5px 0px #005494 inset; -moz-box-shadow: 0px 1px 1px 1px #45e3ff inset, 0px 2px 3px 2px #c4c4c4, 0px -1px 5px 0px #005494 inset; box-shadow: 0px 1px 1px 1px #45e3ff inset, 0px 2px 3px 2px #c4c4c4, 0px -1px 5px 0px #005494 inset; -webkit-border-radius: 50px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0px 1px 0px #00ccff; padding: 15px 24px; margin: -10px; border-color: #006ea1; border-width: 2px; border-style: solid; text-align: center; font-size: 23px !important; color: #000000; font-weight: bold; } .bigbutton:hover { background: -webkit-gradient(linear, none top, none bottom, color-stop(0%,#00ccff), color-stop(100%,#00a6ff)); background: -moz-linear-gradient(center top, #00ccff 0%, #00a6ff 100%); } .bigbutton:active { background: -webkit-gradient(linear, none top, none bottom, color-stop(0%,#00aeff), color-stop(100%,#00c4ff)); background: -moz-linear-gradient(center top, #00aeff 0%, #00c4ff 100%); -webkit-transition: background-color .2s ease-in; -moz-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; transition: background-color .2s ease-in; } .sidebarwidth { width:250px; } .rt-block2 { padding: 0px; margin: 0px; position: relative; } width-small { max-width:250px; max-height:400px; overflow:scroll; } .component-content h2 { color: #000000; font-size: 32px; font-weight: bold; border-bottom: 0px solid #59a9eb; } .darklinks a:link { color:#555555 !important; } #at_174 { margin: 0; } .paging_full_numbers { margin-right: 85px; } .font100 h3 { font-size:100%; } .font90 { font-size:90%; } .font80 { font-size:80%; } .font110 { font-size:110%; } .font120 { font-size:120%; } .font130 { font-size:130%; } .font140 { font-size:140%; } .font150 { font-size:150%; } .font200 { font-size:200%; } .component-content h2 a { color: #333333; } .pl .lrn_cd .hero_sec {-webkit-box-shadow:0 0 5px 0 #bbb;box-shadow:0 0 5px 0 #bbb;behavior:url(/smallbusiness/_assets/styles/PIE.htc);zoom:1;background:#fff;} .pl .lrn_cd .hero_sec .hero_wrap {background:url(../images/compare/compare_banner.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} /*Personalized Banners Start- Business Phone*/ .pl .lrn_cd .hero_sec .hero_wrap_ma_bp {background:url(../i/geomlp/Boston/MLP_Boston_businessphone.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .hero_sec .hero_wrap_ca_bp{background:url(../i/geomlp/California/MLP_California_phone.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .hero_sec .hero_wrap_ny_bp {background:url(../i/geomlp/Newyork/MLP_Newyork_phone.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .hero_sec .hero_wrap_hc_bp {background:url(../i/profMLP/healthcare/MLP_healthcare_phone.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .hero_sec .hero_wrap_ins_bp {background:url(../i/profMLP/insurance/MLP_insurance_phone.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .hero_sec .hero_wrap_bus_bp{background:url(../i/profMLP/professionalservices/MLP_professionalservice_phone.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} /*Personalized Banners End- Business Phone*/ .pl .lrn_cd .int_hsi .hero_sec .hero_wrap {background:url(../i/eagle/bg/salezone_hsi.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} /*Personalized Banners Start- HSI*/ .pl .lrn_cd .int_hsi .hero_sec .hero_wrap_ma_hsi {background:url(../i/geomlp/Boston/MLP_Boston_hsi.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .int_hsi .hero_sec .hero_wrap_ca_hsi {background:url(../i/geomlp/California/MLP_California_hsi.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .int_hsi .hero_sec .hero_wrap_ny_hsi {background:url(../i/geomlp/Newyork/MLP_Newyork_hsi.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .int_hsi .hero_sec .hero_wrap_hc_hsi {background:url(../i/profMLP/healthcare/MLP_healthcare_hsi.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .int_hsi .hero_sec .hero_wrap_ins_hsi {background:url(../i/profMLP/insurance/MLP_insurance_hsi.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .int_hsi .hero_sec .hero_wrap_bus_hsi {background:url(../i/profMLP/professionalservices/MLP_professionalservice_hsi.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} /*Personalized Banners END- HSI*/ .pl .lrn_cd .int_hsi .hero_sec .hero_iont_wrap {background:url(../i/eagle/bg/iont_hero.jpg) no-repeat top right;width:817px;height:153px;margin-none:14px;} .pl .lrn_cd .hero_sec .hero_content {padding:29px 0 0 12px;} .rt-container .rt-grid-7 { width: 600px; } .rt-container .rt-grid-5 { width: 600px; } .smallredbutton { font-size:11px; font-family:Arial; font-weight:normal; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #d83526; padding:1px 3px; text-decoration:none; background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% ); background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100'); background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) ); background-color:#fe1a00; color:#ffffff; text-shadow:1px 1px 0px #b23e35; -webkit-box-shadow:inset 0px 0px 0px 0px #f29c93; -moz-box-shadow:inset 0px 0px 0px 0px #f29c93; box-shadow:inset 0px 0px 0px 0px #f29c93; }.smallredbutton:hover { background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% ); background:-ms-linear-gradient( top, #ce0100 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00'); background:-webkit-gradient( linear, none top, none bottom, color-stop(5%, #ce0100), color-stop(100%, #fe1a00) ); background-color:#ce0100; }.smallredbutton:active { position:relative; top:1px; } #vtnivo99 { overflow: visible; border-style: solid; border-width: 0px; z-index: 800; height: auto !important; } @font-face { font-family: new; src: url('../css/BEBAS___.ttf'); /* in the URL declaration you must specify the .TTF extension */ } /* Bundle Page */ #bundle .hfeed { width: 580px; padding: 0px 10px 0px 10px; } #bundle h1 { font-weight: bold; font-size: 36px; margin-bottom: 20px; text-shadow: 1px 1px 1px #999; padding: 15px 0px 15px 0px; top: -100px; text-align: center; } #bundle h2 { font-size: 72px; font-family: new; line-height: 80px; text-align: center; text-shadow: 1px 1px 1px #999; color:#002244; font-weight:normal; } #bundle h3 { font-size: 30px; font-family: new; text-align: center; line-height: 35px; text-shadow: 1px 1px 1px #999; color:#002244; font-weight:normal; } #bundle h4 { font-size: 16px; font-family: new; text-align: center; line-height: 28px; text-shadow: 1px 1px 1px #999; } .rectangle { background: #d9d9d9; height: 62px; position: relative; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55); box-shadow: 0px 0px 4px rgba(0,0,0,0.55); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 500; /* the stack order: foreground */ margin: 3em 0; } .l-triangle-top { border-color: #c0bfbf transparent transparent; border-style: solid; border-width: 50px; height: 0px; width: 0px; position: relative; float: none; top: 1px; none: -50px; } .l-triangle-bottom { border-color: transparent transparent #c0bfbf; border-style: solid; border-width: 50px; height: 0px; width: 0px; position: relative; float: none; top: -40px; none: -150px; } .r-triangle-top { border-color: #c0bfbf transparent transparent; border-style: solid; border-width: 50px; height: 0px; width: 0px; position: relative; float: right; right: -45px; top: -98px; } .r-triangle-bottom { border-color: transparent transparent #c0bfbf; border-style: solid; border-width: 50px; height: 0px; width: 0px; position: relative; float: right; top: -141px; right: -145px; } .main-content-none { width: 270px; float: none; margin-right: 20px; margin-top: 32px; } .main-content-none p { font-size: 12px; } .main-content-none strong { font-size: 14px; margin-bottom: 15px; } .main-content-none ul { margin-top: 20px; } .main-content-none li { font-size: 12px; margin-bottom: 3px; } .main-content-right { width: 270px; float: none; margin-right: 20px; margin-top: 30px; } .main-content-right p { font-size: 12px; margin-bottom: 0px; } .main-content-right strong { font-size: 14px; margin-bottom: 15px; } .main-content-right ul { margin-top: 20px; } .main-content-right li { font-size: 12px; margin-bottom: 3px; } .contact-form { width: 310px; min-height: 530px; float: none; background: #FFF; padding: 10px; margin: 0px 15px 0px 15px; } .contact-form input { width: 175px; margin-bottom: 10px; float: right; } .contact-form input[type="submit"] { text-transform: uppercase; width: auto; margin-top: 20px; margin-right: 20px; color: white; font-size: 14px; font-weight: bold; text-shadow: 0px 1px 2px #353535; text-decoration: none; padding: 8px 40px; border: 5px solid #BDE2EA; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); background-color: #53A0D1; background-image: -moz-linear-gradient(top, #6bc614, #286708); background-image: -ms-linear-gradient(top, #6bc614, #286708); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6bc614), to(#286708)); background-image: -webkit-linear-gradient(top, #6bc614, #286708); background-image: -o-linear-gradient(top, #6bc614, #286708); background-image: linear-gradient(top, #6bc614, #286708); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78bdea', endColorstr='#1c74ad', GradientType=0); display: inline-block; cursor: pointer; border-image: initial; } #bundle .contact-form h3 { text-align: none; padding: 0; color: #50a110; } .line { background: url(../images/line.gif) no-repeat; height: 1px; font-size: 1px; margin: 25px 0 25px 0; } #thank-you h2 { text-align: center; font-size: 60px; line-height: 70px; padding: 0px 75px 0px 75px; margin-top: 20px; } /* Footer */ /* IE Fixes */ .ie6 .l-triangle-top { none: 150px; top: 50px; } .ie6 .l-triangle-bottom { none: 50px; top: -12px; } .ie6 .r-triangle-top {} .ie6 .r-triangle-bottom { top: -169px; } .ie7 .l-triangle-top { none: 150px; top: 50px; } .ie7 .l-triangle-bottom { none: 50px; top: -12px; } .ie7 .r-triangle-top {} .ie7 .r-triangle-bottom { top: -169px; } .ie8 .l-triangle-top { none: 150px; top: 50px; } .ie8 .l-triangle-bottom { none: 50px; top: -12px; } .ie8 .r-triangle-top {} .ie8 .r-triangle-bottom { top: -169px; } .ie9 .l-triangle-top { none: 150px; top: 50px; } .ie9 .l-triangle-bottom { none: 50px; top: -12px; } .ie9 .r-triangle-top {} .ie9 .r-triangle-bottom { top: -169px; } .mybox1 { width: 250px; float: none; padding: 0px 40px; margin: 10px 0px 20px; border-none: 1px solid #BBB; border-right: 1px solid #BBB; } .mybox2 { width: 230px; float: none; padding: 0px 35px; margin: 10px 0px 20px 15px;} .mybox3 { width: 250px; float: right; padding: 0px 40px; margin: 10px 0px 20px; border-none: 1px solid #BBB; border-right: 1px solid #BBB; } .myboxes { font-size: 13px; line-height: 18px;} .ledger { border-collapse: collapse; margin-bottom: 1em } /* End hide from IE-Mac */ .ledger tr td:first-child, #content #ledgerSort tr td:first-child, .ledger tr th:first-child, #content #ledgerSort tr th:first-child { border-none: 0 !important } .ledger tr td, #content #ledgerSort tr td { border-none: 1px solid #fff !important; border-bottom: 0 !important; vertical-align: top; padding: 6px } .ledger tr th, #content #ledgerSort tr th { vertical-align: middle; background-color: #002244; color: #fff; border: none !important; border-none: 1px solid #fff !important; padding: 4px; } .ledger tr td:first-child, #content #ledgerSort tr td:first-child, .ledger tr th:first-child, #content #ledgerSort tr th:first-child { border-none: 0 !important; } tr.odd td, tr td.odd, .ledger tr.odd td, #content #ledgerSort tr.odd td { background-color:#f2f7fb } tr.even td, tr td.even, .ledger tr.even td, #content #ledgerSort tr.even td { background-color: #e3eef4 } /* Highlight */ tr.sfhover, tr.sfhover td { background-color: #b5dff3; color: #000 } /* Selected */ /* This always takes precedence over highlight color! */ .ledger tr.selected td, tr.selected td { background-color: #4775d1; color: #fff; border-none: 1px solid #346dbe; border-bottom: 1px solid #7daaea } .sprocket-tabs-nav:after { clear: both; height: 300px;} page h2 { margin-top: 0; font-family: new; } .ul2{list-style:square; } .ul2 li{list-style:none;background:url('/images/chevBullet.png') no-repeat 0 6px;padding-left:10px;} h1 { color: #000000 !important; } h2 { color: #000000 !important; } h3 { color: #000000 !important; } h4 { color: #000000 !important; } h5 { color: #000000 !important; } .freedidbutton { display: inline-block; text-align: center; vertical-align: middle; padding: 12px 24px; border: 1px solid #0964af; border-radius: 8px; background: #0ea3ff; background: -webkit-gradient(linear, left top, left bottom, from(#0ea3ff), to(#0964af)); background: -moz-linear-gradient(top, #0ea3ff, #0964af); background: linear-gradient(to bottom, #0ea3ff, #0964af); -webkit-box-shadow: #0d96ff 0px 0px 10px 0px; -moz-box-shadow: #0d96ff 0px 0px 10px 0px; box-shadow: #0d96ff 0px 0px 10px 0px; text-shadow: #063f6e 1px 1px 1px; font: normal normal bold 15px arial; color: #ffffff; text-decoration: none; } .freedidbutton:hover, .freedidbutton:focus { border: 1px solid #0b7ddb; background: #11c4ff; background: -webkit-gradient(linear, left top, left bottom, from(#11c4ff), to(#0b78d2)); background: -moz-linear-gradient(top, #11c4ff, #0b78d2); background: linear-gradient(to bottom, #11c4ff, #0b78d2); color: #ffffff; text-decoration: none; } .freedidbutton:active { background: #0964af; background: -webkit-gradient(linear, left top, left bottom, from(#0964af), to(#0964af)); background: -moz-linear-gradient(top, #0964af, #0964af); background: linear-gradient(to bottom, #0964af, #0964af); } .freedidbutton:before{ content: "\0000a0"; display: inline-block; height: 24px; width: 24px; line-height: 24px; margin: 0 4px -6px -4px; position: relative; top: 0px; left: 0px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADoUlEQVRIiaWVbWhbVRjHf/fmJk3SLUvftpK2jm62BT90Qz9ZLM03Lb7UgRstTCxUlIG4UZwWYbgiTDawNiC1iJNqUeYXZ/dJh0rHxtIUV1xnpVJdqzSrtmlz+5a2996c64d7jUlZkk3/8HDuOef5P//7nLdHMk2Te8HU1JS8rMbbAXb5iwZqamrEvfAUgJGRMJGRcFan4yc6CV+/1j40dPE8wJ7ycrmv78OPQr09OTkpgchImFAouzPwUH9/X0s0OgdARUWgua31sDcSCQ8AK3kF8uCpUKincuCTz16YmJg4BdDR8eLbH/S974pEwq8AXwE/ZyNLpmkS6u3JlsEJ4Ifb07PX7ja5r7pSBl4CZoCv0+duT8/mzEABXge+BCZzrLUA+oFngKPA5/ZYRqDt8AKvAR8Ds0C+/QG4BDwMdAK9gJFNwAecBN4DlgAejEVzRv61tILixEqx7X9n0ZRDHpezG5jPEJBM4ZcM/ZRf37oI1AKltvmAkh1OdrsVfB4nvqJCAp4C/F43vkO+aKnbhALALYNLhm9/58jNq8PVBxqDawrAzDeXjh4unTtfU4jL66CzQAKvAoVOcCvgdUFSA5EEYdjfutVP3uWQHnRROn51uPZAY3BMAVi/deXllgAucz3T0QDWbLsfFDjAsLK3lkg3WNON3KT7gSKDAf6UwIaBqm17kmQFvHuqSGobuEsCKN6drE7/ROWhY2ixOTxlZXgC+1j5ZYz4+CjxyfEU1yEDdgYyQMIgpich3ZxlVRx8d4id9U3UvnqOyiPH2Nt6nLKGx9lYnKX40SeJ/TiKrgvkXbszuJJ1E4pTAnUNTUtbJmhptra8jCTJ7Ni7n6Sh4at7hGj4MqbDwZZQWP/rD5bv/EZs8gaG7Mjg6gZcONtdkhKofywYTyRBE//amrrCZnyBG/3nSCwtcL3rOcqDzwIyDzS3MTf6HVVPt+Msq2Z1cTGDqwkocFgZ/HMPYusCCqXMfRg+2YYuYLirA4Doza5Mhy8+zbrR2wXUhLAuSTrU+VjWAPngdKSdIiCW0MHr/M/xADBMMAQkkqBuMpYuMLOwiVGkWH1NWM66gC1hkXTTGtcFqmGyoglimiCmm6iGQK1raJqvbwzGsQrQTEtj8Huw6wHA4JnTT1w4293c+sZbKrBgOy4NvtM9D6h2/8/tf315NXdNl/IV/cEzp3POP/9m7vkMAUmSFKxlSzfZNtJakdYKrGcrZaZpph6evBn8X/wNzluT/L30UdAAAAAASUVORK5CYII=") no-repeat left center transparent; background-size: 100% 100%; } div.rt-menu-mobile { position: relative;z-index: 9999999; width:104.4%; } .homepanel .panel h1 { width:400px; font:normal 300 45px/1em "open-sans-n3", "open-sans", sans-serif; color:#fff; text-align:left; padding:0 0 25px } .homepanel p { width:400px; padding:0 0 25px; font-size:1.3em; } .panel p { width:400px; padding:0 0 25px; font-size:1.0em; } .homepanel .panel .button { height:42px; font-size:17px; line-height:42px; padding-left:25px; padding-right:25px; -webkit-box-shadow:#222 0 0 2px; -moz-box-shadow:#222 0 0 2px; box-shadow:#222 0 0 2px; } .homepanel .panel .button:hover, .homepanel .panel .button:active { height:41px; line-height:40px; padding-left:24px; padding-right:24px } .homepanel .panel.right h1, .homepanel .panel.right { text-align:right } .homepanel .panel.right h1, .homepanel .panel.right p, .homepanel .panel.right .button { float:right; clear:right } .homepanel .panel.alt, .homepanel .panel.alt h1 { color:#000 } @import url(http://fonts.googleapis.com/css?family=Open+Sans:300); @import "font-awesome.css"; .pricing-table{ width: 210px; padding: 0; margin: 1px; list-style: none; float: left; font-family: 'Open Sans', sans-serif; background: #fff; border-radius: 5px; position: relative; box-shadow: 0 1px 2px #d9d9d9; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } .pricing-table li{ width: 100%; float: left; color: #777; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .pricing-table:hover{ box-shadow: 0 1px 20px #999; z-index: 99; } /* plan ================================*/ .pricing-table .plan{ padding: 20px 26px; float: left; height: 80px; vertical-align:middle; color: #fff; font-size: 15px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #656d78; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1NmQ3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzRhNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #656d78 0%, #434a54 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656d78), color-stop(100%,#434a54)); background: -webkit-linear-gradient(top, #656d78 0%,#434a54 100%); background: -o-linear-gradient(top, #656d78 0%,#434a54 100%); background: -ms-linear-gradient(top, #656d78 0%,#434a54 100%); background: linear-gradient(to bottom, #656d78 0%,#434a54 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656d78', endColorstr='#434a54',GradientType=0 ); } /* price ================================*/ .pricing-table .price{ padding: 20px 20px; float: left; font-size: 26px; color: #656d78; text-transform: uppercase; border-left: solid 1px #dedede; border-right: solid 1px #dedede; } .pricing-table .dollar{ font-size: 26px; } .pricing-table .period{ font-size: 12px; } /* summary ================================*/ .pricing-table .summary{ padding: 0px 0px 5px 0px; float: left; font-size: 12px; color: #002244; font-weight:bold; text-transform: uppercase; border-left: solid 1px #dedede; border-right: solid 1px #dedede; display:block; } .pricing-table .dollar{ font-size: 26px; } .pricing-table .period{ font-size: 12px; } /* topheader ================================*/ .pricing-table .topheader{ padding: 3px 26px; float: left; font-size: 12px; color:#ffffff; border-top: solid 1px #dedede; border-left: solid 1px #dedede; border-right: solid 1px #dedede; position: relative; background: #001427; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #001427 0%, #001427 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001427), color-stop(100%,#001427)); background: -webkit-linear-gradient(top, #001427 0%,#001427 100%); background: -o-linear-gradient(top, #001427 0%,#001427 100%); background: -ms-linear-gradient(top, #001427 0%,#001427 100%); background: linear-gradient(to bottom, #001427 0%,#001427 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001427', endColorstr='#001427',GradientType=0 ); } /* topheader2 ================================*/ .pricing-table .topheader2{ padding: 3px 26px; float: left; font-size: 12px; color:#333333; border-top: solid 1px #dedede; border-left: solid 1px #dedede; border-right: solid 1px #dedede; position: relative; background: #d9e0f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d9e0f5 0%, #d9e0f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9e0f5), color-stop(100%,#d9e0f5)); background: -webkit-linear-gradient(top, #d9e0f5 0%,#d9e0f5 100%); background: -o-linear-gradient(top, #d9e0f5 0%,#d9e0f5 100%); background: -ms-linear-gradient(top, #d9e0f5 0%,#d9e0f5 100%); background: linear-gradient(to bottom, #d9e0f5 0%,#d9e0f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e0f5', endColorstr='#d9e0f5',GradientType=0 ); } /* details ================================*/ .pricing-table .detail{ padding: 3px 26px; float: left; font-size: 12px; border-top: solid 1px #dedede; border-left: solid 1px #dedede; border-right: solid 1px #dedede; position: relative; background: #f7f7f7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f7f7 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f0f0f0',GradientType=0 ); color:#555555 !important; } /* sign up button ================================*/ .pricing-table .sign-up{ padding: 12px 26px; float: left; font-size: 16px; text-decoration: none; border: solid 1px #dedede; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .pricing-table .sign-up a{ width: 70%; margin: 0 auto; padding: 10px 10px; display: block; font-size: 14px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; text-decoration: none; color: #fff; background: #cedce7; background: #656d78; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1NmQ3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzRhNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #656d78 0%, #434a54 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656d78), color-stop(100%,#434a54)); background: -webkit-linear-gradient(top, #656d78 0%,#434a54 100%); background: -o-linear-gradient(top, #656d78 0%,#434a54 100%); background: -ms-linear-gradient(top, #656d78 0%,#434a54 100%); background: linear-gradient(to bottom, #656d78 0%,#434a54 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656d78', endColorstr='#434a54',GradientType=0 ); border-radius: 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-transition: background .3s linear; -moz-transition: background .3s linear; -webkit-transition: background .3s linear; transition: background .3s linear; } /* tooltip for details ================================*/ .pricing-table .tooltip{ width: 60%; padding: 10px 5px; background: #656d78; color: #fff; opacity: 0; position: absolute; font-size: 12px; top: 18px; left: -9999px; border-radius: 5px; text-align: center; z-index: 99; -o-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; transition: opacity .3s linear; } .pricing-table .detail:hover .tooltip{ opacity: 1; left: 233px; } .pricing-table .tooltip:before{ content: ''; position: absolute; top: 0; left: 50%; margin-left: -82px; width: 0; height: 0; border-bottom: 12px solid transparent; border-right: 12px solid #656d78; border-top: 0 solid transparent; } /* styles ================================*/ /* black */ .black .plan, .black .sign-up a{ background: #444444; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #444444 0%, #222222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222)); background: -webkit-linear-gradient(top, #444444 0%,#222222 100%); background: -o-linear-gradient(top, #444444 0%,#222222 100%); background: -ms-linear-gradient(top, #444444 0%,#222222 100%); background: linear-gradient(to bottom, #444444 0%,#222222 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } .black .price{ color: #444444; } .black .tooltip{ background: #444444; } .black .tooltip:before{ border-right-color: #444444; } /* blue */ .blue .plan, .blue .sign-up a{ background: #5d9cec; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkOWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTg5ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #5d9cec 0%, #4a89dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d9cec), color-stop(100%,#4a89dc)); background: -webkit-linear-gradient(top, #5d9cec 0%,#4a89dc 100%); background: -o-linear-gradient(top, #5d9cec 0%,#4a89dc 100%); background: -ms-linear-gradient(top, #5d9cec 0%,#4a89dc 100%); background: linear-gradient(to bottom, #5d9cec 0%,#4a89dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d9cec', endColorstr='#4a89dc',GradientType=0 ); } .blue .price{ color: #5d9cec; } .blue .tooltip{ background: #5d9cec; } .blue .tooltip:before{ border-right-color: #5d9cec; } /* green */ .green .plan, .green .sign-up a{ background: background: #48cfad; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4Y2ZhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzN2JjOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #48cfad 0%, #37bc9b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48cfad), color-stop(100%,#37bc9b)); background: -webkit-linear-gradient(top, #48cfad 0%,#37bc9b 100%); background: -o-linear-gradient(top, #48cfad 0%,#37bc9b 100%); background: -ms-linear-gradient(top, #48cfad 0%,#37bc9b 100%); background: linear-gradient(to bottom, #48cfad 0%,#37bc9b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48cfad', endColorstr='#37bc9b',GradientType=0 ); } .green .price{ color: #48cfad; } .green .tooltip{ background: #48cfad; } .green .tooltip:before{ border-right-color: #48cfad; } /* red */ .red .plan, .red .sign-up a{ background: #ed5565; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkNTU2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYTQ0NTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ed5565 0%, #da4453 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed5565), color-stop(100%,#da4453)); background: -webkit-linear-gradient(top, #ed5565 0%,#da4453 100%); background: -o-linear-gradient(top, #ed5565 0%,#da4453 100%); background: -ms-linear-gradient(top, #ed5565 0%,#da4453 100%); background: linear-gradient(to bottom, #ed5565 0%,#da4453 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5565', endColorstr='#da4453',GradientType=0 ); } .red .price{ color: #ed5565; } .red .tooltip{ background: #ed5565; } .red .tooltip:before{ border-right-color: #ed5565; } /* orange */ .orange .plan, .orange .sign-up a{ background: #ff8f26; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdiMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff8f26 0%, #ff7b0d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8f26), color-stop(100%,#ff7b0d)); background: -webkit-linear-gradient(top, #ff8f26 0%,#ff7b0d 100%); background: -o-linear-gradient(top, #ff8f26 0%,#ff7b0d 100%); background: -ms-linear-gradient(top, #ff8f26 0%,#ff7b0d 100%); background: linear-gradient(to bottom, #ff8f26 0%,#ff7b0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8f26', endColorstr='#ff7b0d',GradientType=0 ); } .orange .price{ color: #ff8f26; } .orange .tooltip{ background: #ff8f26; } .orange .tooltip:before{ border-right-color: #ff8f26; } /* purple */ .purple .plan, .purple .sign-up a{ background: #ac92ec; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjOTJlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NjdhZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ac92ec 0%, #967adc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ac92ec), color-stop(100%,#967adc)); background: -webkit-linear-gradient(top, #ac92ec 0%,#967adc 100%); background: -o-linear-gradient(top, #ac92ec 0%,#967adc 100%); background: -ms-linear-gradient(top, #ac92ec 0%,#967adc 100%); background: linear-gradient(to bottom, #ac92ec 0%,#967adc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac92ec', endColorstr='#967adc',GradientType=0 ); } .purple .price{ color: #ac92ec; } .purple .tooltip{ background: #ac92ec; } .purple .tooltip:before{ border-right-color: #ac92ec; } /* yellow */ .yellow .plan, .yellow .sign-up a{ background: #ffc53f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGFjMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffc53f 0%, #f4ac1d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc53f), color-stop(100%,#f4ac1d)); background: -webkit-linear-gradient(top, #ffc53f 0%,#f4ac1d 100%); background: -o-linear-gradient(top, #ffc53f 0%,#f4ac1d 100%); background: -ms-linear-gradient(top, #ffc53f 0%,#f4ac1d 100%); background: linear-gradient(to bottom, #ffc53f 0%,#f4ac1d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc53f', endColorstr='#f4ac1d',GradientType=0 ); } .yellow .price{ color: #ffc53f; } .yellow .tooltip{ background: #ffc53f; } .yellow .tooltip:before{ border-right-color: #ffc53f; } /* darkblue */ .darkblue .plan, .darkblue .sign-up a{ background: #063666; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGFjMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #063666 0%, #031e39 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#063666), color-stop(100%,#031e39)); background: -webkit-linear-gradient(top, #063666 0%,#031e39 100%); background: -o-linear-gradient(top, #063666 0%,#031e39 100%); background: -ms-linear-gradient(top, #063666 0%,#031e39 100%); background: linear-gradient(to bottom, #063666 0%,#031e39 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063666', endColorstr='#031e39',GradientType=0 ); } .darkblue .price{ color: #063666; } .darkblue .tooltip{ background: #063666; } .darkblue .tooltip:before{ border-right-color: #063666; } /* grey */ .grey .plan, .grey .sign-up a{ background: #555555; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGFjMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #555555 0%, #777777 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#777777)); background: -webkit-linear-gradient(top, #555555 0%,#777777 100%); background: -o-linear-gradient(top, #555555 0%,#777777 100%); background: -ms-linear-gradient(top, #555555 0%,#777777 100%); background: linear-gradient(to bottom, #555555 0%,#777777 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#777777',GradientType=0 ); } .grey .price{ color: #555555; } .grey .tooltip{ background: #555555; } .grey .tooltip:before{ border-right-color: #555555; } /* square1*/ .square1 .plan, .square1 .sign-up a{ background: #6bb6d8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGFjMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6bb6d8 0%, #56b2db 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bb6d8), color-stop(100%,#56b2db)); background: -webkit-linear-gradient(top, #6bb6d8 0%,#56b2db 100%); background: -o-linear-gradient(top, #6bb6d8 0%,#56b2db 100%); background: -ms-linear-gradient(top, #6bb6d8 0%,#56b2db 100%); background: linear-gradient(to bottom, #6bb6d8 0%,#56b2db 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb6d8', endColorstr='#56b2db',GradientType=0 ); } .square1 .price{ color: #6bb6d8; } .square1.tooltip{ background: #6bb6d8; } .square1 .tooltip:before{ border-right-color: #6bb6d8; } /* square2*/ .square2 .plan, .square2 .sign-up a{ background: #b5c6ce; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGFjMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b5c6ce 0%, #829da8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5c6ce), color-stop(100%,#829da8)); background: -webkit-linear-gradient(top, #b5c6ce 0%,#829da8 100%); background: -o-linear-gradient(top, #b5c6ce 0%,#829da8 100%); background: -ms-linear-gradient(top, #b5c6ce 0%,#829da8 100%); background: linear-gradient(to bottom, #b5c6ce 0%,#829da8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c6ce', endColorstr='#829da8',GradientType=0 ); } .square2 .price{ color: #b5c6ce; } .square2 .tooltip{ background: #b5c6ce; } .square2 .tooltip:before{ border-right-color: #b5c6ce; } /* square4*/ .square4 .plan, .square4 .sign-up a{ background: #166682; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGFjMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #166682 0%, #008ab3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#166682), color-stop(100%,#008ab3)); background: -webkit-linear-gradient(top, #166682 0%,#008ab3 100%); background: -o-linear-gradient(top, #166682 0%,#008ab3 100%); background: -ms-linear-gradient(top, #166682 0%,#008ab3 100%); background: linear-gradient(to bottom, #166682 0%,#008ab3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166682', endColorstr='#008ab3',GradientType=0 ); } .square4 .price{ color: #166682; } .square4 .tooltip{ background: #166682; } .square4 .tooltip:before{ border-right-color: #166682; } /* square5*/ .square5 .plan, .square5 .sign-up a{ background: #00729e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGFjMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00729e 0%, #2c3964 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00729e), color-stop(100%,#2c3964)); background: -webkit-linear-gradient(top, #00729e 0%,#2c3964 100%); background: -o-linear-gradient(top, #00729e 0%,#2c3964 100%); background: -ms-linear-gradient(top, #00729e 0%,#2c3964 100%); background: linear-gradient(to bottom, #00729e 0%,#2c3964 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00729e', endColorstr='#2c3964',GradientType=0 ); } .square5 .price{ color: #00729e; } .square5 .tooltip{ background: #00729e; } .square5 .tooltip:before{ border-right-color: #00729e; } .para { width:40%; margin:0 50px 0 90px; } .para2 { width:40%; } .moveimage1 { position:relative; top:-60px; } #rt-logo { background: url(/images/ipclogosm.jpg) 50% 0 no-repeat !important;} background-size: 230px Auto !important;} /* responsive design ================================*/ @media (max-width: 1200px) { .moveimage1 { position:relative; top:0px; } } @media (max-width: 768px) { .pricing-table{ width: 100%; margin: 5px 0; } .pricing-table .tooltip{ display: none; } .para { width:100%; clear:both; } .para2 { width:100%; clear:both; } #rt-logo { position: relative; left: -20px; background: url(/images/ipclogosm.jpg) 50% 0 no-repeat !important;} .moveimage1 { position:relative; top:0px; } select, input[type="file"] { position:relative; left: 30px;} .rt-container .rt-grid-7 { width: 200px; position:relative;left:30px; } .rt-container .rt-grid-5 { width: 200px; } } @media (max-width: 480px) { .pricing-table{ width: 100%; margin: 0 0 80px; } .para { width:100%; clear:both; } .para2 { width:100%; clear:both; } .moveimage1 { position:relative; top:0px; } div.rt-menu-mobile { left: -120px; } #rt-logo { position: relative; left: -20px; top:30px; background: url(/images/ipclogosm.jpg) 50% 0 no-repeat !important;} select, input[type="file"] { position:relative; left: 100px;} .rt-container .rt-grid-7 { min-width: 300px; position: relative;top: -30px;left: -10px; } .rt-container .rt-grid-5 { width: 300px; } .rt-block { position: relative;} } #rt-logo { background-size: 230px Auto !important; } #rt-footer-surround {margin-top: 0px;background-image: none);background-repeat: repeat;background-position: 1500% 0%;} /*COLUMNS*/ .colHolder:before, .colHolder:after { content: " "; /* 1 */ display: table; /* 2 */ } .colHolder:after { clear: both; } .colHolder { *zoom: 1; position:relative; } .col { display: block; float:left; margin: 0 0 0 1.6%; min-height:1px; } .col:first-child { margin-left: 0; float:left; } .col:last-child { margin-right: 0; /*float:right;*/ } .col.fRight:last-child { float:right } .countries .col:last-child { float:left; } .col img { max-width:98%; } img{ max-width:100%; } .col img{ padding:1%; } .landingCol{ border-bottom:1px dotted #ddd; } .landingCol:last-child{ border:none; } .homeCta { position: relative; width: 100%; font-family: "open_sanslight", Arial; font-size: 1.2em; line-height: 1.1em; -moz-border-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 6px; } .ulcolumns ul{ margin-bottom:20px; overflow:hidden; border-top:1px solid #ccc; } .ulcolumns li{ line-height:1.5em; border-bottom:1px solid #ccc; float:left; display:inline; } #single li { width:100%;} /* 2 col */ #double li { width:50%;} /* 2 col */ #triple li { width:33.333%; } /* 3 col */ #quad li { width:25%; } /* 4 col */ #six li { width:16.666%; } /* 6 col */< /* GRID OF TWO */ .span_2_of_2 {width: 100%;} .span_1_of_2 {width: 49.2%;} /* GRID OF THREE */ .span_3_of_3 {width: 100%;} .span_2_of_3 {width: 66.14%;} .span_1_of_3 {width: 30.41%; min-width:300px;} /* GRID OF FOUR */ .span_4_of_4 {width: 100%;} .span_3_of_4 {width: 74.6%;} .span_2_of_4 {width: 49.2%;} .span_1_of_4 {width: 23.8%;} /* GRID OF FIVE */ .span_5_of_5 {width: 100%;} .span_4_of_5 {width: 79.68%;} .span_3_of_5 {width: 59.36%;} .span_2_of_5 {width: 39.04%;} .span_1_of_5{width: 18.72%;} /* GRID OF SIX */ .span_6_of_6 {width: 100%;} .span_5_of_6 {width: 83.05%;} .span_4_of_6 {width: 66.12%;} .span_3_of_6 {width: 49.19%;} .span_2_of_6 {width: 32.26%;} .span_1_of_6 {width: 15.33%;} /* GRID OF EIGHT */ .span_8_of_8 {width: 100%;} .span_7_of_8 {width: 79.1%;} .span_6_of_8 {width: 67.8%;} .span_5_of_8 {width: 56.5%;} .span_4_of_8 {width: 45.2%;} .span_3_of_8 {width: 33.9%;} .span_2_of_8 {width: 22.6%;} .span_1_of_8 {width: 11.3%;} /* GRID OF TEN */ .span_10_of_10 {width: 100%;} .span_9_of_10 {width: 89.84%;} .span_8_of_10 {width: 79.68%;} .span_7_of_10 {width: 69.52%;} .span_6_of_10 {width: 59.36%;} .span_5_of_10 {width: 49.2%;} .span_4_of_10 {width: 39.04%;} .span_3_of_10 {width: 28.88%;} .span_2_of_10 {width: 18.72%;} .span_1_of_10 {width: 8.56%;} /* GRID OF FORTEEN */ .span_14_of_14 {width: 100%;} .span_13_of_14 {width: 92.73%;} .span_12_of_14 {width: 85.47%;} .span_11_of_14 {width: 78.21%;} .span_10_of_14 {width: 70.96%;} .span_9_of_14 {width: 63.7%;} .span_8_of_14 {width: 56.44%;} .span_7_of_14 {width: 49.19%;} .span_6_of_14 {width: 41.94%;} .span_5_of_14 {width: 34.68%;} .span_4_of_14 {width: 27.42%;} .span_3_of_14 {width: 20.17%;} .span_2_of_14 {width: 12.91%;} .span_1_of_14 {width: 5.65%;} /* GRID OF SIXTEEN */ .span_16_of_16 {width: 100%;} .span_15_of_16 {width: 93.65%;} .span_14_of_16 {width: 87.3%;} .span_13_of_16 {width: 80.95%;} .span_12_of_16 {width: 74.6%;} .span_11_of_16 {width: 68.25%;} .span_10_of_16 {width: 61.9%;} .span_9_of_16 {width: 55.55%;} .span_8_of_16 {width: 49.2%;} .span_7_of_16 {width: 42.85%;} .span_6_of_16 {width: 36.5%;} .span_5_of_16 {width: 30.15%;} .span_4_of_16 {width: 23.8%;} .span_3_of_16 {width: 17.45%;} .span_2_of_16 {width: 11.1%;} .greyheader { color:#666666 !important; } .lblueheader { color:#333333 !important; } .break { clear:both; } element.style { float: left; margin: 0% 2% 2% 0%; width: 300px; min-width: 300px; clear: left; min-height: 250px; height: 300px; } .box6 { border: 1px solid #ccc; border-bottom: 1px solid #999999; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .box6 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box7 { border: 1px solid #ccc; border-bottom: 1px solid #999999; -webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); } .box7 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .boxblue { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color:#a4d7ff; color:#666666 } .boxred { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:solid #a42632; } .boxyellow{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:solid #f1e55e; } .boxgreen{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:solid #44ce14; } body {background-color:#000;} #rt-footer-surround { /* margin-top: 0px; */ background-image: none); /* background-repeat: repeat; */ /* background-position: 1583% 0%; *