/* Site Name: GCI Corporate * Author: GCI Online Team * Stylesheet: Non-Responsive Stylesheet. Delivered to IE and below, and used on sites that don't use responsive design. */ /* normalize.css and the mixins are also called within the base file */ /****************************************************************** Site Name: GCI Corporate Author: GCI Online Team Stylesheet: Base Mobile Stylesheet Be light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. This is called by itself and is the only one called for devices that are smaller than 480px so that the mobile version pulls ONLY the css it needs. This means it's screamingly fast on mobile connections. For more info, check out this great link on the topic: http://nicolasgallagher.com/mobile-first-css-sass-and-ie/ ******************************************************************/ /* import mixins */ /* Stylesheet: Base styles for GCI web pages, includes resets */ /* import normalize and SASS mixins */ /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* HTML5 display definitions */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue: no IE6 support */ [hidden] { display: none; } /* Base */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* Links */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* Typography */ /* Addresses font sizes and margins set differently in IE6/7 Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Lists */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* Embedded content */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* Figures */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* Forms */ /* Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects text not wrapping in FF3 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* Tables */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* adding proper formatting */ p { -webkit-hyphens: manual; -epub-hyphens: manual; -moz-hyphens: manual; hyphens: manual; } /* text alignment */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /****************************************************************** Site Name: Author: Stylesheet: Mixins & Constants Stylesheet This is where you can take advantage of LESS' great features: Mixins & Constants. I won't go in-depth on how they work exactly, there are a few articles below that will help do that. What I will tell you is that this will help speed up simple changes like changing a color or adding CSS3 techniques like box shadow and border-radius. A WORD OF WARNING: It's very easy to overdo it here. Be careful and remember less is more. ******************************************************************/ /********************* CUSTOM RESET STYLES Here, I'll add my own reset styles on top of the basic normalize styles. This helps get things really clean and can be customized if you have any reset styles you like to use on your own projects. *********************/ /********************* COLORS *********************/ /* Used for links sitewide, also occasionally for header text and emphasis. */ /* Used in gradients and for solid shadows and bevels. */ /* Used in gradients and for solid shadows and bevels. */ /* Used in gradients. */ /* The default text color. */ /* Dark blue used in Commercial "Business" section /********************* ASSET PATH *********************/ /********************* PX TO EM FUNCTION *********************/ /********************* Clearfix *********************/ /********************* TYPOGRAPHY *********************/ /********************* BORDER RADIUS *********************/ /* @include border_radius(4px); */ /* @include borderTopRadius(4px); */ /* @include borderTopRadius(4px); */ /* @include borderTopRadius(4px); */ /* @include borderTopRadius(4px); */ /* @include borderTopRadius(4px); */ /* @include borderRightRadius(4px); */ /* @include borderBottomRadius(4px); */ /* @include borderLeftRadius(4px); */ /********************* BOX SIZING *********************/ /********************* BOX SHADOWS *********************/ /* @include box-shadow(5px, 5px, 10px, #000); */ /********************* CSS3 GRADIENTS Be careful with these since they can really slow down your CSS. Don't overdue it. *********************/ /* @include css-gradient(#dfdfdf,#f8f8f8); */ /* custom, multi-step gradients with fallbacks */ /********************* SPEECH BUBBLES *********************/ /********************* BUTTONS *********************/ /* content: typical styling */ a, div, img, li { position: relative; } body { background: #fff; font-size: 87.5%; line-height: 1.5em; /* 21 */ } body, button, input, select, textarea { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; color: #4a4a4a; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } div > h2:first-child, div > h3:first-child, div > h4:first-child, div > h5:first-child, div > h6:first-child { margin-top: 0; } div > h1 + p, div > h2 + p, div > h3 + p, div > h4 + p, div > h5 + p, div > h6 + p, div > h1 + ul, div > h2 + ul, div > h3 + ul, div > h4 + ul, div > h5 + ul, div > h6 + ul { margin-top: 0; } h1, h2, h3, h4 { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; } h5, h6 { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } h1 { color: #555; font-size: 2.57142857142857em; /* 36/14 */ margin-top: 0.72222222222222em; /* 26/36 */ line-height: 1.16666666666667; /* 42/36 */ margin-bottom: 0.33333333333333em; /* 12/36 */ } h2 { color: #555; font-size: 1.57142857142857em; /* 22/14 */ margin-bottom: 0.40909em; margin-top: 0.81818em; } div.copy-section > h2, div.gci-col-left > h2, div.gci-col-right > h2 { margin-top: 0.81818em; } .oldie h2 { font-size: 1.5em; /* 21/14 */ } h3 { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; color: #555; font-size: 1em; /* 14/14 */ margin-bottom: 0; margin-top: 1.28571em; } div.gci-col-left > h3, div.gci-col-right > h3 { margin-top: 1.28571em; } h4 { font-size: 0.85714285714286em; /* 12/14 */ text-transform: uppercase; } h5, h6 { color: #555; font-size: 0.85714285714286em; /* 12/14 */ } h2.w-oomph { /* These H2s are a little larger to accompany tables with the oomph class */ font-size: 2em; /* 28/14 */ line-height: 1.14285714285714em; /* 32/28 */ } h2 span.num { -webkit-border-radius: 0.66667em; -moz-border-radius: 0.66667em; -ms-border-radius: 0.66667em; -o-border-radius: 0.66667em; border-radius: 0.66667em; font-size: 0.85714285714286em; /* 24/28 (based on h2.w-oomph - Abby) */ float: left; text-align: center; background: #f7f7f7; width: 1.33333333333334em; /* 32/24 */ line-height: 1.33333333333334em; color: #c31e2d; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); margin: 0 .5em .5em 0; } h2 span.desc { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; font-size: 0.54545454545455em; /* 12/22 */ display: block; line-height: 2.33333333333333em; /* 28/12 */ } h2.w-oomph span.desc { font-size: 0.42857142857143em; /* 12/28 */ line-height: 1.33333333333333em; /* 16/12 */ margin-left: 3.66666666666667em; /* 44/12, to line up with the edge of span.num */ } p, blockquote, ul, ol, article.hentry li, table { margin: 0.64285714285714em 0; /* 9/14 */ } body.business article.hentry { -webkit-font-smoothing: subpixel-antialiased; } body.business article.hentry p, body.business article.hentry blockquote, body.business article.hentry ul, body.business article.hentry ol, body.business article.hentry dl { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; } body.business article.hentry p strong, body.business article.hentry blockquote strong, body.business article.hentry ul strong, body.business article.hentry ol strong, body.business article.hentry dl strong { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } body.business article.hentry h1, body.business article.hentry h2, body.business article.hentry .mcompare { -webkit-font-smoothing: antialiased; } body.business article.hentry p.intro { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; font-size: 1.14286em; } body.business article.hentry p.fineprint { -webkit-font-smoothing: subpixel-antialiased; font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } body.business article.hentry li { margin: 0; } strong em, em strong { font-family: "myriad-pro-i6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: italic; } .read-more { margin-top: 0.5em; } h1 + p { line-height: 1.28571428571429em; /* 18/14 */ margin: 0 0 1em 0; /* 14/14 */ } p.intro { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; font-size: 1.28571428571429em; /* 18/14 */ line-height: 1.55555555555556em; /* 28/18 */ /* margin-bottom:1.55555555555556em; */ /* This always ends up looking awkward. Is the extra margin really necessary? Probably only needed if more than intro p is used and, frankly, that should never happen - Abby */ margin-bottom: 0; } p.intro strong { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } p.intro strong em, p.intro em strong { font-family: "myriad-pro-i4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: italic; } ul, ol { padding: 0; margin-left: 1.5em; } p.fineprint { margin-top: 1em; font-size: 0.85714em; line-height: 1em; -webkit-font-smoothing: antialiased; } table + p.fineprint { margin-top: -16px; } .mousetype { font-size: 10px; line-height: 1.4em; } p.hot { color: #c31e2d; } span.sep { opacity: .5; padding: 0 .5em; } span.sep.hide { display: none; } #container img { max-width: 100%; width: auto; height: auto; } #container img.icon32 { width: 32px; height: 32px; } #container img.icon40 { width: 40px; height: 40px; } #container img.icon48 { width: 48px; height: 48px; } #container .hentry img.size-full.alignnone { -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; } hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; margin: 32px 0; height: 0; overflow: hidden; } /* Links */ a { color: #c31e2d; } a:visited { color: #c31e2d; } a:hover { color: #c31e2d; } a.button, a.button:visited { color: #fff !important; display: inline-block; font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; font-size: 13px; line-height: 1; padding: 10px; text-decoration: none; text-shadow: none; vertical-align: middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #dc1b2f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjMWIyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk0MDExMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNTE0MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dc1b2f 0%, #940113 50%, #b51428 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc1b2f), color-stop(50%, #940113), color-stop(100%, #b51428)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dc1b2f 0%, #940113 50%, #b51428 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dc1b2f 0%, #940113 50%, #b51428 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dc1b2f 0%, #940113 50%, #b51428 100%); /* IE10+ */ background: linear-gradient(top, #dc1b2f 0%, #940113 50%, #b51428 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc1b2f', endColorstr='#b51428',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); } a.button:hover { /* gradient reverse */ background: #b51428; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1MTQyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk0MDExMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYzFiMmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b51428 0%, #940113 50%, #dc1b2f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b51428), color-stop(50%, #940113), color-stop(100%, #dc1b2f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b51428 0%, #940113 50%, #dc1b2f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b51428 0%, #940113 50%, #dc1b2f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b51428 0%, #940113 50%, #dc1b2f 100%); /* IE10+ */ background: linear-gradient(top, #b51428 0%, #940113 50%, #dc1b2f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b51428', endColorstr='#dc1b2f',GradientType=0 ); /* IE6-8 */ } .ie7 a.button { display: inline; zoom: 1; padding-bottom: 12px; } .ie9 a.button { filter: none; } a.button.block { display: block; margin: 12px auto; text-align: center; } .top_aligned, .top_aligned :first-child { margin-top: 0 !important; padding-top: 0 !important; } /* dynamic chunks, used for lists of special offers, store locations, features, etc */ div.chunk, div.special-offer, div.gci-store-wrapper { border-top: 1px solid #C9C9C9; margin: 2em 1em 2em 0; overflow: hidden; padding: 2em 1em 0 0; } td.right, th.right { text-align: right !important; } td.left, th.left { text-align: left !important; } td.center, th.center { text-align: center !important; } td.top, th.top { vertical-align: top !important; } table .condensed { padding: 0 !important; } th.empty, td.empty { background: none !important; filter: none !important; } /* Table with no lines or background */ table .invisitable td { background: none; } /* == non-semantic helper classes == */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* For gradients */ .ie9 .gradient { filter: none; } /* Hide from both screenreaders and browsers:h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders:h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats:h5bp.com/q */ /* .clearfix:before, */ .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } div.nav ul, div.nav ul li { list-style: none; list-style-type: none; margin: 0; padding: 0; } #header { display: none; } #desktop_header { display: none; } #mobile_header { width: 100%; background: #efefef; position: relative; } #mobile_header .toggle { display: inline-block; position: static; text-shadow: none; color: #eaeaea; padding: 0 14px; font-size: 1.21429em; line-height: 2.47059em; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(57%, #353535), color-stop(100%, #0d0d0d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* IE10+ */ background: linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-8 */ cursor: pointer; text-decoration: none; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 42.5%; } #mobile_header .toggle:link, #mobile_header .toggle:visited, #mobile_header .toggle:hover, #mobile_header .toggle:active { color: #eaeaea; } #mobile_header .toggle span { display: block; background: url("../images/navicon_grey.png") right center no-repeat; cursor: pointer; } #mobile_header .toggle span.open { background: url("../images/navicon_grey.png") right center no-repeat; } #mobile_header .toggle.menu_toggle { width: 85%; padding-right: 10px; } #mobile_header .toggle.super-nav-toggle { margin-top: 0; padding-right: 10px; } #mobile_header .toggle.main-nav-toggle { padding: 0 10px; border-left: 1px solid #0d0d0d; } #mobile_header .toggle.search_toggle_mobile { width: 15%; border-left: 1px solid #0d0d0d; text-align: center; } #mobile_header .toggle.search_toggle_mobile span { background: none; } #mobile_header #mobile_nav_inner { background: #353535; } #mobile_header ul.nav { display: inline-block; vertical-align: top; width: 50%; list-style: none; margin: 0; padding: 12px 0 6px 14px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #808080; text-shadow: none; font-size: 1.07143em; line-height: 2.14286em; font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; } #mobile_header ul.nav ul { list-style: none; font-size: 0.93333em; line-height: 2.14286em; margin-top: 0; margin-left: 0; padding-left: 0; font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } #mobile_header ul.nav ul li { margin-top: 0; margin-left: 0; padding-left: 0; } #mobile_header ul.nav ul li.home { display: none; } #mobile_header ul.nav a { color: #eaeaea; text-decoration: none; } #mobile_header form.mobile_search { z-index: 5; clear: both; } #mobile_header form.mobile_search input { width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* zero-out default rounding in iOS */ -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: #BCBCBC 1px solid; border-top: none; padding: 0 14px; line-height: 2.14286em; -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.35); -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.35); box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.35); } #mobile_header form.mobile_search button { display: none; } #mobile_header #mobile_branding { padding: 1.14286em 1em; } #mobile_header #mobile_branding #mobile_logo { width: 40%; display: inline-block; vertical-align: middle; } #mobile_header #mobile_branding span.tagline { display: none; } #mobile_header #mobile_branding .my-location { width: 60%; display: inline-block; vertical-align: middle; text-align: right; } #mobile_header #mobile_branding .my-location .preface { font-size: 0.78571em; display: block; font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; } #mobile_header #mobile_branding .my-location .change { display: block; font-size: 0.78571em; font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; } .location_picker { color: #fff; background: #c31e2d; padding: 14px 14px 21px; border-top: 1px solid #940113; -webkit-box-shadow: 0px 3px 0px #940113, 0px 9px 9px -3px rgba(7, 7, 7, 0.25); -moz-box-shadow: 0px 3px 0px #940113, 0px 9px 9px -3px rgba(7, 7, 7, 0.25); box-shadow: 0px 3px 0px #940113, 0px 9px 9px -3px rgba(7, 7, 7, 0.25); background-color: #c31e2d; background-image: -webkit-gradient(linear, left top, left bottom, from(#dc1b2f), to(#c31e2d)); background-image: -webkit-linear-gradient(top, #dc1b2f, #c31e2d); background-image: -moz-linear-gradient(top, #dc1b2f, #c31e2d); background-image: -o-linear-gradient(top, #dc1b2f, #c31e2d); background-image: -ms-linear-gradient(top, #dc1b2f, #c31e2d); background-image: linear-gradient(top, #dc1b2f, #c31e2d); } .location_picker h3 { font-size: 1.28571em; line-height: 1.16667em; margin-bottom: 0.38889em; color: white; font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } .location_picker h3 strong { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; } .location_picker form { padding: 0; } .location_picker form select { text-shadow: none; color: #353535; } /* global branding */ div#super-navigation, #header div.main-navigation { display: none; text-shadow: none; color: #eaeaea; padding: 7px 14px; font-size: 1.14285714285714em; /* 16/14 */ line-height: 2em; /* 32/16 */ background: #4a4a4a; /* Old browsers */ position: absolute; top: 0; left: 0; width: 100%; z-index: 5; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } div#super-navigation { top: 42px; } div#super-navigation a, #header div.main-navigation a { color: #eaeaea; text-decoration: none; } ul#main-menu li.first { display: none; } /* global branding */ #header { background: #efefef; position: relative; } #header-inner { position: static; } #header-wrapper { position: static; } #branding { background: #efefef; padding: 1.14285714285714em 0; /* 16/14 */ width: 100%; display: block; white-space: nowrap; clear: both; /* position:static; top:0; left:0; */ height: 80px; } #branding #logo { display: inline-block; height: 80px; width: 106px; background: url("//static.gci.com/corporate/images/logo.png") left top no-repeat; padding-right: 1em; /* 14/14 */ position: relative; left: 1em; } .ie7 #branding #logo { display: block; float: left; } #branding span.tagline { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; display: none; vertical-align: bottom; position: relative; bottom: -15px; font-size: 1.35714285714286em; /* 19/14 */ white-space: nowrap; line-height: 22px; } .ie7 #branding span.tagline { position: absolute; bottom: 1px; left: 85px; } .ie8 #branding span.tagline { bottom: -11px; } .ie9 #branding span.tagline { bottom: -10px; } #branding span.tagline { bottom: 1px; } .ie7 #branding span.tagline { position: absolute; bottom: 12px; left: 123px; } .ie8 #branding span.tagline { bottom: 2px; } .ie9 #branding span.tagline { bottom: 1px; } /* global search widget */ #header .search-form { position: absolute; top: 68px; right: 14px; height: 40px; z-index: 5; display: none; } /*support search*/ #main form.search-form { margin: 16px 0; overflow: hidden; } .search-form input, .search-form label { border: none; float: left; height: 26px; padding: 0; } .search-form label { margin-right: 1em; } .search-form input { border-top: 1px solid #bcbcbc; border-left: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; padding-left: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; /* zero-out default rounding in iOS */ -webkit-border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.35); -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.35); box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.35); width: 108px; } .ie6 .search-form input { padding-top: 4px; padding-bottom: 4px; height: 16px; border: 1px solid #ccc; } .ie7 .search-form input { padding-top: 3px; padding-bottom: 3px; height: 20px; border: 1px solid #ccc; } .ie7 .search-form input { line-height: 20px; } .ie8 .search-form input { line-height: 26px; } .search-form button { background: #a0a0a0; border: none; float: left; height: 28px; padding: 0; width: 36px; -webkit-border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } /* Sub-navigation */ div.sub-navigation { margin-bottom: 16px; } div.sub-navigation ul#sub-menu li { color: #c31e2d; font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; font-size: 2em; line-height: 1.35714em; } div.sub-navigation ul#sub-menu li.current-menu-item { color: #c31e2d; } div.sub-navigation ul#sub-menu li a { text-decoration: none; } div.sub-navigation ul#sub-menu li ul { font-size: 0.57143em; line-height: 1.3125em; } div.sub-navigation ul#sub-menu li ul li { display: inline; font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; font-size: 1em; line-height: 1.3125em; padding-right: .35em; } div.sub-navigation ul#sub-menu li ul li a { color: #7a7a7a; padding-bottom: 0.875em; } div.sub-navigation ul#sub-menu li ul li a:hover { color: #c31e2d; } div.sub-navigation ul#sub-menu li ul li:after { content: ""; display: inline; padding-left: .6em; color: #7a7a7a; } div.sub-navigation ul#sub-menu li ul li:last-child:after { content: none; } div.sub-navigation ul#sub-menu li ul li.current-menu-item a, div.sub-navigation ul#sub-menu li ul li.current-menu-parent, div.sub-navigation ul#sub-menu li ul li.current-menu-ancestor { color: #c31e2d; } /* footer */ #footer { margin-top: 64px; /* 64/14 */ background: #ededed; padding: 16px 14px; } ul#footer-menu { font-size: 1.14285714285714em; /* 16/14 */ line-height: 2em; /* 32/16 */ } ul#footer-menu a { color: #898989; text-decoration: none; } ul#footer-menu a:hover { text-decoration: underline; } ul#footer-menu > li { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; } ul#footer-menu > li > ul > li { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714285714286em; /* 12/14 */ display: none; } ul#footer-menu ul li.business, ul#footer-menu ul li.enterprise { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; font-size: 1em; /* 12/14 */ line-height: 2em; /* 28/14 */ } ul#footer-menu ul li.for-business { margin-top: 0.42857142857143em; /* 6/14 */ } #footer div.sosume { margin: 16px auto 0; border-top: 1px solid #cccccc; clear: both; color: #898989; font-size: 0.92857142857143em; /* 13/14 */ padding-bottom: 32px; } #footer div.sosume a { color: #898989; text-decoration: none; white-space: nowrap; display: block; text-decoration: underline; } #footer div.sosume p.social a { display: inline; } #footer span.sep { display: none; } #container { padding: 32px 20px 0; position: relative; overflow: hidden; } #sidebar { clear: both; } /* Billboard */ #billboard { width: 100%; height: 80px; overflow: hidden; } #billboard .gci-pager-wrap { display: none; } #billboard .billboard-item { width: 100%; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; background: #f3f3f3; } #billboard .billboard-item img { max-width: 100%; width: auto; height: auto; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; } table.stripes { width: 100%; line-height: 1.3em; /* 13/10 */ } article.hentry table.stripes { margin: 16px auto 32px; } article.hentry table.stripes + table.stripes { margin: -16px auto 32px; } .stripes td, .stripes th { border-top: #fff 1px solid; border-bottom: #fff 1px solid; border-right: #fff 2px solid; border-left: #fff 2px solid; padding: 5px; text-align: left; } table.stripes thead th { text-align: center; color: #fff; text-shadow: none; background: #eb453c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMzIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjAwMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eb453c 0%, #cc3228 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb453c), color-stop(100%, #cc3228)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #eb453c 0%, #cc3228 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #eb453c 0%, #cc3228 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eb453c 0%, #cc3228 100%); /* IE10+ */ background: linear-gradient(top, #eb453c 0%, #cc3228 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb453c', endColorstr='#cc3228',GradientType=0 ); /* IE6-8 */ } .stripes tbody th { background: #D4D4D4; } .stripes tbody tr.alt th { background: #EAEAEA; } .stripes tbody td { background-color: #ddd; } .stripes tbody tr.alt td { background-color: #f5f5f5; } table.stripes thead th.featured { text-align: center; color: #fff; text-shadow: none; background: #A13A33; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMzIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjAwMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb453c), color-stop(100%, #a13a33)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* IE10+ */ background: linear-gradient(top, #eb453c 0%, #a13a33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb453c', endColorstr='#A13A33',GradientType=0 ); /* IE6-8 */ } table.stripes thead tr.flags th { background: none; filter: none; padding: 0; } table.stripes thead tr.flags th.featured { color: #cc3228; font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; letter-spacing: 1px; background: #E4EBF4; -webkit-box-shadow: inset 0px 0px 32px #dde6ef; -moz-box-shadow: inset 0px 0px 32px #dde6ef; box-shadow: inset 0px 0px 32px #dde6ef; } /* Alternate style is above, overridden by rules below */ table.stripes thead tr.flags th.featured { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; color: #fff; line-height: 1.8em; padding: 0 .5em; background: #989898; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #989898 0%, #383838 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #383838)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #989898 0%, #383838 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #989898 0%, #383838 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #989898 0%, #383838 100%); /* IE10+ */ background: linear-gradient(top, #989898 0%, #383838 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#383838',GradientType=0 ); /* IE6-8 */ text-transform: uppercase; letter-spacing: 1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } tbody th.featured, tbody td.featured { background-color: #E4EBF4; } tbody tr.alt td.featured, tbody tr.alt th.featured { background-color: #F3F8FF; } tbody tr.featured td { background-color: #d4e0ea; } tbody tr.featured th { background-color: #cbd9e5; } table.stripes span.button.featured { font-size: 10px; text-shadow: none; display: block; color: #fff; float: right; margin: 0 0 0 3em; padding: 0 .5em; line-height: 1.3em; font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; background: #989898; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #989898 0%, #383838 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #383838)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #989898 0%, #383838 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #989898 0%, #383838 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #989898 0%, #383838 100%); /* IE10+ */ background: linear-gradient(top, #989898 0%, #383838 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#383838',GradientType=0 ); /* IE6-8 */ text-transform: uppercase; letter-spacing: 1px; } .ie7 span.button.featured { display: inline; } td.monthly-cost, td.allowance { font-weight: 600; } table.oomph { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; font-size: 1em; line-height: 1.28571428571429em; /* 18/14 */ } table.oomph span.button.featured { margin: .4em 0 .4em 3em; } table.oomph th, table.oomph td { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; vertical-align: middle; border: none; border-bottom: 1px solid #fff; padding: 5px 12px; } table.oomph thead th { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; } table.oomph thead th.first { font-size: 1.57142857142857em; /* 22/14 */ text-align: left; line-height: 1.45454545454545em; /* 32/22 */ } table.oomph tbody th { font-size: 1.07142857142857em; /* 15/14 */ white-space: nowrap; } table.oomph tbody th span, table.oomph tbody td span, table.oomph tbody th small, table.oomph tbody td small { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; display: block; color: #777777; font-size: 0.93333333333333em; /* 14/15 */ } /* end :: Table with oomph option */ span.phone, strong.phone { white-space: nowrap; } /* Secondary Navigation - Includes exceptions for Business / Commercial section */ #secondary-navigation { border: #d3d3d3 solid 1px; margin: 16px 0 48px; text-align: left; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.14285714285714em; /* 16/14 */ background: #f3f3f3; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(90%, #f3f3f3), color-stop(100%, #e3e3e3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* IE10+ */ background: linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */ } body.business #secondary-navigation { border: #bdbdbd solid 1px; background: #e7e7e7; /* Old browsers */ background: -moz-linear-gradient(top, #e7e7e7 0%, #e7e7e7 74px, #a5a5a5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(74px, #e7e7e7), color-stop(100%, #a5a5a5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e7e7e7 0%, #e7e7e7 74px, #a5a5a5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e7e7e7 0%, #e7e7e7 74px, #a5a5a5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e7e7e7 0%, #e7e7e7 74px, #a5a5a5 100%); /* IE10+ */ background: linear-gradient(top, #e7e7e7 0%, #e7e7e7 74px, #a5a5a5 100%); /* W3C */ } .ie9 #secondary-navigation { filter: none; } #secondary-navigation ul { list-style: none; margin: 0; } #secondary-navigation ul a { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; color: #555; text-decoration: none; display: block; } body.business #secondary-navigation ul a { color: #323232; } #secondary-navigation a:hover { color: #c31e2d; } #secondary-navigation ul#secondary-menu > li > a { font-size: 1.57142857142857em; /* 22/14 */ background: #dedede; margin: -16px -16px 16px; padding: 16px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; } .ie7 #secondary-navigation ul#secondary-menu > li > a, .ie8 #secondary-navigation ul#secondary-menu > li > a { margin: -15px -15px 15px -16px; padding: 15px 15px 16px 16px; } body.business #secondary-navigation ul#secondary-menu > li > a { background: white; } #secondary-navigation ul#secondary-menu > li > ul { line-height: 2em; /* 28/14 */ } #secondary-navigation ul#secondary-menu > li > ul > li > ul { line-height: 1.5em; /* 21/14 */ padding-left: 10px; } #secondary-navigation ul#secondary-menu > li > ul > li > a { font-size: 1.14285714285714em; /* 16/14 */ } #secondary-navigation ul#secondary-menu > li > ul > li.current_page_item > a, #secondary-navigation ul#secondary-menu > li > ul > li.current-menu-item > a { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; color: #c31e2d; } #secondary-navigation ul#secondary-menu > li > ul > li > ul > li.current_page_item > a, #secondary-navigation ul#secondary-menu > li > ul > li > ul > li.current-menu-item > a { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; color: #c31e2d; } #secondary-navigation ul#secondary-menu > li > ul > li.current-menu-parent > a, #secondary-navigation ul#secondary-menu > li > ul > li.current-menu-ancestor > a { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; color: #c31e2d; } #secondary-navigation ul#secondary-menu > li > ul > li.current-page-item, #secondary-navigation ul#secondary-menu > li > ul > li.current-page-ancestor, #secondary-navigation ul#secondary-menu > li > ul > li.current-page-parent { margin: 0 -17px 16px 0; padding: 12px 16px; background: #fff; border-top: #d3d3d3 solid 1px; border-bottom: #d3d3d3 solid 1px; } body.business #secondary-navigation ul#secondary-menu > li > ul > li.current-page-item, body.business #secondary-navigation ul#secondary-menu > li > ul > li.current-page-ancestor, body.business #secondary-navigation ul#secondary-menu > li > ul > li.current-page-parent { margin: 0; padding: 0; border: none; background: none; } /* comparison matrix */ dl.matrix_header { display: none; } div.matrix_item { clear: both; margin: 16px 0; text-align: left; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f0f0f0; overflow: hidden; } div.matrix_item h3 { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; font-size: 1.57142857142857em; /* 22/14 */ padding: 16px; color: #fff; text-shadow: none; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #eb453c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNDUzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMTNhMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb453c), color-stop(100%, #a13a33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* IE10+ */ background: linear-gradient(top, #eb453c 0%, #a13a33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb453c', endColorstr='#a13a33',GradientType=0 ); /* IE6-8 */ } /* RESPONSIVE TABLE COMPARISON MATRIX */ /* RESPONSIVE TABLE COMPARISON MATRIX */ .responsive { margin: 16px 0; border-collapse: collapse; } body.business .responsive { margin: 30px 0; } table.responsive { clear: both; } .ie7 .responsive { behavior: url(/wp-content/themes/GCI2012/library/css/boxsizing.htc); } .responsive th.plan_title_header { visibility: hidden; border: medium none transparent; } .responsive th.first_header { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; border-left: medium none transparent; } .responsive th.last_header { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; border-right: medium none transparent; } .responsive td { border-bottom: 2px solid #FFF; margin-bottom: 8px; padding-bottom: 8px; } .responsive td.last_cell { -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-right: medium none transparent; } .responsive td { border-right: 1px solid #DDD; } .responsive th { vertical-align: middle; border-right: 1px solid #DDD; padding: 6px; font-size: 0.86666em; line-height: 1.1em; text-shadow: none; /* white-space: nowrap; */ color: #eaeaea; font-style: normal; text-shadow: none; text-transform: uppercase; background: #494949; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiM0OTQ5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #494949 22%, black 54%, #010101 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #494949), color-stop(54%, black), color-stop(100%, #010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #494949 22%, black 54%, #010101 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #494949 22%, black 54%, #010101 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #494949 22%, black 54%, #010101 100%); /* IE10+ */ background: linear-gradient(top, #494949 22%, black 54%, #010101 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#010101',GradientType=0 ); /* IE6-8 */ } body.business .responsive thead th { background: #555; } .responsive th.plan_title { text-transform: none; white-space: normal; max-width: 9em; line-height: 1.25em; font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; font-size: 1.57142857142857em; /* 22/14 */ padding: 16px; color: #fff; text-shadow: none; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background: #eb453c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNDUzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMTNhMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb453c), color-stop(100%, #a13a33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* IE10+ */ background: linear-gradient(top, #eb453c 0%, #a13a33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb453c', endColorstr='#a13a33',GradientType=0 ); /* IE6-8 */ } .responsive th.plan_title { border-bottom: 2px #FFF solid; } .ie7 .compare_row th.plan_title { background: #eb453c; } .compare_row td { margin: 16px 0; text-align: left; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 16px 0; /* 16/14 */ background: #f0f0f0; text-align: center; } .compare_row p.price { font-size: 2em; /* 42/14 */ margin: 0.38095238095238em 0 0.19047619047619em; /* 16/42 8/42 */ margin: 0; line-height: 1em; } .compare_row p.fineprint { font-size: 12px; line-height: 12px; /* 12 */ margin: -8px 0 16px; /* 8/12 16/12 */ margin: 6px 0 0px; font-weight: 400; color: #8C8C8C; } .compare_row span.minor { font-size: .5em; /* 21/42 */ position: relative; left: -0.0952380952381em; /* 2/21 */ display: inline; font-weight: 300; color: #555555; } .compare_row ul, .compare_row ul li { list-style-type: none; padding: 0; margin: 0; } .compare_row ul { list-style-type: none; } .compare_row ul li.first { border-top: none; padding-top: 0; } .compare_row td { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; font-size: 1.57142857142857em; /* 22/14 */ border-top: 1px solid #fff; padding: 16px 8px; vertical-align: middle; } .compare_row td span { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; font-size: 0.54545454545455em; /* 12/22 */ display: block; color: #8C8C8C; line-height: 1.1em; margin-bottom: 0.5em; } .compare_row td.compare-result { border-right: none; padding: 24px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left: 2px solid #fff; background: #f3f7ff; line-height: 28px; } .responsive td.last_cell.buffer-buster { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: medium none transparent; } .responsive th.plan_title.unfavorite { background: #555; } .responsive td.unfavorite { background: #ccc; } #sidebar { clear: both; } span.disclosure { color: lighter; font-size: 0.75em; } ul.details_list { float: left; list-style-type: none; margin: 0 1em 2em 0; width: 100%; padding: 0; } ul.details_list li { border-bottom: 1px solid #CCCCCC; display: block; float: left; margin: 0; overflow: hidden; width: 100%; } ul.details_list li.last { border-bottom: none; } ul.details_list dl { float: left; display: table; margin: 1em 0; width: 100%; } ul.details_list dt, ul.details_list dd { display: table-cell; margin-left: 0; margin-right: 0; } ul.details_list dt { width: 70%; float: left; font-weight: 400; } ul.details_list dt span { display: none; } ul.details_list dd.value { float: right; font-weight: 400; text-align: right; width: 30%; } ul.details_list dd.definition { color: #777; float: left; margin: 0 1em; } .bubble { background: #C31E2D; color: #fff; font-size: 1em; height: 120px; padding: 2em; position: relative; width: 250px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; } .bubble a { color: #fff; font-weight: bold; } .bubble:after { content: ""; position: absolute; bottom: -15px; left: 199px; border-style: solid; border-width: 15px 13px 0; border-color: #C31E2D transparent; display: block; width: 0; z-index: 1; } /* compare modules */ .mcompare { margin: 16px 0; } .comparemodule { margin: 16px 0; text-align: left; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 16px 0; /* 16/14 */ background: #f0f0f0; text-align: center; } .ie7 .comparemodule { behavior: url(/wp-content/themes/GCI2012/library/css/boxsizing.htc); } .featured.comparemodule { background: #f3f7ff; } .comparemodule h3 { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; font-size: 1.57142857142857em; /* 22/14 */ min-height: 2.18181818181818em; padding: 16px; margin: 0 -16px 16px; line-height: 1.09090909090909em; /* 24/22 */ color: #fff; text-shadow: none; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #eb453c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNDUzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMTNhMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb453c), color-stop(100%, #a13a33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* IE10+ */ background: linear-gradient(top, #eb453c 0%, #a13a33 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb453c', endColorstr='#a13a33',GradientType=0 ); /* IE6-8 */ } body.business .comparemodule h3 { min-height: 0; background: #1a4b5a; } body.business .comparemodule:nth-child(1) h3 { background: #2b7c95; } body.business .comparemodule:nth-child(2) h3 { background: #236478; } .ie7 .comparemodule h3 { background: #eb453c; } .ie9 .comparemodule h3 { filter: none; } .mcompare .featured h3 span { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; display: block; font-size: 0.42857142857143em; /* 12/28 */ line-height: 1.8em; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #989898; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4OTg5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #989898 0%, #383838 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #383838)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #989898 0%, #383838 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #989898 0%, #383838 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #989898 0%, #383838 100%); /* IE10+ */ background: linear-gradient(top, #989898 0%, #383838 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#383838',GradientType=0 ); /* IE6-8 */ text-transform: uppercase; letter-spacing: 1px; margin: -16px -16px 16px; } .ie7 .mcompare .featured h3 span { background: #383838; } .ie9 .mcompare .featured h3 span { filter: none; } .comparemodule p.price { font-size: 2em; /* 42/14 */ margin: 0.38095238095238em 0 0.19047619047619em; /* 16/42 8/42 */ margin: 0; line-height: 1em; } .comparemodule p.fineprint { font-size: 12px; line-height: 12px; /* 12 */ margin: -8px 0 16px; /* 8/12 16/12 */ margin: 6px 0 0px; font-weight: 400; color: #8C8C8C; } .comparemodule span.minor { font-size: .5em; /* 21/42 */ position: relative; left: -0.0952380952381em; /* 2/21 */ display: inline; font-weight: 300; color: #555555; } .comparemodule ul, .comparemodule ul li { list-style-type: none; padding: 0; margin: 0; } .comparemodule ul { list-style-type: none; } .comparemodule ul li.first { border-top: none; padding-top: 0; } .comparemodule ul li { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; font-size: 1.57142857142857em; /* 22/14 */ border-top: 1px solid #fff; padding: 16px 0; } body.business .comparemodule ul li { font-size: 1.28571em; } .comparemodule li span { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; font-size: 0.54545454545455em; /* 12/22 */ display: block; color: #8C8C8C; line-height: 1.1em; margin-bottom: 0.5em; } /* Promo items */ #main-promos { text-align: center; } .info-box { border: #bcbcbc solid 1px; margin: 16px auto; text-align: left; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.14285714285714em; /* 16/14 */ background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(90%, white), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* IE10+ */ background: linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ } .ie7 .info-box, .ie8 .info-box, .ie9 .info-box { filter: none; } .ie7 .info-box { behavior: url(/wp-content/themes/GCI2012/library/css/boxsizing.htc); border: none !important; background: #eee; } .info-box.courtesy-nav { background: #f3f3f3; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(90%, #f3f3f3), color-stop(100%, #e3e3e3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* IE10+ */ background: linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */ } .ie9 .info-box { filter: none; } .info-box h2 { font-size: 1.85714em; line-height: 1.03846em; } .info-box h2 span { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; font-size: 0.53846em; color: #555555; display: block; line-height: 1.57143em; vertical-align: top; } .info-box a { color: #c31e2d; text-decoration: none; } .info-box a:hover { text-decoration: underline; } .info-box ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; font-size: 0.85714285714286em; /* 12/14 */ } .info-box li { list-style: none; } .info-box li:before { content: "\00BB \0020"; color: #c31e2d; } .info-box.store h2 { /* The header holds the picture of the salesperson */ font-size: 1.78571428571429em; /* 25/14 */ line-height: 1.2em; /* 30/25 */ margin-top: -16px; margin-left: -16px; margin-bottom: 0; padding-top: 15px; padding-left: 90px; padding-bottom: 10px; } body.business #container #main-promos .info-box.store h2 { margin-top: -12px; } .info-box.store h2 { background: url("../images/salesperson3_storepromo_bg.png") no-repeat scroll -16px bottom transparent; border-top-left-radius: 12px; font-size: 1.78571em; line-height: 1.2em; margin-bottom: 0; margin-left: -16px; margin-top: -16px; padding-bottom: 10px; padding-left: 90px; padding-top: 15px; } body.business #container #main-promos .info-box.store h2 { margin-bottom: 0; } .ie9 .info-box.store h2 { background: url(../images/salesperson3_storepromo_bg.png) -15px bottom no-repeat; } .info-box.store h2 span { font-size: 0.54166666666667em; /* 13/24 */ line-height: 1.30769230769231em; /* 17/13 */ } .info-box.store h2 + p { /* The paragraph immediately following the header holds the background shadow */ font-size: 0.85714285714286em; /* 12/14 */ line-height: 1.25em; /* 15/12 */ background: url(../images/bg_p_salepromo.png) -65px top no-repeat; padding-top: 12px; margin-left: -16px; margin-right: -16px; margin-bottom: 12px; padding-left: 16px; padding-right: 16px; } .info-box.store h2 + p + p { text-align: center; white-space: nowrap; } .info-box.store p.hot { text-align: center; white-space: normal; } .info-box.store p.hot { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; } .info-box.store p.hot strong { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } .info-box.infotool { border: none; padding: 12px 16px 16px !important; background: #f3f8ff; -webkit-box-shadow: inset 0px 0px 32px #dde6ef; -moz-box-shadow: inset 0px 0px 32px #dde6ef; box-shadow: inset 0px 0px 32px #dde6ef; } .ie7 .info-box.infotool { background: none; } .info-box.infotool.grey { border: none; padding: 16px !important; background: #f3f3f3; -webkit-box-shadow: inset 0px 0px 32px #d0d0d0; -moz-box-shadow: inset 0px 0px 32px #d0d0d0; box-shadow: inset 0px 0px 32px #d0d0d0; height: auto; } .ie7 .info-box.infotool.grey { background: none; } .ie9 .info-box.infotool.grey { filter: none; } .info-box.infotool h2 span { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; display: inline-block; font-size: 1em; } .ie7 .info-box.infotool h2 span { display: inline; zoom: 1; } .info-box.infotool p { line-height: 1.28571428571429em; /* 18/14 */ } .info-box.infotool a { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; } .info-box.infotool a:hover { text-decoration: underline; } .info-box.infofool { border: none; padding: 0; background: #f3f8ff; -webkit-box-shadow: inset 0px 0px 32px #dde6ef; -moz-box-shadow: inset 0px 0px 32px #dde6ef; box-shadow: inset 0px 0px 32px #dde6ef; height: 135px; max-width: 226px; overflow: hidden; } .ie7 .info-box.infofool { background: none; } .info-box.infofool.grey { border: none; padding: 0; background: #f3f3f3; -webkit-box-shadow: inset 0px 0px 32px #d0d0d0; -moz-box-shadow: inset 0px 0px 32px #d0d0d0; box-shadow: inset 0px 0px 32px #d0d0d0; height: 135px; } .ie7 .info-box.infofool.grey { background: none; } .ie9 .info-box.infofool.grey { filter: none; } .info-box.infofool h2 span { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; display: inline-block; font-size: 1em; } .ie7 .info-box.infofool h2 span { display: inline; zoom: 1; } .info-box.infofool p { line-height: 1.28571428571429em; /* 18/14 */ } .info-box.infofool a { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; } .info-box.infofool a:hover { text-decoration: underline; } .info-box.infofool img { width: 100%; } .info-box.infofool h2 { position: absolute; top: 16px; left: 16px; margin-top: 0; } .info-box.infofool p { position: absolute; top: 46px; left: 16px; margin-top: 0; } .info-box.pic-wrap h2 { font-size: 1.57142857142857em; /* 22/14 */ margin-bottom: 0.18181818181818em; /* 4/22 */ } .info-box.infotool h2 { font-size: 1.57142857142857em; /* 22/14 */ margin-bottom: 0.18181818181818em; /* 4/22 */ } .info-box.pic-wrap p { font-size: 1em; /* 12/14 */ line-height: 1.25em; /* 15/12 */ } #landing_subpromos, #subpage_subpromos, #tertiary_subpromos, #business_subpromos { text-align: center; } #landing_subpromos .promo-left, #landing_subpromos .promo-right, #subpage_subpromos .promo-left, #subpage_subpromos .promo-right, #tertiary_subpromo .promo-left, #business_subpromos .promo-right, #business_subpromos .promo-left { background: #f3f3f3; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.2); -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 16px 0; padding: 16px; text-align: left; } .ie7 #landing_subpromos .promo-left, .ie7 #landing_subpromos .promo-right, .ie7 #subpage_subpromos .promo-left, .ie7 #subpage_subpromos .promo-right, .ie7 #tertiary_subpromo .promo-left, .ie7 #business_subpromos .promo-right, .ie7 #business_subpromos .promo-left { behavior: url(/wp-content/themes/GCI2012/library/css/boxsizing.htc); } #landing_subpromos img, #subpage_subpromos img, #tertiary_subpromo img, #business_subpromos img { display: none; } #landing_subpromos h2, #subpage_subpromos h2, #tertiary_subpromo h2, #business_subpromos h2 { margin-top: 0; line-height: 1.09090909090909em; /* 24/22 */ margin-bottom: 0.18181818181818em; /* 4/22 */ } #landing_subpromos h3, #subpage_subpromos h3, #tertiary_subpromo h3, #business_subpromos h3 { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14285714285714em; /* 16/14 */ margin-top: 0; margin-bottom: 0.125em; /* 2/16 */ line-height: 1.25em; /* 20/16 */ } #landing_subpromos h2 + p, #subpage_subpromos h2 + p, #secondary_promos h2 + p, #tertiary_subpromo h2 + p, #business_subpromos h2 + p { margin-top: 1em; } #landing_subpromos p, #subpage_subpromos p, #secondary_promos p, #tertiary_subpromo p, #business_subpromos p { font-size: 0.85714285714286em; /* 12/14 */ line-height: 1.25em; /* 15/12 */ } #landing_subpromos a, #subpage_subpromos a, #tertiary_subpromo a, #business_subpromos a { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; } #landing_subpromos a, #tertiary_subpromo a { text-decoration: none; } #landing_subpromos a:hover, #subpage_subpromos a:hover, #tertiary_subpromo a:hover, #business_subpromos a:hover { text-decoration: underline; } #landing_subpromos a.button:hover, #tertiary_subpromo a.button:hover { text-decoration: none; } #business_subpromos { text-align: left; margin-top: 32px; background: url(../images/bg_commercial_subpromos.jpg) center top no-repeat; } #business_subpromos .promo-left, #business_subpromos .promo-right { float: left; width: 350px; position: relative; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0; height: 128px; overflow: hidden; padding: 0; } .ie7 #business_subpromos .promo-left, .ie7 #business_subpromos .promo-right { behavior: url(/wp-content/themes/GCI2012/library/css/boxsizing.htc); } #business_subpromos .promo-left img { float: left; display: block; } #business_subpromos .promo-right img { float: right; display: block; } /*SUPPORT*/ /* Attn: Dan, copy-section rules for the support page, mobile first */ .copy-section.support { border: #bcbcbc solid 1px; margin: 16px 0; text-align: left; vertical-align: top; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.14285714285714em; /* 16/14 */ background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(90%, white), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* IE10+ */ background: linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ } .ie7 .copy-section.support { behavior: url(/wp-content/themes/GCI2012/library/css/boxsizing.htc); } .ie9 .copy-section.support { filter: none; } .copy-section.support h2 { font-size: 1.57142857142857em; /* 22/14 */ margin-bottom: 0.18181818181818em; /* 4/22 */ line-height: 1.36363636363636em; /* 30/22 */ } .copy-section.support a { color: #c31e2d; text-decoration: none; } .copy-section.support a:hover { text-decoration: underline; } .copy-section.support ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -.7em; font-size: 0.85714285714286em; /* 12/14 */ } .ie7 .copy-section.support ul { padding-left: .7em; text-indent: -.7em; } .copy-section.support li { list-style: none; line-height: 1.333333333333333333em; /* 16/12 */ margin-bottom: .5em; /* 6/12 */ } .copy-section.support li:before { content: "\00BB \0020"; color: #c31e2d; } .copy-section.support dl { font-size: 0.85714285714286em; /* 12/14 */ } .copy-section.support dt { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; margin: 0; } .copy-section.support dt, .copy-section.support dd { margin: 0; line-height: 1.333333333333333333em; /* 16/12 */ margin-bottom: .5em; /* 6/12 */ } .copy-section.support dd.update { font-family: "myriad-pro-i4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: italic; } .copy-section.support p { font-size: 0.85714285714286em; /* 12/14 */ line-height: 1.333333333333333333em; /* 16/12 */ margin-bottom: .5em; /* 6/12 */ } #locationSelectorForm { padding: 1em; } .mobile-hide-inline { display: none; } /******** Commercial Custom Styles ***********/ .gci-biz-triad { border: #bdbdbd 1px solid; background: #f3f3f3; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; overflow: hidden; margin: 32px 0; } .gci-biz-triad .gci-biz-triad-1 { margin-bottom: 18px; } .gci-biz-triad .gci-biz-triad-2 { margin-bottom: 18px; } .gci-biz-triad p:last-child { margin-bottom: 0; } .alignright table { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; overflow: hidden; margin-right: 20px; } .alignright table thead th { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; text-transform: none; white-space: normal; line-height: 1.25em; font-size: 1.57143em; line-height: 1.04545em; padding: 8px; color: #fff; background: #eb453c; /* Old browsers */ background: -moz-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb453c), color-stop(100%, #a13a33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eb453c 0%, #a13a33 100%); /* IE10+ */ background: linear-gradient(top, #eb453c 0%, #a13a33 100%); /* W3C */ border-bottom: 2px solid white; } .alignright table thead th.first { text-align: right; border-right: 2px solid white; } .alignright table thead th.last { text-align: left; } .alignright table tbody th { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; background: #555555; color: white; border-right: 2px solid white; border-bottom: 1px solid white; white-space: nowrap; padding: 6px 8px; text-align: right; } .alignright table tbody th strong { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } tr.last .alignright table tbody th { border-bottom: none; } .alignright table tbody td { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; background: #dfdfdf; color: #333; border-bottom: 1px solid #bdbdbd; padding: 6px 8px; line-height: 1.28571em; } .alignright table tbody td strong { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } tr.last .alignright table tbody td { border-bottom: none; } .alignright table tbody td p { margin-bottom: 0; } dl.accordion { border-bottom: #d6d6d6 1px solid; margin: 32px 0; } dl.accordion dt { padding: 8px 0 8px 20px; font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; color: #c31e2d; font-size: 1.28571em; border-top: #d6d6d6 1px solid; background: url("/content/themes/GCI2013/library/images/business/arrow-closed.png") left center no-repeat; cursor: pointer; } dl.accordion dt.two-story { font-size: 1.57143em; } dl.accordion dt.two-story strong { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; font-size: 0.63636em; color: #555555; display: block; line-height: 1.57143em; vertical-align: top; } dl.accordion dt.open { background: url("/content/themes/GCI2013/library/images/business/arrow-open.png") left center no-repeat; } dl.accordion dd { margin: 0; padding: 0 0 12px 20px; display: none; } dl.accordion dd figure { opacity: 0; background: #888888; color: white; width: 256px; } dl.accordion dd figure a { color: #888888; text-decoration: none; } dl.accordion dd figcaption { padding: 6px 28px 6px 6px; font-size: 1.14286em; line-height: 1.125em; font-style: normal; display: block; } dl.accordion dd figcaption a { font-size: 0.75em; line-height: 1.16667em; display: inline-block; *display: inline; zoom: 1; color: #e7e7e7; border-bottom: 1px solid #cecece; } dl.accordion dd figcaption a:hover { color: white; border-bottom: 1px solid #f4f4f4; } dl.accordion dd img { opacity: 0; display: block; width: 250px; height: auto; } body.business dl.accordion dd img.alignright, body.business figure dl.accordion dd img { border-right: #888888 6px solid; } dl.accordion dd blockquote { opacity: 0; border-right: #888888 6px solid; background: #343434 url("/content/themes/GCI2013/library/images/business/bg_bq_accordion.png") 14px 25px no-repeat; color: #e7e7e7; width: 194px; padding: 28px; font-size: 1.14286em; line-height: 1.75em; position: relative; } dl.accordion dd blockquote a { color: #e7e7e7; text-decoration: none; border-bottom: 1px solid #818181; } dl.accordion dd blockquote a:hover { color: white; border-bottom: 1px solid #a7a7a7; } dl.accordion dd blockquote cite { font-size: 0.75em; line-height: 1.16667em; font-style: normal; text-align: right; display: block; margin-top: 1em; } dl.accordion dd blockquote cite:before { content: " "; } dl.accordion dd blockquote p { margin: 0; } dl.accordion dd.open img, dl.accordion dd.open blockquote, dl.accordion dd.open figure { opacity: 1; -webkit-transition: opacity 0.3s ease 0.6s; -moz-transition: opacity 0.3s ease 0.6s; -o-transition: opacity 0.3s ease 0.6s; transition: opacity 0.3s ease 0.6s; } /* END Commercial Custom Styles */ /******** ALERTS AND NOTIFICATIONS ***********/ .gci_info, .gci_success, .gci_warning, .gci_error, .gci_validation { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .gci_info { color: #00529B; background-color: #BDE5F8; background-image: url("../images/notify_info.png"); } .gci_warning { color: #9F6000; background-color: #FEEFB3; background-image: url("../images/notify_warning.png"); } .gci_success { color: #4F8A10; background-color: #DFF2BF; background-image: url("../images/notify_success.png"); } .gci_error { color: #D8000C; background-color: #FFBABA; background-image: url("../images/notify_error.png"); } .gci_validation { color: #D63301; background-color: #FFCCBA; background-image: url("../images/notify_error.png"); } /* Stylesheet: 481px and Up Stylesheet */ /********************* IMAGE STYLES *********************/ /* at this larger size, we can start to align images */ .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /* Stylesheet: Tablet & Small Desktop Stylesheet */ /* Stylesheet: Header Styles for 768px Windows */ /* Hide toggles in header and footer */ #mobile_header { display: none; } #header { display: block; } a.toggle { display: none; } /* desktop header */ #desktop_header { min-width: 1000px; height: 200px; display: block; position: static; color: #afaeae; background: #353535 url("/content/themes/GCI2013/library/images/bg_desktop_header.gif") left top repeat-x; background: -moz-linear-gradient(top, #353535 0%, #353535 35px, #0d0d0d 42px, #efefef 43px, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(35px, #353535), color-stop(42px, #0d0d0d), color-stop(43px, #efefef), color-stop(100%, #efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #353535 0%, #353535 35px, #0d0d0d 42px, #efefef 43px, #efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #353535 0%, #353535 35px, #0d0d0d 42px, #efefef 43px, #efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #353535 0%, #353535 35px, #0d0d0d 42px, #efefef 43px, #efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #353535 0%, #353535 35px, #0d0d0d 42px, #efefef 43px, #efefef 100%); /* W3C */ } .ie7 #desktop_header { background: #353535 url("/content/themes/GCI2013/library/images/bg_desktop_header.gif") left top repeat-x; } #desktop_header #desktop_header_inner { width: 960px; padding: 0 20px; margin: auto; position: relative; } #desktop_header #desktop_header_inner form#desktop_search { position: absolute; width: 150px; height: 41px; right: 20px; padding: 0; text-align: right; background: #555; border-left: 1px solid #070707; border-right: 1px solid #070707; -webkit-box-shadow: inset 0px 2px 8px 3px rgba(7, 7, 7, 0.25); -moz-box-shadow: inset 0px 2px 8px 3px rgba(7, 7, 7, 0.25); box-shadow: inset 0px 2px 8px 3px rgba(7, 7, 7, 0.25); } #desktop_header #desktop_header_inner form#desktop_search input { -webkit-appearance: none; height: 38px; border: none; padding: 2px 10px; width: 91px; color: #eaeaea; background: none; font-size: 0.92857em; font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; line-height: 38px; } #desktop_header #desktop_header_inner form#desktop_search button { -webkit-appearance: none; background: none; border: none; padding: 7px 6px 8px 6px; } #desktop_header #desktop_header_inner form#desktop_search button img { position: relative; top: 5px; } #desktop_header #desktop_header_inner #desktop_nav { position: static; width: 960px; height: 200px; } #desktop_header #desktop_header_inner #desktop_nav ul.nav { margin: 0; padding: 0; list-style: none; } #desktop_header #desktop_header_inner #desktop_nav ul.nav li { margin: 0; padding: 0; list-style: none; } #desktop_header #desktop_header_inner #desktop_nav ul.nav li a { text-decoration: none; color: #afaeae; } #desktop_header #desktop_header_inner #desktop_nav ul.super-nav { float: left; text-shadow: none; height: 42px; font-size: 0.85714em; line-height: 3.5em; border-left: 1px solid #121212; overflow: hidden; font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; } #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li { float: left; line-height: 3.5em; padding: 0 1em; border-left: 1px solid #7e7e7e; border-right: 1px solid #121212; } #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li a:hover { text-decoration: underline; } #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li.my-location .preface, #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li.my-location .change { display: inline-block; vertical-align: top; padding-right: 2px; } .ie7 #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li.my-location .preface, .ie7 #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li.my-location .change { display: inline; zoom: 1; } #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li.my-location span.locationName { display: inline-block; vertical-align: top; max-width: 96px; padding-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .ie7 #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li.my-location span.locationName { display: inline; zoom: 1; } #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li.my-location a { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; text-decoration: underline; } #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li.my-location a:hover { color: #eb5968; } #desktop_header #desktop_header_inner #desktop_nav ul.super-nav li.menu-item.last { border-right: none; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav { left: 0; top: 154px; height: 46px; width: 960px; line-height: 46px; overflow: hidden; position: absolute; font-size: 1.28571em; padding: 0; -webkit-border-top-right-radius: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-topleft: 9px; border-top-right-radius: 9px; border-top-left-radius: 9px; background: #494949 url("/content/themes/GCI2013/library/images/bg_desktop_main-nav.gif") left top repeat-x; background: -moz-linear-gradient(top, #494949 28%, black 62%, #010101 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(28%, #494949), color-stop(62%, black), color-stop(100%, #010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #494949 28%, black 62%, #010101 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #494949 28%, black 62%, #010101 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #494949 28%, black 62%, #010101 100%); /* IE10+ */ background: linear-gradient(top, #494949 28%, black 62%, #010101 100%); /* W3C */ font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; } .ie7 #desktop_header #desktop_header_inner #desktop_nav ul.main-nav { background: #494949 url("/content/themes/GCI2013/library/images/bg_desktop_main-nav.gif") left top repeat-x; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li { float: left; line-height: 46px; height: 46px; padding: 0; border-right: 1px solid #000; border-left: 1px solid #424242; text-align: center; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li a { display: block; height: 46px; margin: 0 -1px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li a.current-menu-item { background: url("/content/themes/GCI2013/library/images/nav_current_main.gif") center bottom no-repeat; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.first { border-left: none; -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; border-top-left-radius: 9px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.first img { top: 0; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.last { border-right: none; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px; border-top-right-radius: 9px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li:hover, #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.current-menu-item { background: #010101 url("/content/themes/GCI2013/library/images/bg_desktop_main-nav_hover.gif") left top repeat-x; background: -moz-linear-gradient(top, #010101 0%, black 63%, #494949 95%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #010101), color-stop(63%, black), color-stop(82%, #494949)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #010101 0%, black 63%, #494949 95%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #010101 0%, black 63%, #494949 95%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #010101 0%, black 63%, #494949 95%); /* IE10+ */ background: linear-gradient(top, #010101 0%, black 63%, #494949 95%); /* W3C */ } .ie7 #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li:hover, .ie7 #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.current-menu-item { background: #010101 url("/content/themes/GCI2013/library/images/bg_desktop_main-nav_hover.gif") left top repeat-x; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.home { display: block; width: 82px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.packages { width: 185px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.wireless { width: 181px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.internet { width: 179px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.video { width: 159px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.phone { width: 163px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav li.for-business { width: 230px; border-right: none; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; background: white url("/content/themes/GCI2013/library/images/bg_desktop_main-nav-biz.gif") left top repeat-x; background: -moz-linear-gradient(top, white 28%, #e6e6e6 62%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(28%, white), color-stop(62%, #e6e6e6), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 28%, #e6e6e6 62%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 28%, #e6e6e6 62%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 28%, #e6e6e6 62%, white 100%); /* IE10+ */ background: linear-gradient(top, white 28%, #e6e6e6 62%, white 100%); /* W3C */ font-size: 1.5em; letter-spacing: 1px; } .ie7 #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business { background: white url("/content/themes/GCI2013/library/images/bg_desktop_main-nav-biz.gif") left top repeat-x; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li { height: 46px; padding: 0; border-right: 1px solid #bdbdbd; border-left: 1px solid #ffffff; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li a { color: #333333; height: 46px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li a.current-menu-item { background: url("/content/themes/GCI2013/library/images/nav_current_main_biz.gif") center bottom no-repeat; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.first { border-left: none; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.first img { top: 5px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.first img .ie7 { padding-top: 0 !important; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.last { border-right: none; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li:hover, #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.current-menu-item { background: #bfbfbf url("/content/themes/GCI2013/library/images/bg_desktop_main-nav-biz_hover.gif") left top repeat-x; background: -moz-linear-gradient(top, #bfbfbf 0%, #dddddd 20%, #d4d4d4 63%, white 95%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfbfbf), color-stop(5%, #dddddd), color-stop(63%, #d4d4d4), color-stop(82%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfbfbf 0%, #dddddd 20%, #d4d4d4 63%, white 95%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfbfbf 0%, #dddddd 20%, #d4d4d4 63%, white 95%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bfbfbf 0%, #dddddd 20%, #d4d4d4 63%, white 95%); /* IE10+ */ background: linear-gradient(top, #bfbfbf 0%, #dddddd 20%, #d4d4d4 63%, white 95%); /* W3C */ } .ie7 #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li:hover, .ie7 #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.current-menu-item { background: #bfbfbf url("/content/themes/GCI2013/library/images/bg_desktop_main-nav-biz_hover.gif") left top repeat-x; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.home { width: 84px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.products { width: 174px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.services { width: 167px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.solutions { width: 178px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.industries { width: 183px; } #desktop_header #desktop_header_inner #desktop_nav ul.main-nav.business li.contact { width: 164px; } #desktop_header #desktop_header_inner #desktop_branding { clear: both; position: relative; width: 100%; height: 112px; } #desktop_header #desktop_header_inner #desktop_branding #desktop_logo { float: left; display: static; vertical-align: middle; width: 106px; height: 80px; padding-top: 16px; } #desktop_header #desktop_header_inner #desktop_branding span.tagline { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; font-size: 1.35714em; position: relative; top: 72px; left: 16px; color: #4a4a4a; } .ie7 #desktop_header #desktop_header_inner #desktop_branding span.tagline { top: 60px; } #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher { width: 60%; float: right; padding-top: 30px; height: 82px; text-align: right; font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; font-size: 2.14286em; line-height: 1.73333em; color: #7a7a7a; } .ie7 #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher { margin-top: -35px; } #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher a { text-decoration: none; color: #7a7a7a; display: inline-block; } .ie6 #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher a, .ie7 #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher a { display: inline; zoom: 1; } #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher a:hover { color: #c31e2d; } #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher a.current-menu-item { color: #c31e2d; background: url("/content/themes/GCI2013/library/images/nav_current_res_switcher.gif") center bottom no-repeat; } #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher .switch-sep { color: #efefef; width: 1px; border-left: 1px #a7a7a7 solid; display: inline-block; padding: 0 .25em 0 0; margin: 0 0 0 .25em; } .ie6 #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher .switch-sep, .ie7 #desktop_header #desktop_header_inner #desktop_branding .gci_resbiz_switcher .switch-sep { display: inline; zoom: 1; } #desktop_header #desktop_header_inner #desktop_branding .my-location { width: 60%; float: right; height: 112px; text-align: right; padding-top: 25px; } #desktop_header #desktop_header_inner #desktop_branding .my-location .preface { font-size: 0.78571em; display: block; font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; } #desktop_header #desktop_header_inner #desktop_branding .my-location .change { display: block; font-size: 0.78571em; font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; } #header_responsive { z-index: 6; } .location_picker { position: relative; margin: auto; width: 960px; color: #fff; clear: both; z-index: 11; text-shadow: none; background: #c31e2d; padding: 14px 0 21px 0; -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; -webkit-box-shadow: 0px 3px 0px #940113, 0px 9px 9px -3px rgba(7, 7, 7, 0.25); -moz-box-shadow: 0px 3px 0px #940113, 0px 9px 9px -3px rgba(7, 7, 7, 0.25); box-shadow: 0px 3px 0px #940113, 0px 9px 9px -3px rgba(7, 7, 7, 0.25); background-color: #c31e2d; background-image: -webkit-gradient(linear, left top, left bottom, from(#dc1b2f), to(#c31e2d)); background-image: -webkit-linear-gradient(top, #dc1b2f, #c31e2d); background-image: -moz-linear-gradient(top, #dc1b2f, #c31e2d); background-image: -o-linear-gradient(top, #dc1b2f, #c31e2d); background-image: -ms-linear-gradient(top, #dc1b2f, #c31e2d); background-image: linear-gradient(top, #dc1b2f, #c31e2d); } .location_picker h3 { padding: 0 20px; margin-top: 0; font-size: 1.57143em; line-height: 1.90909em; color: white; font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } .location_picker h3 strong { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; } .location_picker p { padding: 0 20px; } .location_picker form { padding: 0 20px; font-size: 1.07143em; } .location_picker form select { text-shadow: none; color: #353535; } /* Alternatives / Bug Fixes for IE */ .ie7 { /* Responsive main nav width adjustments for IE7 which doesn't show borders correctly */ /* Button tweaks */ /* Location picker tweaks - fixes z-index bug */ /* Location picker tweaks - fixes z-index bug */ } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li { border: none; height: 46px; padding: 0; } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li a { margin: 0; } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li.home { width: 84px; } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li.home img { display: block; } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li.packages { width: 186px; } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li.wireless { width: 183px; } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li.internet { width: 181px; } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li.video { width: 161px; } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li.phone { width: 165px; } .ie7 #desktop_header #desktop_header_inner #desktop_nav #desktop_nav_inner ul.main-nav li.for-business { width: 231px; } .ie7 #desktop_header #desktop_header_inner form#desktop_search { padding: 0; } .ie7 #desktop_header #desktop_header_inner form#desktop_search button { padding-right: 0; } .ie7 #desktop_header #desktop_header_inner form#desktop_search button img { top: 3px; } .ie7 #desktop_header #desktop_header_inner #location_Picker_Desktop { zoom: 1; } .ie7 #desktop_header #desktop_header_inner #desktop_branding span.tagline { display: inline; zoom: 1; } .lt-ie9 { /* A little extra style love for browsers that don't support box-shadows */ } .lt-ie9 #desktop_header #desktop_header_inner #location_Picker_Desktop { border: 2px solid #940113; border-top: 2px solid #dc1b2f; } .lt-ie10 { /* A little extra style love for browsers that don't support box-shadows */ } .lt-ie10 #desktop_header #desktop_header_inner #location_Picker_Desktop { border-top: 2px solid #dc1b2f; } .ie { /* Lighter weight main nav font */ } .ie #desktop_header #desktop_header_inner #desktop_nav ul.main-nav { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } .ie #desktop_header #desktop_header_inner #desktop_nav ul.business.main-nav { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; } .ie #desktop_header #desktop_header_inner #location_Picker_Desktop h3 { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; } .ie #desktop_header #desktop_header_inner #location_Picker_Desktop h3 strong { font-family: "myriad-pro-n4", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 400; font-style: normal; } /* end :: Alternatives / Bug Fixes for IE */ /* Super navigation - #super-navigation styles can go away once the transition to the responsive header is complete */ div#super-navigation { text-shadow: none; color: #eaeaea; padding: 0 14px; font-size: 0.85714285714286em; /* 12/14 */ line-height: 2.66666666666667em; /* 32/12 */ background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(57%, #353535), color-stop(100%, #0d0d0d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* IE10+ */ background: linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-8 */ margin-top: 120px; } ul#super-menu li, div#super-navigation div.my-location { line-height: 2.66667em; padding: 0 1em; /* 12/12 */ } ul#super-menu li.current-menu-item { background: #eb453c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMzIyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjAwMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eb453c 0%, #cc3228 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb453c), color-stop(100%, #cc3228)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #eb453c 0%, #cc3228 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #eb453c 0%, #cc3228 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eb453c 0%, #cc3228 100%); /* IE10+ */ background: linear-gradient(top, #eb453c 0%, #cc3228 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb453c', endColorstr='#cc3228',GradientType=0 ); /* IE6-8 */ } .ie9 ul#super-menu li.current-menu-item { filter: none; } ul#super-menu li:last-child, ul#super-menu li.slvzr-last-child, ul#super-menu li.last { border-right: none; } ul#super-menu a, div#super-navigation div.my-location a { color: #eaeaea; text-decoration: none; display: inline-block; } ul#super-menu li.current-menu-item > a { background: url("//static.gci.com/corporate/images/nav_current_super.png") center bottom no-repeat; } .ie7 ul#super-menu a, div#super-navigation div.my-location a { display: inline; zoom: 1; } ul#super-menu a:hover { text-decoration: underline; } div#super-navigation div.my-location a { text-decoration: underline; } div#super-navigation div.my-location a:hover { color: #e81212; } /* end orig. base styles */ div#super-navigation { padding: 0; min-width: 1000px; margin: 0 auto; display: block; position: relative; top: 0; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } div#super-navigation div#super-nav_inner { padding: 0 20px; width: 960px; margin: auto; background: #353535; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iIzM1MzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(57%, #353535), color-stop(100%, #0d0d0d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* IE10+ */ background: linear-gradient(top, #353535 0%, #353535 57%, #0d0d0d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353535', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-8 */ } ul#super-menu { text-align: right; border-right: 1px solid #7e7e7e; } ul#super-menu li, div#super-navigation div.my-location { display: inline-block; border-left: 1px solid #7e7e7e; } .ie7 ul#super-menu li, div#super-navigation div.my-location { display: inline; zoom: 1; } ul#super-menu li.current-menu-item { border-left: 1px solid #d6372c; } div#super-navigation div.my-location { border-right: 1px solid #7e7e7e; float: left; text-align: left; padding-left: 1em; /* 12/12 */ } /* header layout */ #header { padding: 0; min-width: 1000px; } div#header-inner { width: 960px; padding: 0 20px; margin: auto; background: #efefef; } #branding { position: relative; width: 346px; clear: none; top: 0; } #branding #logo { position: static; } #branding span.tagline { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; display: inline-block; } #header .search-form { display: block; margin-top: 3.07142857142857em; /* 43/14 */ float: right; position: static; height: auto; } #header .search-form button { width: 44px; } #header .search-form button img { bottom: -2px; } /* main navigation */ /* Search form */ .search-form input { width: 265px; } /* Sub-navigation */ div.sub-navigation { margin: 0 auto 16px; width: 960px; } div.sub-navigation ul#sub-menu { white-space: nowrap; } div.sub-navigation ul#sub-menu li { display: inline-block; vertical-align: baseline; } div.sub-navigation ul#sub-menu li ul { padding: 0 0 0 16px; display: inline-block; vertical-align: baseline; line-height: 2.375em; } div.sub-navigation ul#sub-menu li ul li { display: inline-block; border-left: 1px solid #a8a8a8; padding: 0 16px; vertical-align: baseline; line-height: 2.375em; } div.sub-navigation ul#sub-menu li ul li a { display: inline; line-height: 2.875em; vertical-align: baseline; } div.sub-navigation ul#sub-menu li ul li:after { content: none; } div.sub-navigation ul#sub-menu li ul li.current-menu-item a, div.sub-navigation ul#sub-menu li ul li.current-menu-parent a, div.sub-navigation ul#sub-menu li ul li.current-menu-ancestor a { background: url("//static.gci.com/corporate/images/nav_current_sub.png") center bottom no-repeat; vertical-align: baseline; color: #c31e2d; } .ie7 div.sub-navigation ul#sub-menu li, .ie7 div.sub-navigation ul#sub-menu ul { display: inline; zoom: 1; } /* footer */ #footer { padding: 0; min-width: 1000px; } #footer div.footer-navigation { width: 960px; padding: 0 20px; margin: auto; background: #ededed; } #footer div.sosume { width: 960px; margin: auto; background: #ededed; } #footer div.footer-navigation { background: #ededed url("//static.gci.com/corporate/images/bg_footer_navigation.png") left top no-repeat; } ul#footer-menu { font-size: 1em; line-height: 1.57142857142857; /* 22/14 */ } ul#footer-menu > li { float: left; width: 134px; padding: 16px 32px 32px 0; } ul#footer-menu > li > ul > li { font-size: 0.85714285714286em; /* 12/14 */ display: block; } ul#footer-menu li.last { width: 122px; padding-right: 0; float: right; clear: right; } ul#footer-menu li.for-business { padding-bottom: 0; line-height: 1.28571428571429em; /* 18/14 */ margin-bottom: -2px; } #footer div.sosume { text-align: right; font-size: 0.85714285714286em; /* 12/14 */ line-height: 2.66666666666667em; /* 32/12 */ } #footer div.sosume a { display: inline; text-decoration: none; } #footer div.sosume a:hover { text-decoration: underline; } #footer div.sosume p { float: right; } #footer div.sosume p.social { float: left; width: 25%; text-align: left; } #footer span.sep { display: inline; } /* Commercial Section 2013 - Should render all previous ".business" styles obsolete. */ body.business #footer { background: #343434; padding-bottom: 72px; } body.business #footer div.footer-navigation { background: #343434; } body.business #footer div.footer-navigation ul#footer-menu { padding-top: 20px; margin-bottom: 20px; overflow: hidden; text-align: justify; } body.business #footer div.footer-navigation ul#footer-menu > li { float: none; display: inline; padding: 0 0 0 18px; margin: 0 0 0 18px; border-left: 1px solid #777777; line-height: 21px; width: auto; } body.business #footer div.footer-navigation ul#footer-menu > li:first-child { padding-left: 0; margin-left: 0; border-left: none; } body.business #footer div.footer-navigation ul#footer-menu > li:last-child { padding-right: 0; } body.business #footer div.sosume { background: #343434; border-top: 1px solid #777777; } /* Style adjustments for viewports 768px and over go here */ #container { width: 960px; margin: auto; } /* Billboard */ #billboard, #bizboard { display: block; margin-bottom: 32px; height: 274px; overflow: hidden; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; } #billboard .billboard-item, #bizboard .billboard-item { width: 100%; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; background: #f3f3f3; } #billboard .billboard-item img, #bizboard .billboard-item img { max-width: 100%; width: auto; height: auto; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; } #billboard .billboard-item.home, #bizboard .billboard-item.home { height: 336px; } #billboard .billboard-item.landing, #bizboard .billboard-item.landing { height: 274px; } #billboard .gci-pager-wrap, #bizboard .gci-pager-wrap { display: block; width: 960px; text-align: center; position: absolute; bottom: 6px; z-index: 100; height: 19px; } #billboard .gci-pager-wrap .gci-pager, #bizboard .gci-pager-wrap .gci-pager { display: inline-block; line-height: 11px; height: 11px; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #888888; background: rgba(0, 0, 0, 0.35); padding: 4px; } .ie7 #billboard .gci-pager-wrap .gci-pager, .ie7 #bizboard .gci-pager-wrap .gci-pager { display: inline; zoom: 1; } #billboard .gci-pager-wrap .gci-pager a, #bizboard .gci-pager-wrap .gci-pager a { color: white; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; text-decoration: none; vertical-align: top; display: inline-block; font-size: 2px; line-height: 11px; height: 11px; width: 11px; background: white; margin: 0 3px; } .ie7 #billboard .gci-pager-wrap .gci-pager a, .ie7 #bizboard .gci-pager-wrap .gci-pager a { display: inline; zoom: 1; } #billboard .gci-pager-wrap .gci-pager a.activeSlide, #bizboard .gci-pager-wrap .gci-pager a.activeSlide { background: #c31e2d; color: #c31e2d; } #billboard.special, .billboard-item.special, .billboard-item.special img { height: 367px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } /* Main search */ #main .search-form { padding: 14px 16px; background: #f3f3f3; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } #main .search-form input { width: 412px; } /* Sidebar search */ #sidebar .search-form { margin: 16px 0; overflow: hidden; } #sidebar .search-form input { width: 136px; } /* Secondary navigation */ #secondary-navigation { margin-top: 0; } body.business #secondary-navigation { margin-bottom: 20px; } /* Promo items */ #super-promos { text-align: left; margin: 0; } #super-promos .info-box { margin: 0 16px 0 0; } #main-promos { text-align: left; margin: 16px 0 0 0; } .ie7 #landing-promos { overflow: hidden; } #main-promos .info-box { margin: 0 16px 0 0; /* height: 17em; */ /* Set equal heights dynamically using jQuery */ } #landing-promos .info-box { margin: 0 16px 0 0; } #wireless-promos { text-align: left; margin: 16px 0 0 0; } #wireless-promos .info-box { margin: 0 16px 0 0; height: 300px; min-height: 300px; } .ie7 #wireless-promos { height: 300px; } #super-promos .info-box.first, #main-promos .info-box.first { clear: left; } #super-promos .info-box.last, #main-promos .info-box.last, #wireless-promos .info-box.last, #landing-promos .info-box.last { margin-right: 0; } .info-box { float: left; width: 228px; } .ie7 .info-box { width: 196px; display: inline; zoom: 1; } #super-promos .info-box { height: 300px; } #super-promos .info-box .ie8 { min-height: 298px; } #super-promos .info-box.pic-wrap.support { min-height: 334px; position: relative; padding-bottom: 66px; } .ie8 #super-promos .info-box.pic-wrap.support, .ie7 #super-promos .info-box.pic-wrap.support { min-height: 265px; filter: none; background: #f3f3f3; } #super-promos .info-box.pic-wrap.support .with-pic { position: static; } #super-promos .info-box.pic-wrap.support a.button.block { position: absolute; bottom: 4px; left: 16px; width: 174px; } .info-box.pic-wrap { min-height: 21em; height: 22em; padding: 0; } .ie7 .info-box.pic-wrap { width: 228px; } .info-box.pic-wrap .with-pic { padding: 152px 16px 16px; background: url("//static.gci.com/corporate/images/bg_info-box-example.jpg") center -5px no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .info-box.biggie { width: 716px; height: 300px; } .ie7 .info-box.biggie { width: 716px; } .info-box.biggie img.biggie { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .info-box.biggie .with-pic { padding: 72px 16px 16px 308px; height: 212px; } .info-box.biggie a.button.block { width: 174px; margin-left: 0; } .info-box.biggie h2 { font-size: 2.14285714285714em; /* 30/14 */ margin-bottom: 0.06666666666667em; /* 2/30 */ } .info-box.biggie p { width: 66%; } .info-box.biggie .withpic img { display: block; margin-bottom: -5px; } .info-box.biggie.iphone4s .with-pic { background: url("//static.gci.com/corporate/images/bg_biggie_iphone4s.jpg") left bottom no-repeat; } .info-box.pic-wrap.smtphnplans .with-pic { background: url("//static.gci.com/corporate/images/picpromo_bg_smartphone.jpg") center -5px no-repeat; } .info-box.pic-wrap.ttplans .with-pic { background: url("//static.gci.com/corporate/images/picpromo_bg_talkandtext.jpg") center -5px no-repeat; } .info-box.pic-wrap.two .with-pic { background: url("//static.gci.com/corporate/images/picpromo_bg_mobilebroadband.jpg") center -5px no-repeat; } .info-box.pic-wrap.three .with-pic { background: url("//static.gci.com/corporate/images/picpromo_bg_payasyougo.jpg") center -5px no-repeat; } .info-box.pic-wrap.four .with-pic { background: url("//static.gci.com/corporate/images/picpromo_bg_lifeline.jpg") center -5px no-repeat; } .info-box.pic-wrap.wireless .with-pic { background: url("//static.gci.com/corporate/images/picpromo_bg_support-wireless.jpg") center -5px no-repeat; } .info-box.pic-wrap.internet .with-pic { background: url("//static.gci.com/corporate/images/picpromo_bg_support-internet.jpg") center -5px no-repeat; } .info-box.pic-wrap.video .with-pic { background: url("//static.gci.com/corporate/images/picpromo_bg_support-video.jpg") center -5px no-repeat; } .info-box.pic-wrap.phone .with-pic { background: url("//static.gci.com/corporate/images/picpromo_bg_support-phone.jpg") center -5px no-repeat; } .info-box.quarter-width-pic { width: 228px; height: 300px; float:right; overflow: hidden; } .ie7 .info-box.quarter-width-pic { width: 228px; } .info-box.three-quarter-width-pic { width: 716px; height: 300px; } .ie7 .info-box.three-quarter-width-pic { width: 716px; } .info-box.three-quarter-width-pic img.three-quarter-width-pic { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .info-box.full-width-pic { width: 962px; height: 300px; } .ie7 .info-box.full-width-pic { width: 962px; } .info-box.full-width-pic img.full-width-pic { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } div.landing.main-promos .info-box { margin: 0 16px 0 0; background: none; padding: 0; border: none; height: auto; min-height: 140px; filter: none; } .ie7 div.landing.main-promos .info-box { width: 228px; } .info-box.infotool { height: 140px; } .ie7 body.landing #main-promos .info-box { background: none; filter: none; } #landing_subpromos { text-align: left; margin-top: 32px; background: url("//static.gci.com/corporate/images/bg_landing_subpromos.gif") center top no-repeat; height: 128px; overflow: hidden; } #landing_subpromos .promo-left, #landing_subpromos .promo-right, #tertiary_subpromo .promo-left { float: left; width: 480px; position: relative; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0; height: 128px; } .ie7 #landing_subpromos .promo-left, .ie7 #landing_subpromos .promo-right, .ie7 #tertiary_subpromo .promo-left { width: 448px; } #landing_subpromos .promo-left, #tertiary_subpromo .promo-left { padding-left: 134px; } #landing_subpromos .promo-right { padding-right: 228px; } .ie7 #landing_subpromos .promo-right { float: right; } #landing_subpromos .promo-left img { position: absolute; left: 20px; bottom: 0; display: block; } #tertiary_subpromo .promo-left img { position: absolute; left: 0; bottom: 0; display: block; } #landing_subpromos .promo-left h2, #tertiary_subpromo .promo-left h2 { float: left; width: 108px; margin-right: 12px; } #landing_subpromos .promo-left h3, #tertiary_subpromo .promo-left h3 { clear: left; float: left; width: 108px; margin-right: 12px; } #landing_subpromos .promo-right img { position: absolute; right: 0; top: 0; display: block; } #subpage_subpromos { text-align: left; margin-top: 32px; background: url("//static.gci.com/corporate/images/bg_subpage_subpromos.png") center top no-repeat; } #tertiary_subpromo { text-align: left; margin-top: 32px; background: url("//static.gci.com/corporate/images/bg_tertiary_subpromo.jpg") left top no-repeat; } #subpage_subpromos .promo-left, #subpage_subpromos .promo-right { float: left; width: 480px; position: relative; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0; } .ie7 #subpage_subpromos .promo-left, .ie7 #subpage_subpromos .promo-right { width: 448px; } #subpage_subpromos .promo-left img, #subpage_subpromos .promo-right img { float: left; display: block; padding-right: 16px; margin-top: -12px; } #secondary_promos { clear: both; background: url("//static.gci.com/corporate/images/bg_secondary_promos.png") center top no-repeat; padding-top: 16px; margin-top: 32px; } #secondary_promos .info-box { background: none; border: none; display: inline-block; filter: none; height: auto; padding: 0 16px 0 0; margin-bottom: 16px; min-height: 0; vertical-align: top; width: 350px; } .ie7 #secondary_promos .info-box { behavior: url(/wp-content/themes/GCI2012/library/css/boxsizing.htc); } /* SUPPORT */ #copy-sections { background: url("//static.gci.com/corporate/images/bg_copy-sections.png") center top no-repeat; margin-top: 16px; padding-top: 32px; } .copy-section.support { margin: 0 16px 0 0; float: left; width: 228px; min-height: 240px; background: none; padding: 0 8px 0 16px; border: none; height: auto; min-height: 140px; filter: none; } .copy-section.support:last-child, .copy-section.support.slvzr-last-child { margin-right: 0; } .copy-section.support.last { margin-right: 0; } .ie7 .copy-section.support { display: inline; zoom: 1; } /* compare modules */ .mcompare { text-align: justify; } .mcompare .comparemodule { float: left; } .modules2 { margin-right: -1px; } .modules2 .comparemodule { width: 49.5%; margin: 0 1px 0 0; } .modules3 { margin-right: -1px; } .modules3 .comparemodule { width: 33%; margin: 0 1px 0 0; } .modules4 { margin-right: -1px; } .modules4 .comparemodule { width: 24.5%; margin: 0 1px 0 0; } .modules5 { margin-right: -1px; } .modules5 .comparemodule { width: 19.5%; margin: 0 1px 0 0; } .modules6 { margin-right: -1px; } .modules6 .comparemodule { width: 16.25%; margin: 0 1px 0 0; } .mcompare .featured { margin-top: -0.5em; margin-bottom: 0; z-index: 6; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ccc; } /* sidebar, secondary, and tertiary pages */ body.sidebar #main, body.secondary #main, body.tertiary #main { float: right; width: 716px; } body.page-template-page-commercial-default-php #main, body.page-template-page-commercial-wide-php #main, body.page-template-page-commercial-hotspot-map-php #main, body.page-template-page-commercial-device-picker-php #main, body.page-template-page-commercial-cloud-finder-php #main, body.page-template-page-commercial-cloud-thanks-php #main { margin-top: 0; padding: 20px; background: white; border: #bdbdbd solid 1px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } body.page-template-page-commercial-default-php #main h1, body.page-template-page-commercial-wide-php #main h1, body.page-template-page-commercial-hotspot-map-php #main h1, body.page-template-page-commercial-device-picker-php #main h1, body.page-template-page-commercial-cloud-finder-php #main h1, body.page-template-page-commercial-cloud-thanks-php #main h1 { margin-top: 6px; } body.page-template-page-commercial-default-php #main, body.page-template-page-commercial-device-picker-php #main, body.page-template-page-commercial-cloud-finder-php #main, body.page-template-page-commercial-cloud-thanks-php #main { width: 676px; } body.page-template-page-commercial-wide-php #main, body.page-template-page-commercial-hotspot-map-php #main { width: auto; } body.sidebar #sidebar, body.secondary #sidebar, body.tertiary #sidebar { float: left; width: 228px; } #main.left { float: left; width: 716px; } #main.right { float: right; width: 716px; } #sidebar.left { clear: none; float: left; width: 228px; } #sidebar.right { clear: none; float: right; width: 228px; margin-top: 72px; } #sidebar .info-box { float: none; display: block; /* height:auto;*/ border: 1px solid #BCBCBC; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } figure.featured-img { float: right; width: 366px; height: 208px; margin: 8px 0 32px 32px; overflow: hidden; position: relative; } figure.featured-img img { position: absolute; bottom: 0; right: 0; } figure.featured-img.iphoneplans { float: right; width: 228px; height: auto; margin: -56px 0 0 32px; } figure.featured-img.iphoneplans img { position: relative; } h1 + .info-box { float: right; margin: 8px 0 32px 32px; } .tertiary #main .info-box.infotool, #main.right .info-box.infotool { float: right; margin: 8px 0 32px 32px; } h2.w-oomph span.desc { display: block; } p.iphone_page_btn { text-align: right; } .ie7 p.iphone_page_btn { text-align: right; margin-top: .64285714285714em; /* 9/14 */ } /* Some structure for table columns widths on the iPhones plan page, not that this is practical, but sometimes I just do as I'm told and hope for the best - Abby */ table.oomph.iphoneplans.voice tbody th { width: 70%; } table.oomph.iphoneplans.voice td.monthly-cost { width: 10%; } table.oomph.iphoneplans.data tbody th { width: 30%; } table.oomph.iphoneplans.data td.monthly-cost.center { width: 20%; } table.oomph.iphoneplans.data td.monthly-cost.right { width: 10%; } table.oomph.iphoneplans.applecare tbody th { width: 70%; } table.oomph.iphoneplans.applecare td.monthly-cost.right { width: 10%; } /* STORE LOCATIONS */ .gci-store-wrapper dl { float: left; margin-right: 16px; } .gci-store-wrapper dd { margin: 8px 0; } .gci-store-wrapper dd.adr { width: 20em; } .gci-store-wrapper dd.hours { width: 12em; } /* Commercial Section 2013 - Should render all previous ".business" styles obsolete. */ body.business { background: #d6d6d6; /* Special treatment of in-content elements like images, blockquotes and tables */ } body.business div.sub-navigation { margin: 0 0 42px; } body.business div.sub-navigation ul#sub-menu li ul li { padding: 0 12px; } body.business div.sub-navigation ul#sub-menu li ul li a { color: #333333; } body.business div.sub-navigation ul#sub-menu li ul li.current-menu-item a, body.business div.sub-navigation ul#sub-menu li ul li.current-menu-ancestor a { color: #c31e2d; } body.business #container { padding-top: 42px; } body.business #container #billboard { height: 336px; } body.business #container #billboard .billboard-item { background: none; } body.business #container #billboard .billboard-item img { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomleft: 9px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; } body.business #container #bizboard { height: 336px; } body.business #container #bizboard .gci-slides { float: left; width: 732px; height: 336px; } body.business #container #bizboard .billboard-item { background: none; } body.business #container #bizboard .billboard-item a { display: block; text-decoration: none; } body.business #container #bizboard .billboard-item img { display: block; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomleft: 9px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; } body.business #container #bizboard ul#slidenav { list-style: none; float: left; padding: 0; margin: 0; overflow: hidden; width: 228px; } body.business #container #bizboard ul#slidenav li { display: block; list-style: none; height: 68px; padding: 16px 48px 0 22px; width: 158px; margin: 0; font-size: 1.78571em; line-height: 1.04em; font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; background: white url(/content/themes/GCI2013/library/images/business/bg_business_home_slide_nav.jpg) left top no-repeat; cursor: pointer; border: none; } body.business #container #bizboard ul#slidenav li a { text-decoration: none; color: #b7b7b7; display: block; } body.business #container #bizboard ul#slidenav li.activeSlide { background: white url(/content/themes/GCI2013/library/images/business/bg_business_home_slide_nav_active.jpg) left top no-repeat; box-shadow: 0 0 8px rgba(0, 0, 0, 0.65); z-index: 10; } body.business #container #bizboard ul#slidenav li.activeSlide a { color: #4c4c4c; } body.business #container .info-box { background: white; /* Non-gradient supporting browsers */ background: -moz-linear-gradient(top, white 0%, white 70%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(70%, white), color-stop(100%, #f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, white 70%, #f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, white 70%, #f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, white 70%, #f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, white 0%, white 70%, #f6f6f6 100%); /* W3C */ height: auto; min-height: 0; padding: 12px 16px 16px; line-height: 1.28571em; } body.business #container .info-box.business-internet { background: #efefef; } body.business #container .info-box.business-internet h2 { font-size: 1.42857em; margin: -12px -16px 0 -16px; padding: 12px 12px 0 98px; min-height: 106px; background: url("/content/themes/GCI2013/library/images/salesperson3_subpromo_tall.png") -16px bottom no-repeat; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 12px; } body.business #container .info-box.business-internet h2 + p { background: url("/content/themes/GCI2013/library/images/business/bg_p_salepromo_alt.png") 20px top no-repeat; margin: 0 -16px 6px; padding: 18px 16px 0; } body.business #container .info-box.business-internet h2 + p a { white-space: nowrap; } body.business #container .info-box.business-internet p { text-align: center; } body.business #container .info-box.business-support { background: #efefef; } body.business #container .info-box.business-support h2 { margin: -12px -16px 0 -16px; padding: 12px 60px 0 16px; background: url("/content/themes/GCI2013/library/images/business/custservice_man_right.png") right bottom no-repeat; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 12px; min-height: 108px; } body.business #container .info-box.business-support h2 span { width: 93px; font-size: 0.65385em; line-height: 1.125em; margin: 6px 0 0; padding-bottom: 12px; } body.business #container .info-box.business-support h2 + p { background: url("/content/themes/GCI2013/library/images/business/bg_p_salepromo_alt.png") 20px top no-repeat; margin: 0 -16px 12px; padding: 15px 16px 0; } body.business #container .info-box.pic-wrap { padding: 0; } body.business #container .info-box.pic-wrap .with-pic { padding-top: 102px; } body.business #container .info-box.pic-wrap .with-pic.geneva-woods { background: url("/content/themes/GCI2013/library/images/business/bg_info-box_geneva-woods.jpg") center top no-repeat; } body.business #container .info-box.pic-wrap .with-pic.data-center { background: url("/content/themes/GCI2013/library/images/business/bg_info-box_data-center.jpg") center top no-repeat; } body.business #container .info-box.pic-wrap .with-pic.ahfc { background: url("/content/themes/GCI2013/library/images/business/bg_info-box_ahfc.jpg") center top no-repeat; } body.business #container .info-box.pic-wrap .with-pic.apu { background: url("/content/themes/GCI2013/library/images/business/bg_info-box_apu.jpg") center top no-repeat; } body.business #container .info-box.pic-wrap .with-pic.akmu { background: url("/content/themes/GCI2013/library/images/business/bg_info-box_akmu.jpg") center top no-repeat; } body.business #container .info-box.pic-wrap .with-pic.akinterstate { background: url("/content/themes/GCI2013/library/images/business/bg_info-box_akinterstate.jpg") center top no-repeat; } body.business #container .info-box h2 { font-size: 1.85714em; margin-bottom: 0.34615em; } body.business #container .info-box p { margin-top: 0; } body.business #container .info-box ul { margin-bottom: 0; margin-top: 0.75em; } body.business #landing_subpromos { background: #d6d6d6 url("/content/themes/GCI2013/library/images/business/bg_commercial_subpromos.jpg") left top no-repeat; height: 132px; line-height: 1.28571em; } body.business #landing_subpromos .promo-left, body.business #landing_subpromos .promo-right { padding: 16px 164px 0 16px; height: auto; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; float: left; width: 300px; } body.business #landing_subpromos .promo-left img, body.business #landing_subpromos .promo-right img { position: absolute; right: 0; top: 0; display: block; left: auto; } body.business #landing_subpromos .promo-left h2, body.business #landing_subpromos .promo-right h2 { float: none; width: auto; margin: 0 0 6px; font-size: 1.57143em; } body.business #landing_subpromos .promo-left p, body.business #landing_subpromos .promo-right p { margin: 0 0 4px; } body.business #landing_subpromos .promo-left a, body.business #landing_subpromos .promo-right a { display: block; } body.business .alignright { margin-right: -20px; margin-bottom: 20px; max-width: 268px; } body.business img.alignright { border-left: #888888 6px solid; } body.business .aligncenter { margin: 20px -20px; } body.business #container img.aligncenter { max-width: 716px; } body.business .gci-col-left { display: inline-block; vertical-align: top; width: 330px; margin-right: 16px; } body.business .gci-col-right { display: inline-block; vertical-align: top; width: 320px; } body.business.page-template-page-commercial-wide-php .gci-col-left, body.business.page-template-page-commercial-hotspot-map-php .gci-col-left { width: 451px; } body.business.page-template-page-commercial-wide-php .gci-col-right, body.business.page-template-page-commercial-hotspot-map-php .gci-col-right { width: 441px; } body.business .ie7 #container .info-box { background: white; width: 196px; } body.business .ie7 #container .info-box.pic-wrap { width: 228px; } body.business .ie7 .gci-col-left, body.business .ie7 .gci-col-right { display: inline; zoom: 1; } dl.accordion dd figure { float: right; margin-right: -20px; margin-left: 20px; margin-bottom: 20px; } body.business dl.accordion dd img.alignright { border: none; border-left: #888888 6px solid; } dl.accordion dd figure img { border: none; border-left: #888888 6px solid; } dl.accordion dd blockquote { float: right; border: none; border-left: #888888 6px solid; margin-right: -20px; margin-left: 20px; margin-bottom: 20px; } dl.accordion dd figure blockquote { float: none; margin: 0; } dl.accordion dd.open { zoom: 1; } dl.accordion dd.open:after { content: ""; display: table; clear: both; } .gci-biz-triad { padding: 0; } .gci-biz-triad div { float: left; width: 264px; padding: 20px; } .gci-biz-triad .gci-biz-triad-1 { border-right: #bdbdbd 1px solid; margin-bottom: 0; } .gci-biz-triad .gci-biz-triad-2 { border-right: #bdbdbd 1px solid; margin-bottom: 0; } /* End Commercial Section 2013 */ /* Business Pages */ h1.business-header.landing { -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; color: #FFFFFF; font-size: 2em; height: 336px; left: 20px; margin: 0; position: absolute; text-shadow: none; top: 48px; width: 960px; } h1.business-header { font-size: 2em; /* 28/14 */ -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; color: #fff; text-shadow: none; height: 336px; /* background:url("//static.gci.com/corporate/images/banner_business.jpg") left bottom no-repeat;*/ position: absolute; height: 201px; width: 960px; margin: 0; left: 20px; top: 48px; } h1.business-header a { text-decoration: none; color: #fff; } /* End Business bizboard Images */ h1.business-header span { display: block; line-height: 62px; -webkit-border-top-right-radius: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-topleft: 9px; border-top-right-radius: 9px; border-top-left-radius: 9px; padding: 0 16px; border-bottom: 2px solid #fff; height: 62px; } h1.business-header span { background: #13303c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzMzAzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDRmNWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #13303c 0%, #244f5e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13303c), color-stop(100%, #244f5e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #13303c 0%, #244f5e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #13303c 0%, #244f5e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #13303c 0%, #244f5e 100%); /* IE10+ */ background: linear-gradient(top, #13303c 0%, #244f5e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13303c', endColorstr='#244f5e',GradientType=0 ); /* IE6-8 */ } .ie9 h1.business-header span { filter: none; } #main.business { margin-top: 220px; width: 700px; } #main.business-landing { margin-top: 362px; width: 700px; } #sidebar.business { margin-top: 84px; margin-left: 16px; } /* secondary navigation overrides */ #business-navigation { border: #d3d3d3 solid 1px; margin: 16px 0 48px; text-align: left; vertical-align: top; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.14285714285714em; /* 16/14 */ background: #f3f3f3; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(90%, #f3f3f3), color-stop(100%, #e3e3e3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* IE10+ */ background: linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */ } .ie9 #business-navigation { filter: none; } #business-navigation ul { list-style: none; margin: 0; } #business-navigation ul a { font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 300; font-style: normal; color: #555; text-decoration: none; display: block; } #business-navigation a:hover { color: #c31e2d; } #business-navigation ul#secondary-menu > li > a { font-size: 1.57142857142857em; /* 22/14 */ background: #dedede; margin: -16px -16px 16px; padding: 16px; } #business-navigation ul#secondary-menu > li > ul { line-height: 2em; /* 28/14 */ } #business-navigation ul#secondary-menu > li > ul > li { line-height: 1.5em; /* 21/14 */ padding-left: 16px; } #business-navigation ul#secondary-menu > li > ul > li > a { font-size: 1.14285714285714em; /* 16/14 */ } #business-navigation ul#secondary-menu > li.current-page-item > a, #business-navigation ul#secondary-menu > li.current-menu-item > a, #business-navigation ul#secondary-menu > li > ul > li.current-page-item > a, #business-navigation ul#secondary-menu > li > ul > li.current-menu-item > a { font-family: "myriad-pro-n6", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif; font-weight: 600; font-style: normal; color: #c31e2d; } #business-navigation ul#secondary-menu > li.current-page-item, #business-navigation ul#secondary-menu > li.current-page-ancestor, #business-navigation ul#secondary-menu > li.current-page-parent, #business-navigation ul#secondary-menu > li.current-menu-item, #business-navigation ul#secondary-menu > li.current-menu-ancestor, #business-navigation ul#secondary-menu > li.current-menu-parent { margin: 0 -17px 16px 0; padding: 12px 16px; background: #fff; border-top: #d3d3d3 solid 1px; border-bottom: #d3d3d3 solid 1px; } #business-navigation { margin-bottom: 16px; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(90%, white), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* IE10+ */ background: linear-gradient(top, white 0%, white 90%, #eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ } .ie7 #business-navigation { background: #ffffff; } .ie9 #business-navigation { filter: none; } #business-navigation a:hover { color: #c31e2d; } #business-navigation ul#secondary-menu > li > a { font-size: 1.14285714285714em; /* 16/14 */ background: none; margin: 0; padding: 0; } #business-navigation ul#secondary-menu { line-height: 2em; /* 28/14 */ padding-bottom: 10px; } #business-navigation ul#secondary-menu > li > ul > li > ul { display: none; } #business-navigation ul#secondary-menu > li > ul > li.current-page-item, #business-navigation ul#secondary-menu > li > ul > li.current-page-ancestor, #business-navigation ul#secondary-menu > li > ul > li.current-page-parent { margin: 0; padding: 0 16px; background: none; border-top: none; border-bottom: none; } /* "Sub-No-Subnavs" */ body.sub-no-subnavs #main { float: left; width: 716px; } body.sub-no-subnavs #sidebar { float: right; width: 228px; margin-top: 72px; } body.sub-no-subnavs figure.featured-img, #main.left figure.featured-img { float: left; width: 366px; height: 208px; margin: 8px 32px 32px 0; } /* Special Offers */ body.offers .offers_list figure.featured-img { width: 100%; height: auto; margin: 16px 0; text-align: center; } body.offers .offers_list figure.featured-img img { width: 100%; /* should be 212, but just in case */ height: auto; /* should be 188, but just in case */ } body.offers .offers_list { border-top: 1px solid #C9C9C9; margin: 16px 0 0 0; padding: 32px 0 0; } body.offers .offers_list .hentry { margin: 0 0 32px; padding: 0 0 32px 0; } /* Special Offers */ body.offers #main .offers_list figure.featured-img { float: left; width: 212px; margin: 0 16px 0 0; height: auto !important; } body.offers #main .offers_list figure.featured-img img { position: relative; width: 100%; /* should be 212, but just in case */ height: auto; /* should be 188, but just in case */ } body.offers #main .offers_list { margin: 16px 16px 0 0; } body.offers #main .offers_list .hentry { overflow: hidden; padding: 0 16px 32px 0; border-bottom: 1px solid #C9C9C9; } body.offers #main .offers_list .hentry .offer_text { float: left; width: 448px; } body.offers #main .offers_list .hentry .offer_text ul li { margin: 0 inherit; } /* Special Offers */ div.special-offer figure.featured-img { float: left; width: 212px; margin: 0 1em 0 0; height: auto !important; } div.special-offer figure.featured-img img { position: relative; width: 100%; /* should be 212, but just in case */ height: auto; /* should be 188, but just in case */ } div.special-offer { margin: 2em 1em 2em 0; overflow: hidden; padding: 2em 1em 0 0; border-top: 1px solid #C9C9C9; } div.special-offer .offer_text { float: left; /* width:448px;*/ } div.special-offer .offer_text ul li { margin: 0 inherit; } /* Misc */ .mobile-hide-inline { display: inline !important; } /* ==|== font-weight accommodation for IE =================================== IE 6-8 needs to be spoon fed the exact font variation name for a given font-weight and/ or style. Read more: http://blog.typekit.com/2011/06/27/new-from-typekit-variation-specific-font-family-names-in-ie-6-8/ These have been sprinkled throughout the CSS as needed instead of placed here. ========================================================================== */