/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http: //richclarkdesign.com
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent
}
body {
line-height: 1
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display: block
}
nav ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold
}
del {
text-decoration: line-through
}
abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help
}
table {
border-collapse: collapse;
border-spacing: 0
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
input, select {
vertical-align: middle
}
.acc {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
/*
http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack
*/
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0
}
.clearfix {
display: inline-block
}
* html .clearfix {
height: 1%
}
.clearfix {
display: block
}
/* Franklin Gothic URW Compressed */
/* --------------------------------------------------------------
BLUEPRINT CSS
* Filename: grid.css
* Version: 0.7.1 (2008-02-25) YYYY-MM-DD
* Website: http://code.google.com/p/blueprintcss/
Generated by:
* Blueprint CSS Grid Generator (2013-04-03) [http://bgg.kematzy.com/]
Based on work by:
* Olav Bjorkoy [bjorkoy.com]
* Nathan Borror [playgroundblues.com]
* Jeff Croft [jeffcroft.com]
* Christian Metts [mintchaos.com]
* Khoi Vinh [subtraction.com]
== STRUCTURE: ========================
* Page width: 978 px
* Number of columns: 12
* Column width: 54 px
* Margin width: 30 px
======================================
By default, the grid is 978px wide, with 12 columns
spanning 54px, and a 30px margin between columns.
If you need fewer or more columns, use this formula to calculate
the new total width:
Total width = (number_of_columns * column_width) - margin_width
Read more about using a grid here:
* subtraction.com/archives/2007/0318_oh_yeeaahh.php
-------------------------------------------------------------- */
/* A container should group all your columns. */
.container {
width: 978px;
margin: 0 auto;
position: relative
}
/* Use this class on any div.span / container to see the grid. */
.showgrid {
background: url(../images/grid.png)
}
/* Body margin for a sensile default look. */
body {
margin: 1.5em 0
}
/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {
float: left;
margin-right: 30px
}
/* The last column in a row needs this class. */
div.last {
margin-right: 0
}
/* Use these classes to set the width of a column. */
.span-1 {
width: 54px
}
.span-2 {
width: 138px
}
.span-3 {
width: 222px
}
.span-4 {
width: 306px
}
.span-5 {
width: 390px
}
.span-6 {
width: 474px
}
.span-7 {
width: 558px
}
.span-8 {
width: 642px
}
.span-9 {
width: 726px
}
.span-10 {
width: 810px
}
.span-11 {
width: 894px
}
.span-12, div.span-12 {
width: 978px;
margin: 0
}
/* Add these to a column to append empty cols. */
.append-1 {
padding-right: 84px
}
.append-2 {
padding-right: 168px
}
.append-3 {
padding-right: 252px
}
.append-4 {
padding-right: 336px
}
.append-5 {
padding-right: 420px
}
.append-6 {
padding-right: 504px
}
.append-7 {
padding-right: 588px
}
.append-8 {
padding-right: 672px
}
.append-9 {
padding-right: 756px
}
.append-10 {
padding-right: 840px
}
.append-11 {
padding-right: 924px
}
/* Add these to a column to prepend empty cols. */
.prepend-1 {
padding-left: 84px
}
.prepend-2 {
padding-left: 168px
}
.prepend-3 {
padding-left: 252px
}
.prepend-4 {
padding-left: 336px
}
.prepend-5 {
padding-left: 420px
}
.prepend-6 {
padding-left: 504px
}
.prepend-7 {
padding-left: 588px
}
.prepend-8 {
padding-left: 672px
}
.prepend-9 {
padding-left: 756px
}
.prepend-10 {
padding-left: 840px
}
.prepend-11 {
padding-left: 924px
}
/* Border on right hand side of a column. */
div.border {
padding-right: 14px;
margin-right: 15px;
border-right: 1px solid #eee
}
/* Border with more whitespace, spans one column. */
div.colborder {
padding-right: 42px;
margin-right: 39px;
border-right: 1px solid #eee
}
/* Use these classes on an element to push it into the
next column, or to pull it into the previous column. */
.pull-1 {
margin-left: -84px
}
.pull-2 {
margin-left: -168px
}
.pull-3 {
margin-left: -252px
}
.pull-4 {
margin-left: -336px
}
.pull-5 {
margin-left: -420px
}
.pull-6 {
margin-left: -504px
}
.pull-7 {
margin-left: -588px
}
.pull-8 {
margin-left: -672px
}
.pull-9 {
margin-left: -756px
}
.pull-10 {
margin-left: -840px
}
.pull-11 {
margin-left: -924px
}
.pull-12 {
margin-left: -1008px
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {
float: left;
position: relative
}
.push-1 {
margin: 0 -84px 1.5em 84px
}
.push-2 {
margin: 0 -168px 1.5em 168px
}
.push-3 {
margin: 0 -252px 1.5em 252px
}
.push-4 {
margin: 0 -336px 1.5em 336px
}
.push-5 {
margin: 0 -420px 1.5em 420px
}
.push-6 {
margin: 0 -504px 1.5em 504px
}
.push-7 {
margin: 0 -588px 1.5em 588px
}
.push-8 {
margin: 0 -672px 1.5em 672px
}
.push-9 {
margin: 0 -756px 1.5em 756px
}
.push-10 {
margin: 0 -840px 1.5em 840px
}
.push-11 {
margin: 0 -924px 1.5em 924px
}
.push-12 {
margin: 0 -1008px 1.5em 1008px
}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {
float: right;
position: relative
}
/* Misc classes and elements
-------------------------------------------------------------- */
/* Use a .box to create a padded box inside a column. */
.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #E5ECF9
}
/* Use this to create a horizontal ruler across a column. */
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: 0.1em;
margin: 0 0 1.45em;
border: none
}
hr.space {
background: #fff;
color: #fff
}
/* Mixins */
body, html {
background: #fff;
margin: 0;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #3a3b3c
}
header {
background: white;
height: 79px;
border-bottom: 1px solid #d6d6d6
}
header .container {
position: relative
}
/* HEADER ---------------------------------------------------------------------*/
header h1 {
width: 149px;
height: 54px;
position: absolute;
top: 13px
}
.corp-nav {
position: absolute;
right: 0;
top: 13px
}
.corp-nav ul li {
display: inline-block;
padding: 0 10px;
border-right: 1px solid #c1c1c1
}
.corp-nav ul li.first {
padding-left: 17px;
background: url(../images/sprites.png) no-repeat -101px -70px
}
.corp-nav ul li.expanded {
background: url(../images/icon-nav-up-arrow.png) no-repeat left
}
.corp-nav ul li.last {
padding-right: 0;
border-right: 0
}
.corp-nav ul li a {
line-height: 19px;
font-size: 0.75em;
display: block;
color: #909090;
text-decoration: none
}
.corp-nav ul li a:hover {
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none
}
.corp-nav ul li.search a {
width: 19px;
height: 19px;
background: url(../images/sprites.png) -5px -70px;
margin-bottom: -5px
}
.corp-nav ul li.search a:hover {
width: 19px;
height: 19px;
background: url(../images/icon-search.png) no-repeat;
margin-bottom: -5px
}
.corp-nav .signin {
background: url(../images/icon-signin.png) no-repeat top left;
padding-left: 20px;
margin-left: 10px
}
.mydeviceoverlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
display: none;
background: url(../images/white-overlay.png)
}
.searchoverlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
display: none;
background: url(../images/white-overlay.png)
}
.searchbar {
display: none;
z-index: 9999;
position: absolute;
top: -10px;
right: -2px;
width: 370px;
padding: 8px 5px 5px 5px
}
.searchbar input[type=text] {
outline: 0;
border: 0;
color: #909090 !important;
font-size: 14px;
border: 1px solid #ee2375;
float: right;
width: 309px;
height: 24px;
padding-left: 10px;
line-height: 14px;
display: none
}
.searchbar ::-webkit-input-placeholder {
color: #c1c1c1
}
.searchbar :-moz-placeholder {
/* Firefox 18- */
color: #c1c1c1
}
.searchbar ::-moz-placeholder {
/* Firefox 19+ */
color: #c1c1c1
}
.searchbar :-ms-input-placeholder {
color: #c1c1c1
}
.searchbar .searchbutton {
float: right;
display: block;
width: 32px;
height: 28px;
background: url(../images/search-button-pink.png) no-repeat left !important;
outline: 0;
border: 0
}
nav {
position: absolute;
right: 0;
top: 50px
}
nav ul li {
display: inline-block;
margin: 0 26px
}
nav ul li.first {
margin-left: 0;
padding-right: 20px;
background: url(../images/icon-nav-down-arrow.png) no-repeat right
}
nav ul li.expanded {
background: url(../images/icon-nav-up-arrow.png) no-repeat right
}
nav ul li.expanded a {
color: #ee2375
}
nav ul li.last {
margin-right: 0
}
nav ul li a {
font-size: 0.8em;
display: block;
color: #0082a1;
text-transform: uppercase;
text-decoration: none;
font-style: bold
}
nav ul li a:hover {
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none
}
.navblock {
display: none;
border-bottom: 1px solid #a09b97;
padding-bottom: 30px;
position: relative
}
.navblock .container {
position: relative
}
.navblock .nav-close {
display: block;
width: 51px;
height: 45px;
position: absolute;
bottom: -60px;
left: 467px;
background: url(../images/icon-nav-close.png) no-repeat;
cursor: pointer;
z-index: 99999
}
.navblock .product-nav-slide .nav-product {
padding-top: 16px;
height: 303px;
font-size: 14px;
color: #038bb1;
text-align: center
}
.navblock .product-nav-slide .nav-product img {
display: block;
margin: 0 auto 20px auto
}
.navblock .product-nav-slide .nav-product a {
font-size: 12px;
text-decoration: none;
color: #038bb1;
display: inline-block;
margin: 0 5px
}
.navblock .product-nav-slide .navblock .product-nav-slide .nav-product a a.nav-nu {
text-decoration: none;
font-size: 14px
}
.navblock .product-nav-slide .nav-product:hover, .navblock .product-nav-slide .nav-product:active {
background: #b0cb46;
color: #fff
}
.navblock .product-nav-slide .nav-product:hover a, .navblock .product-nav-slide .nav-product:active a {
color: #fff
}
.navblock .product-nav-slide .nav-product:hover .carrier, .navblock .product-nav-slide .nav-product:active .carrier {
color: #48531c
}
.navblock .product-nav-slide .nav-product:hover .carrier:hover, .navblock .product-nav-slide .nav-product:active .carrier:hover {
color: white
}
/* SECTIONS ---------------------------------------------------------------------*/
.blue-bevel {
border-top: 1px solid #f6f4ee;
border-bottom: 1px solid #2d8ca3
}
.light-blue-bevel {
border-top: 1px solid #baecf7;
border-bottom: 1px solid #baecf7
}
.blue-bevel-top {
border-top: 1px solid #2d8ca3
}
/* FOOTER ---------------------------------------------------------------------*/
footer {
background: white
}
footer .container {
border-top: 1px solid #efefef;
padding: 37px 0 100px 0;
margin-top: 20px
}
footer ul li {
display: inline-block
}
footer ul li a {
display: block;
text-decoration: none
}
footer ul.footer-nav-1 {
margin-bottom: 16px
}
footer ul.footer-nav-1 li {
margin: 0 15px
}
footer ul.footer-nav-1 li a {
font-size: 0.9em;
color: #909090
}
footer ul.footer-nav-2 li {
margin: 0 25px
}
footer ul.footer-nav-2 li a {
font-size: 0.75em;
color: #c1c1c1
}
footer ul.footer-nav-1 li.first, footer ul.footer-nav-2 li.first {
margin-left: 0
}
footer ul.footer-nav-1 li.last, footer ul.footer-nav-2 li.last {
margin-right: 0
}
.social ul li {
display: inline-block;
margin-right: 26px
}
.social ul li.last {
margin-right: 0
}
.social ul li a {
width: 32px;
height: 32px;
display: block
}
.social ul li a:hover {
-moz-transform: translatey(-1px);
-webkit-transform: translatey(-1px);
-o-transform: translatey(-1px);
-ms-transform: translatey(-1px);
transform: translatey(-1px)
}
.social ul li.social-twitter a {
background: url(../images/sprites.png) -3px -4px
}
.social ul li.social-twitter a:hover {
background: url(../images/sprites.png) -3px -37px
}
.social ul li.social-facebook a {
background: url(../images/sprites.png) -35px -4px
}
.social ul li.social-facebook a:hover {
background: url(../images/sprites.png) -35px -37px
}
.social ul li.social-youtube a {
background: url(../images/sprites.png) -69px -4px
}
.social ul li.social-youtube a:hover {
background: url(../images/sprites.png) -69px -37px
}
.social ul li.social-instagram a {
background: url(../images/sprites.png) -102px -4px
}
.social ul li.social-instagram a:hover {
background: url(../images/sprites.png) -102px -37px
}
footer p {
color: #909090;
font-size: 0.8em
}
.email-signup {
float: right;
display: block;
width: 119px;
height: 37px;
background: url(../images/sprites.png) -3px -94px
}
/* EFFECTS ----------------------------------------------------*/
.fade .prod-image {
opacity: 1;
transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out
}
.fade:hover .prod-image {
opacity: 0.7
}
/* home page specific styles */
.hero {
height: 624px;
background-image: url(../images/homepgheader_large.jpg);
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/homepgheader_large.jpg', sizingMethod='scale')";
font: 17px/28px "Helvetica", Arial, sans-serif;
color: white;
position: relative;
background-position: center 10%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
min-width: 978px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43)
}
.hero .container {
height: 627px
}
.hero h1 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 57px;
line-height: 0.9em;
margin-bottom: 15px;
text-transform: uppercase
}
.hero .hero-copy {
margin-top: 70px;
position: relative
}
.hero .hero-copy p {
width: 375px
}
.hero .hero-copy .hero-logo {
position: absolute;
top: 358px;
left: 420px
}
.hero .meetbutton {
height: 122px
}
.hero .large-green-button {
display: block;
width: 302px;
height: 62px;
line-height: 60px;
text-align: center;
text-decoration: none;
background: url(../images/sprites.png) -5px -196px;
font-family: "droid-sans", sans-serif;
font-style: normal;
font-weight: 700;
color: #48531c;
font-size: 18px;
margin: 30px 0;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1)
}
.hero .hideme {
display: none
}
.hero .hero-hand {
position: absolute;
bottom: -172px;
left: -23px
}
.home-why {
background: #41c9ea;
height: 1173px;
position: relative
}
.home-why .container {
position: relative
}
.home-why .illo-1, .home-why .illo-2, .home-why .illo-3, .home-why .illo-4 {
position: absolute;
/* z-index: 99; */
display: none
}
.home-why .illo-1 {
top: 548px;
left: 120px;
width: 156px;
height: 274px;
background: url(../images/illustration-sprites.png) -80px 0
}
.home-why .illo-2 {
top: 595px;
left: 350px;
width: 195px;
height: 227px;
background: url(../images/illustration-sprites.png) -314px -58px
}
.home-why .illo-3 {
top: 720px;
left: 443px;
width: 304px;
height: 149px;
background: url(../images/illustration-sprites.png) -414px -185px
}
.home-why .illo-4 {
top: 873px;
left: 588px;
width: 338px;
height: 149px;
background: url(../images/illustration-sprites.png) -536px -325px
}
.home-why .illustration {
position: absolute;
top: 812px;
left: 53px;
/* z-index: 999; */
}
.home-why h2 {
font-family: "franklin-gothic-urw", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
margin-bottom: 15px;
color: #fff
}
.home-why p {
line-height: 1.8em;
margin-bottom: 8px
}
.home-why .phone {
background: url(../images/sprites.png) -3px -270px;
display: inline-block;
width: 85px;
height: 85px
}
.home-why .tablets {
background: url(../images/sprites.png) -93px -270px;
display: inline-block;
width: 100px;
height: 100px;
margin-bottom: -8px
}
.home-why .wifi {
background: url(../images/sprites.png) -198px -270px;
display: inline-block;
width: 85px;
height: 85px
}
.press-section .container {
padding: 50px 0 30px
}
.press-section .container .phones {
position: relative;
z-index: 0;
height: 293px;
width: 294px;
display: inline-block
}
.press-section .container .phones .top {
z-index: 1;
position: absolute;
left: 0;
top: 0;
height: 282px;
width: 155px
}
.press-section .container .phones .bottom {
z-index: 0;
position: absolute;
top: 98px;
left: 0
}
.press-section .container .review-logo {
margin: 0 0 100px 30px
}
.press-section .container blockquote {
margin-bottom: 20px
}
.press-section .container blockquote p {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
padding-top: 60px;
font-size: 30px;
line-height: 1.4em;
color: #909090
}
.press-section .container .rating {
float: right
}
.press-section .container .rating h4 {
color: #c1c1c1;
font-size: 12px;
text-transform: uppercase;
font-weight: normal
}
.press-section .container .rating .stars {
margin-left: -5px
}
.testimonials .container {
border-top: 1px solid #efefef;
padding: 50px 0 54px 0
}
.testimonials h2 {
font-family: "franklin-gothic-urw", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 38px;
line-height: 1.3em;
margin-bottom: 15px;
color: #909090
}
.testimonials .social {
margin-top: 55px;
text-align: right
}
.testimonials .social li {
margin-right: 15px;
float: left
}
.testimonials .social .follow-pantech {
color: #c1c1c1;
font-size: 12px;
margin-right: 15px;
padding-top: 10px
}
.testimonials .span-3 {
width: 167px;
border-top: 1px solid #ececec;
border-right: 1px solid #ececec;
border-bottom: 1px solid #ececec;
min-height: 200px;
padding: 20px 24px 0 22px;
line-height: 1.5em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.testimonials .tweetblock {
border-left: 8px solid #19b3dd
}
.testimonials .tweetblock a {
color: #11bbe5;
text-decoration: none
}
.testimonials .youtubeblock {
border-left: 8px solid #ee2375;
background: #e7e7e7
}
.testimonials .facebookblock {
border-left: 8px solid #0082a1
}
.testimonials .tweetblock:hover, .testimonials .youtubeblock:hover, .testimonials .facebookblock:hover {
margin-right: 31px;
-webkit-transform: translate(-2px, -2px);
-moz-transform: translate(-2px, -2px);
-ms-transform: translate(-2px, -2px);
-o-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1)
}
.testimonials .lastblock:hover {
margin-right: 0
}
.white-header {
background: #fff
}
.breadcrumb {
background: #fbfbfb;
border-bottom: 1px solid #e0e0e0;
height: 65px;
font-size: 14px;
line-height: 65px;
color: #999490
}
.breadcrumb .home-link {
background: url(../images/sprites.png) -208px -37px;
padding-left: 20px
}
.breadcrumb a {
color: #999490;
text-decoration: none
}
.breadcrumb span.active {
color: #0082a1;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
/* catalog page specific styles */
/* FILTER BAR ---------------------------------------------------------------------*/
section.filter-bar {
background: #fbfbfb;
border-bottom: 1px solid #d6d6d6;
height: 66px
}
.noborder {
border-bottom: 1px solid #fbfbfb !important
}
section.filter-bar .filter-buttons {
text-align: right;
margin-top: 15px
}
section.filter-bar h1 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #0082a1;
font-size: 36px;
line-height: 66px
}
.compare-button {
display: inline-block;
background: url(../images/sprites.png) -104px -133px;
text-align: center;
line-height: 38px;
height: 38px;
width: 102px;
color: #064555;
text-decoration: none;
font-size: 0.8em;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-weight: bold
}
.filter-button {
display: inline-block;
background: url(../images/sprites.png) -208px -133px;
text-align: center;
line-height: 38px;
height: 38px;
width: 92px;
color: #064555;
text-decoration: none;
padding-left: 10px;
font-size: 0.8em;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.clear-button {
display: inline-block;
text-align: center;
line-height: 38px;
height: 38px;
width: 92px;
background: white;
border-style: solid;
border-color: #c1c1c1;
border-width: 1px;
border-bottom-width: 3px;
color: #7d7d7d;
text-decoration: none;
font-size: 0.8em;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.filters {
display: none;
margin-top: -1px;
border-bottom: 1px solid #e0e0e0;
color: #c1c1c1;
background: #fbfbfb;
padding-bottom: 20px
}
.filters h3 {
border-bottom: 5px solid #c1c1c1;
font-size: 12px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #c1c1c1;
margin: 25px 0;
line-height: 1.8em
}
.filters ul {
list-style: none;
line-height: 2em
}
.filters ul li {
line-height: 2.5em
}
.filters ul li label {
color: #909090;
font-size: 14px !important;
font-weigth: normal
}
.filters ul li label.compare-checked {
color: #11bbe5
}
.filters input[type="checkbox"]:checked label {
color: #0082a1 !important;
font-weight: bold !important
}
.filters .filter-features ul li {
width: 50%;
float: left
}
/* CATALOG ---------------------------------------------------------------------*/
.catalog-grid h2 {
margin-top: 48px;
margin-bottom: 0;
font-size: 24px;
color: #928a8c;
border-bottom: 1px solid #e4e4e4;
text-transform: uppercase
}
.catalog-grid img {
display: block;
margin: 5px auto
}
.catalog-grid a.product-link {
font-size: 14px;
color: #0082a1;
text-decoration: none;
display: block;
margin: 10px 0
}
.catalog-grid .compare-item {
position: relative;
padding-top: 48px;
text-align: center;
min-height: 408px;
width: 220px;
border: 1px solid #fff
}
.catalog-grid .compare-item img {
display: block;
margin: 5px auto
}
.catalog-grid .compare-item .compare-details {
display: none;
background: url(../images/bg-compare-details.png) no-repeat left;
height: 31px;
width: 131px;
padding-left: 13px;
text-align: left;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 12px;
position: absolute;
top: 0;
left: 0;
line-height: 31px;
color: #fff;
text-decoration: none
}
.catalog-grid .compare-item .compare-checkbox {
display: none;
position: absolute;
bottom: 0;
left: 0;
background: #11bbe5;
height: 31px;
width: 100%;
color: #fff;
line-height: 31px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 12px
}
.catalog-grid .compare-item .compare-checked {
display: block;
position: absolute;
bottom: 0;
left: 0;
background: #fff;
height: 31px;
width: 100%;
color: #11bbe5;
line-height: 31px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 12px
}
.catalog-grid .compare-item:hover {
border: 1px solid #c1c1c1;
min-height: 406px
}
.catalog-grid .compare-item:hover .compare-details, .catalog-grid .compare-item:hover .compare-checkbox {
display: block
}
.bazaar-summary {
font-size: 11px;
margin: 10px 0 10px 45px;
height: 25px
}
.buy-online-button {
display: inline-block;
background: url(../images/sprites.png) -5px -133px;
width: 98px;
height: 38px;
line-height: 38px;
color: #48531c;
text-decoration: none;
font-size: 0.8em;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.find-a-store {
display: inline-block;
color: #0082a1;
text-transform: uppercase;
text-decoration: none !important;
font-size: 10px !important;
padding-left: 15px;
line-height: 20px;
margin-left: 12px;
background: url(../images/sprites.png) no-repeat -5px -173px
}
.ajaxload {
background: url(../images/spinner.gif) no-repeat center center white;
background: url(../images/spinner.gif) no-repeat center center rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: none
}
/* Product view styles */
.product-detail-body footer .container {
border: 0
}
section p {
line-height: 1.7em
}
section h3 {
font-size: 14px;
line-height: 3em;
color: #c1c1c1;
border-bottom: 5px solid #c1c1c1
}
.overview {
background: url(../images/pantech-flex-fpo-1.png) no-repeat left;
padding: 50px 0 30px 0;
height: 505px
}
.overview p {
margin-top: 60px;
font-size: 24px;
color: #5b5959
}
section.product-hero {
background: url(../images/flex-hero-bg-fpo.png) no-repeat center;
height: 437px;
border-bottom: 1px solid #b2b2b2
}
section.product-hero .product-hero-image {
display: none
}
section.product-hero h1 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 68px;
margin: 35px 0 5px 0
}
section.product-hero span {
font-family: "franklin-gothic-urw", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 29px;
color: #5b5959
}
section.product-hero .product-cta {
margin-top: 25px;
float: left;
text-align: center;
width: 221px;
height: 237px;
padding: 6px;
background: url(../images/product-cta-bg.png) no-repeat top left
}
section.product-hero .product-cta .pcta-carrier {
font-size: 12px;
color: #c1c1c1
}
section.product-hero .product-cta .pcta-carrier span {
font-family: "Helvetica", Arial, sans-serif;
font-size: 12px;
color: #c1c1c1;
vertical-align: top;
padding-top: 15px;
display: inline-block
}
section.product-hero .product-cta .pcta-carrier img {
display: inline-block;
margin-top: 5px
}
section.product-hero .product-cta .pcta-rating {
height: 48px;
line-height: 48px;
text-align: center
}
section.product-hero .product-cta .pcta-rating #BVRRSummaryContainer {
text-align: center;
padding: 10px
}
section.product-hero .product-cta .pcta-buy {
margin-bottom: 14px
}
section.product-hero .product-cta .pcta-buy .cta-buy-online {
display: block;
width: 178px;
height: 52px;
background: url(../images/sprites.png) -669px -196px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
text-align: center;
font-size: 16px;
color: #064555;
text-decoration: none;
line-height: 50px;
margin: 0 auto 14px auto
}
section.product-hero .product-cta .pcta-buy .find-a-store a {
color: #0082a1;
font-size: 14px
}
section.product-hero .product-cta .pcta-share {
border-top: 1px solid #e6e6e6;
font-size: 12px;
color: #c1c1c1;
padding-top: 14px
}
section.product-hero .product-cta .pcta-share .share-title {
margin: 7px 0 0 10px;
font-size: 12px;
color: #c1c1c1;
display: block;
float: left;
width: 50px
}
section.product-hero .product-cta .pcta-share a {
display: inline-block;
width: 30px;
height: 30px
}
section.product-hero .product-cta .pcta-share .share-twitter {
background: url(../images/sprites.png) -695px -94px
}
section.product-hero .product-cta .pcta-share .share-facebook {
background: url(../images/sprites.png) -727px -94px
}
section.product-hero .product-cta .pcta-share .share-pinterest {
background: url(../images/sprites.png) -759px -94px
}
section.product-hero .product-cta .pcta-share .share-gplus {
background: url(../images/sprites.png) -791px -94px
}
section.product-hero .product-cta-video {
text-align: center;
width: 109px;
margin: 175px 0 0 258px
}
section.product-hero .product-cta-video a {
font-size: 12px;
color: #5b5959
}
section.product-hero .product-cta-video a.white-video-link {
color: #fff !important
}
section.product-subnav {
background: #11bbe5;
height: 56px;
border-bottom: 1px solid #80dbf1;
border-top: 1px solid #a9e6f6
}
section.product-subnav a {
display: block;
line-height: 1em;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 16px;
padding: 10px 30px;
text-decoration: none;
color: #fff;
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-ms-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear
}
section.product-subnav a:hover {
color: #07718b
}
section.product-subnav a.active {
background: #fff;
color: #11bbe5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding-bottom: 20px;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none
}
section.product-subnav li.supporttab a.active {
background: #f8f8f8 !important
}
section.product-subnav ul {
list-style: none;
padding-top: 15px
}
section.product-subnav li {
display: inline-block
}
section.odd {
background: #f8f8f8;
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc
}
section.product-spotlight {
background: #f8f8f8;
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
padding: 75px 0 50px 0
}
section.product-spotlight p {
margin-bottom: 20px
}
section.product-spotlight .img-sizer {
width: 1px;
overflow: hidden;
float: left;
margin-left: -2px
}
section.product-spotlight h2 {
font-family: "franklin-gothic-urw", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 29px;
margin-bottom: 15px
}
section.product-spotlight h3 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 35px 0;
font-size: 45px;
line-height: 1em;
border: 0
}
section.product-spotlight .section-block {
padding: 50px 0 0 0;
margin-top: 30px
}
section.photo-gallery .gallery-image {
position: relative;
margin-top: 20px;
margin-bottom: 20px
}
section.photo-gallery .gallery-image span {
width: 20px;
height: 20px;
display: block;
position: absolute;
bottom: 20px;
right: 5px;
background: url(../images/sprites.png) -208px -4px
}
section.photo-gallery .gallery-image a img {
border: 7px solid #f3f3f3
}
section.photo-gallery .gallery-image img {
border: 7px solid #f3f3f3;
width: 100%;
min-height: 75px
}
section.photo-gallery .gallery-image:hover span {
background: url(../images/sprites.png) -231px -4px
}
section.photo-gallery .gallery-image:hover img {
border: 7px solid #eff5da;
cursor: pointer
}
section.video-gallery {
padding-bottom: 50px
}
section.video-gallery .video-image {
margin-top: 20px;
margin-bottom: 20px
}
section.video-gallery .video-image img {
border: 7px solid #f3f3f3;
width: 100%;
min-height: 75px
}
section.video-gallery .video-image:hover img {
border: 7px solid #eff5da;
cursor: pointer
}
.specs-tab > section > div {
padding: 40px 0
}
.specs-tab h3 {
font-family: "franklin-gothic-urw", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 29px;
margin: 10px 0 20px 0;
border: 0;
color: #5a5959;
line-height: 2em
}
.specs-tab ul {
margin-left: 25px
}
.specs-tab li {
font-size: 18px;
line-height: 30px
}
.specs-tab table {
font-size: 15px;
margin-left: 20px;
width: 100%
}
.specs-tab table th {
text-align: left;
padding: 20px 0;
width: 50%
}
.specs-tab table td {
width: 50%;
line-height: 1.5em
}
.press-tab h1 {
color: #3e87b2;
font-size: 48px;
margin: 20px 0;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400
}
.press-tab p {
color: #5b5959;
font-family: "Helvetica", Arial, sans-serif;
font-size: 15px;
line-height: 20px;
margin: 5px 0 10px
}
.press-tab .press-block {
margin-bottom: 50px
}
.press-tab .press-logo {
position: relative
}
.press-tab .press-logo img {
border: 7px solid #f3f3f3;
width: 100%;
min-height: 75px
}
.press-tab .press-title {
color: #0082a1;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 24px
}
.press-tab .press-price {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 24px;
color: #5b5959
}
.press-tab a.press-link {
background: url(../images/sprites.png) -475px -411px;
width: auto;
height: auto;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 14px;
text-align: center;
text-decoration: none;
line-height: 40px;
color: #5babbf;
margin-top: 15px;
padding-right: 30px;
text-decoration: none
}
.press-tab a.press-link:hover {
text-decoration: none
}
.accessories-tab, #accessories-panel {
/*
.accessory-image:hover img {
border: 7px solid #eff5da;
cursor: pointer;
}
*/
}
.accessories-tab h1, #accessories-panel h1 {
color: #3e87b2;
font-size: 48px;
margin: 20px 0;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400
}
.accessories-tab .accessory-block, #accessories-panel .accessory-block {
margin-bottom: 50px
}
.accessories-tab .accessory-block .accessory-text, #accessories-panel .accessory-block .accessory-text {
float: right;
width: 461px
}
.accessories-tab .accessory-image, #accessories-panel .accessory-image {
position: relative;
width: 224px;
float: left
}
.accessories-tab .accessory-image span, #accessories-panel .accessory-image span {
width: 20px;
height: 20px;
display: block;
position: absolute;
bottom: 20px;
right: 5px;
background: url(../images/sprites.png) -208px -4px
}
.accessories-tab .accessory-image img, #accessories-panel .accessory-image img {
border: 7px solid #f3f3f3;
width: 208px;
min-height: 75px
}
.accessories-tab .accessory-image:hover span, #accessories-panel .accessory-image:hover span {
background: url(../images/sprites.png) -231px -4px
}
.accessories-tab .acc-title, #accessories-panel .acc-title {
color: #0082a1;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 24px
}
.accessories-tab .acc-price, #accessories-panel .acc-price {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 24px;
color: #5b5959
}
.accessories-tab .acc-desc, #accessories-panel .acc-desc {
color: #5b5959;
font-family: "Helvetica", Arial, sans-serif;
font-size: 12px;
line-height: 20px;
margin-bottom: 15px
}
.accessories-tab .acc-call, #accessories-panel .acc-call {
color: #b8b8b8;
font-size: 12px
}
.accessories-tab .acc-call span, #accessories-panel .acc-call span {
color: #5b5959;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.accessories-tab a.acc-cta-button, #accessories-panel a.acc-cta-button {
background: url(../images/sprites.png) -313px -196px;
display: block;
width: 213px;
height: 40px;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 14px;
text-align: center;
text-decoration: none;
line-height: 40px;
color: #48531c;
margin-top: 15px
}
.accessories-tab .first, #accessories-panel .first {
clear: left
}
.support-tab {
background: #f8f8f8
}
.support-tab .support-header {
height: 50px;
margin: 20px 0
}
.support-tab .support-header .more-support-button {
display: block;
background: url(../images/sprites.png) -313px -133px;
width: 190px;
height: 47px;
line-height: 47px;
color: #48531c;
font-size: 16px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
text-align: center;
text-decoration: none;
float: left
}
.support-tab .support-header .more-support-form {
float: right;
text-align: right;
padding-top: 20px
}
.support-tab .support-header .more-support-form input[type=text] {
outline: 0;
border: 0;
width: 313px;
background: url(../images/icon-magnifier.png) no-repeat left;
color: #0082a1 !important;
font-size: 12px;
border-bottom: 1px solid #dbdbdb;
padding-left: 20px
}
.support-tab .support-header .more-support-form button {
display: inline-block;
width: 18px;
height: 18px;
outline: 0;
border: 0;
margin-left: -18px;
cursor: pointer;
background: url(../images/icon-green-arrow.png) no-repeat
}
.support-tab .row {
border-bottom: 1px solid #cacaca;
padding: 15px 0;
color: #b6b6b6
}
.support-tab .row .span-7 {
width: 530px
}
.support-tab .row .span-2 {
text-align: right
}
.support-tab .row a {
color: #5babbf;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.support-tab .row ul, .support-tab .row h4 {
color: #5b5959;
font-size: 12px
}
.support-tab .row ul {
margin-left: 40px
}
.support-tab .row li {
line-height: 2em
}
.support-tab .row h4 {
margin: 10px 0 10px 25px
}
.support-tab .row:last-child {
border-bottom: none
}
.support-tab h3 {
font-size: 12px;
color: #c1c1c1;
border-bottom: 3px solid #c1c1c1;
line-height: 2em;
margin-bottom: 20px
}
.support-tab .sidebar {
z-index: 9;
position: relative
}
.support-tab .sidebar h3 {
margin-bottom: 5px
}
.support-tab ul.aside-nav {
list-style: none;
margin-top: 1px;
margin-bottom: 35px;
font-size: 0.85em
}
.support-tab ul.aside-nav li a {
display: block;
padding-left: 15px;
line-height: 2.5em;
border-bottom: 1px solid #c6c6c6;
text-decoration: none;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #959595;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none
}
.support-tab ul.aside-nav .first a {
border-top: 1px solid #c6c6c6
}
.support-tab ul.aside-nav .active {
background: #fff;
border-left: 1px solid #c6c6c6;
border-top: 1px solid #c6c6c6;
margin-top: -1px;
width: 220px;
border-right: 1px solid #fff;
z-index: 9999;
color: #2090ab
}
.support-tab ul.quicklinks {
list-style: none;
font-size: 0.85em
}
.support-tab ul.quicklinks li {
padding-left: 15px;
line-height: 3em
}
.support-tab ul.quicklinks a {
text-decoration: none;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #959595
}
.support-tab .support-block {
display: none;
background: #fff;
z-index: 9;
width: 700px;
margin-left: -16px;
padding: 20px;
border: 1px solid #c6c6c6
}
.support-tab .support-block h2 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 45px;
margin-bottom: 25px;
color: #3e87b2
}
.support-tab .support-block h3 {
margin: 30px 0 5px 0
}
.support-tab #downloads-panel {
font-size: 15px
}
.support-tab #downloads-panel .row a .span-7 span {
display: inline-block;
padding-right: 25px;
background: url(../images/icon-green-arrow.png) no-repeat right
}
.support-tab #downloads-panel .row a .span-2 {
color: #b6b6b6;
font-weight: normal
}
.support-tab #downloads-panel .downloadcol img {
margin-bottom: -2px;
margin-left: 5px
}
.support-tab #downloads-panel .grouping .row:last-child {
border-bottom: none
}
.support-tab #faqs-panel .faq-filter, .support-tab #troubleshooting-panel .faq-filter {
float: right
}
.support-tab #faqs-panel .faq-filter label, .support-tab #troubleshooting-panel .faq-filter label {
display: block;
font-size: 13px;
color: #959595;
margin-bottom: 8px
}
.support-tab #faqs-panel .faq-filter select, .support-tab #troubleshooting-panel .faq-filter select {
color: #c1c1c1;
font-size: 14px
}
.support-tab #faqs-panel .faq-filter .ui-selectmenu-status, .support-tab #troubleshooting-panel .faq-filter .ui-selectmenu-status {
color: #c1c1c1 !important;
font-size: 14px !important
}
.support-tab #faqs-panel .faq-filter .ui-selectmenu, .support-tab #troubleshooting-panel .faq-filter .ui-selectmenu {
border-bottom: 4px solid #c1c1c1 !important
}
.support-tab #faqs-panel ul, .support-tab #troubleshooting-panel ul {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 15px;
margin: 20px 0 0 18px;
color: #c1c1c1
}
.support-tab #faqs-panel ul li, .support-tab #troubleshooting-panel ul li {
border-bottom: 1px solid #cacaca;
line-height: 3em;
background: url(../images/icon-grey-arrow.png) right no-repeat
}
.support-tab #faqs-panel ul li a, .support-tab #troubleshooting-panel ul li a {
color: #5babbf;
text-decoration: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.support-tab #faqs-panel ul li a *, .support-tab #troubleshooting-panel ul li a * {
text-decoration: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.support-tab #videos-panel .tut-download {
display: block;
float: right;
width: 23px;
height: 18px;
background: url(../images/sprites.png) -575px -411px
}
.support-tab #videos-panel .row .span-7 {
font-size: 15px
}
.support-tab #videos-panel .support-videos h4 {
color: #959595;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 15px;
margin: 30px 0 10px 17px
}
.support-tab #videos-panel .support-videos iframe {
border: 6px solid #dfdfdf;
margin-left: 17px
}
.bv-action-bar-header {
display: none !important
}
#calls-to-action .cta {
background: #fff
}
#calls-to-action .cta a {
font-weight: bold
}
.panel {
display: none
}
#features-panel .demo-button {
display: block;
background: url(../images/sprites.png) -313px -133px;
width: 190px;
height: 47px;
line-height: 47px;
color: #48531c;
font-size: 16px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
text-align: center;
text-decoration: none;
float: left
}
#features-panel .demo-button:hover {
background: #8ca91a;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
color: #48531c;
position: relative;
top: -1px
}
h2 {
font-size: 36px;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 10px 0;
line-height: 36px;
border: 0
}
.products-hero {
height: 382px;
background: #11bbe5;
margin-bottom: 100px
}
.products-hero .container {
min-height: 500px;
background: url(../images/products-hero.png) no-repeat left
}
.products-hero .container .products-hero-cta {
margin-left: 587px;
padding-top: 50px;
color: #fff;
font-size: 16px;
line-height: 24px
}
.products-hero .container .products-hero-cta h3 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 30px;
line-height: 36px;
border: 0;
color: #fff;
margin-bottom: 20px
}
.products-hero .container .products-hero-cta p {
margin-bottom: 20px
}
.products-hero .container span {
width: 88px;
height: 88px;
margin-right: 25px;
padding-top: 96px;
display: inline-block;
color: #fff;
font-size: 17px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-align: center
}
.products-hero .container .cta-phones {
background: url(../images/sprites.png) -5px -464px
}
.products-hero .container .cta-tablets {
background: url(../images/sprites.png) -104px -464px
}
.products-hero .container .cta-modems {
background: url(../images/sprites.png) -198px -464px
}
.products-detail h3 {
font-size: 36px;
color: #008ab0;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
border: 0
}
.products-detail h4 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
color: #909090;
margin-bottom: 20px
}
.products-detail ul {
font-size: 17px;
line-height: 30px;
list-style: none;
color: #5b5959
}
.products-detail ul a {
color: #11bbe5;
text-decoration: none
}
.products-detail .styles-features ul {
width: 50%;
float: left
}
.products-detail .most-popular .viewall {
float: right
}
.products-detail .most-popular .viewall a {
color: #11bbe5;
font-size: 17px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-decoration: none
}
.products-detail .most-popular div {
width: 33%;
float: left;
text-align: center;
font-size: 14px;
color: #0082a1
}
.products-detail .most-popular div a {
color: #0082a1;
text-decoration: none
}
.products-detail .most-popular div span {
display: block;
margin-top: 5px;
font-size: 17px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.products-detail .tablet-detail h3, .products-detail .usb-detail h3 {
border-bottom: 1px solid #e0e0e0;
line-height: 2em;
margin-bottom: 30px
}
.products-detail .tablet-detail h4, .products-detail .usb-detail h4 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #5b5959;
font-size: 21px;
line-height: 26px;
margin-bottom: 10px
}
.products-detail .tablet-detail p, .products-detail .usb-detail p {
font-size: 15px;
line-height: 30px;
color: #5b5959
}
.products-detail .tablet-detail p a, .products-detail .usb-detail p a {
color: #11bbe5;
text-decoration: none
}
.compare-header {
border-bottom: 1px solid #ececec
}
.compare-header .compare-buttons {
float: right
}
.compare-header .compare-buttons .new-compare {
display: inline-block;
background: url(../images/sprites.png) -272px -94px;
height: 39px;
width: 130px;
text-align: center;
color: #064555;
font-size: 13px;
line-height: 35px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
text-decoration: none
}
.compare-header .compare-buttons .view-all {
display: inline-block;
background: url(../images/sprites.png) -407px -94px;
height: 39px;
width: 130px;
text-align: center;
color: #5b5959;
font-size: 13px;
line-height: 35px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
text-decoration: none;
margin-left: 20px
}
.compare-header h2 {
font-size: 45px;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 20px 0;
border: 0
}
.compare-header table {
width: 100%;
/* background: #fbfbfb; */
}
.compare-header table th, .compare-header table td {
width: 222px;
border-right: 1px solid #ececec
}
.compare-header table th {
width: 222px
}
.compare-header table td {
position: relative;
text-align: center;
border-top: 1px solid #ececec;
padding-bottom: 20px
}
.compare-header table td a.close-button {
display: block;
width: 32px;
height: 32px;
position: absolute;
top: -10px;
right: 10px
}
.compare-header table td img {
margin: 20px auto;
display: block;
width: 100px;
height: auto
}
.compare-header table td div {
color: #0082a1;
padding: 10px 0
}
.compare-header table td div span {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.compare-header table button {
background: url(../images/sprites.png) -136px -94px;
display: block;
height: 37px;
width: 125px;
line-height: 32px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
font-size: 13px;
color: #5b5959;
text-align: left;
padding-left: 40px;
outline: 0;
border: 0;
margin: 0 auto
}
.compare-header table .compare-buy-online {
display: block;
width: 99px;
height: 39px;
background: url(../images/sprites.png) -535px -196px;
text-align: center;
line-height: 36px;
color: #48531c;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
text-decoration: none;
font-size: 13px;
margin: 0 auto 30px auto
}
.compare-grid h3 {
border: 0;
color: #909090;
font-size: 20px;
margin-top: 30px
}
.compare-grid table {
width: 100%
}
.compare-grid th {
padding: 25px 25px 25px 0;
width: 197px;
text-align: left;
font-weight: normal
}
.compare-grid th, .compare-grid td {
color: #787777;
border-top: 1px solid #ececec;
border-right: 1px solid #ececec
}
.compare-grid td {
border-bottom: 1px solid #ececec;
padding: 25px;
width: 172px;
font-size: 14px;
line-height: 1.5em
}
.compare-grid td ul {
list-style: none
}
.compare-grid td ul li {
line-height: 2em
}
.compare-nav-bar {
background: #11bbe5;
border-top: 1px solid #0e9fc2;
border-bottom: 1px solid #0e9fc2;
height: 63px;
position: fixed;
width: 100%;
top: 0;
z-index: 9999;
display: none
}
.compare-nav-bar .product-nav-header {
color: #fff
}
.compare-nav-bar th {
width: 244px
}
.compare-nav-bar td {
text-align: center;
width: 244px;
color: #fff
}
.compare-nav-bar td img {
float: right
}
.compare-nav-bar td div {
font-size: 14px;
color: #fff;
line-height: 20px;
padding-top: 10px
}
.compare-nav-bar td div span {
display: block;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 17px
}
h2 {
font-size: 45px;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 35px 0
}
.signin-form {
border: 1px solid #d1d1d1;
padding: 60px 0
}
.signin-form h3 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-align: center;
font-size: 20px;
color: #5b5959;
border: none;
margin-bottom: 20px
}
.signin-form input {
display: block;
margin: 0 auto 30px auto;
outline: 0;
border: 1px solid #c1c1c1;
font-size: 16px;
color: #5b5959;
padding: 0 10px;
width: 485px;
height: 45px
}
.signin-form .forgot-password {
width: 485px;
margin: -15px auto 40px auto;
text-align: right;
font-size: 14px
}
.signin-form .forgot-password a {
color: #11bbe5;
text-decoration: none
}
.signin-form button {
display: block;
margin: 0 auto;
outline: 0;
border: 0;
background: url(../images/sprites.png) -5px -394px;
width: 303px;
height: 63px;
color: #064555;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1)
}
.product-support-body .support-tab {
background: white
}
h2 {
font-size: 45px;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 35px 0
}
.support-form {
background: url(../images/icon-info.png) no-repeat top right;
border: 1px solid #d1d1d1;
padding: 30px;
margin-bottom: 30px;
/*
.selected {
background-color: #ccc;
}
*/
}
.support-form h3 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 20px;
color: #5b5959;
border: none;
margin-bottom: 20px
}
.support-form h3 span {
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal
}
.support-form h4 {
display: block;
margin: 20px 0;
font-size: 16px;
color: #909090
}
.support-form .input_hidden {
position: absolute;
left: -9999px
}
.support-form .radio-phones, .support-form .radio-tablets, .support-form .radio-modems {
display: inline-block;
text-align: center;
width: 131px;
cursor: pointer;
color: #0082a1;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 14px
}
.support-form .radio-phones img, .support-form .radio-tablets img, .support-form .radio-modems img {
border: 1px solid #c9c9c9;
height: 131px;
width: 131px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-ms-border-radius: 75px;
-o-border-radius: 75px;
border-radius: 75px;
margin: 4px
}
.support-form .radio-phones:hover img, .support-form .radio-phones.selected img, .support-form .radio-tablets:hover img, .support-form .radio-tablets.selected img, .support-form .radio-modems:hover img, .support-form .radio-modems.selected img {
border-width: 5px;
margin: 0
}
.support-form .radio-phones:hover img, .support-form .radio-tablets:hover img, .support-form .radio-modems:hover img {
border-color: #b0cb46
}
.support-form .radio-phones.selected img, .support-form .radio-tablets.selected img, .support-form .radio-modems.selected img {
border-color: #ee2375
}
.support-form .radio-phones {
margin: 0 6px 0 0
}
.support-form .radio-tablets, .support-form .radio-modems {
margin: 0 6px
}
.support-form button {
display: block;
margin-top: 40px;
outline: 0;
border: 0;
background: url(../images/sprites.png) -5px -394px;
width: 303px;
height: 63px;
color: #064555;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1)
}
.register-form {
background: none;
margin-bottom: 0
}
.register-form .span-6 {
width: 442px
}
.register-form input[type=text] {
width: 428px;
height: 45px;
outline: 0;
font-size: 16px
}
.device-form {
background: #fbfbfb;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
padding: 30px;
margin-bottom: 30px
}
.device-form h3 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 20px;
color: #5b5959;
border: none;
margin-bottom: 20px
}
.device-form h3 span {
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal
}
.device-form h4 {
display: block;
margin: 20px 0;
font-size: 16px;
color: #909090
}
.device-form input[type=text] {
width: 428px;
height: 45px;
outline: 0;
font-size: 16px
}
.device-form button {
display: block;
margin-top: 40px;
outline: 0;
border: 0;
background: url(../images/sprites.png) -5px -394px;
width: 303px;
height: 63px;
color: #064555;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1)
}
.mydevice-form {
border: 1px solid #d1d1d1;
height: 472px
}
.mydevice-form h3 {
color: #c1c1c1;
font-size: 12px;
line-height: 2em;
margin-top: 15px
}
.mydevice-form .device-overview .device-image {
float: left;
width: 105px;
height: 140px;
text-align: center
}
.mydevice-form .device-overview .current-device {
margin-left: 105px;
font-size: 17px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #c1c1c1
}
.mydevice-form .device-overview .current-device .device-name {
margin: 17px 0;
display: block;
font-size: 36px;
color: #2eb6e8;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400
}
.mydevice-form .device-quicklinks {
padding: 0 0 30px 15px
}
.mydevice-form .device-quicklinks ul {
list-style: none;
margin-bottom: 25px
}
.mydevice-form .device-quicklinks ul a {
display: block;
color: #0082a1;
border-bottom: 1px solid #e5e5e5;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 17px;
text-decoration: none;
line-height: 49px;
width: 356px;
padding: 0 0 0 15px;
-webkit-transition: background 0.1s ease;
-moz-transition: background 0.1s ease;
-ms-transition: background 0.1s ease;
-o-transition: background 0.1s ease;
transition: background 0.1s ease
}
.mydevice-form .device-quicklinks ul a:hover, .mydevice-form .device-quicklinks ul li.active a {
background: #2eb6e8;
color: #fff
}
.mydevice-form .device-quicklinks .acct-links {
color: #909090
}
.mydevice-form .device-quicklinks .acct-links a {
color: #909090;
text-decoration: none;
font-size: 12px;
margin: 0 15px
}
.mydevice-form .mydevice-selector {
border-left: 1px solid #d1d1d1;
background: #e6e6e6;
margin-left: -3px;
height: 472px;
position: relative
}
.mydevice-form .mydevice-selector .new-device-form {
display: none;
position: absolute;
top: 0;
right: 0;
background: #e6e6e6;
height: 437px;
width: 236px;
padding: 0 35px 35px 35px
}
.mydevice-form .mydevice-selector .new-device-form .close-form {
display: block;
width: 32px;
height: 32px;
position: absolute;
top: -10px;
right: -10px;
background: url(../images/icon-close-button.png) no-repeat
}
.mydevice-form .mydevice-selector .new-device-form label {
color: #909090;
font-size: 14px;
display: block;
margin: 35px 0 20px 0
}
.mydevice-form .mydevice-selector .new-device-form select {
margin-bottom: 30px
}
.mydevice-form .mydevice-selector .new-device-form .save-device-button {
display: block;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
width: 252px;
height: 52px;
line-height: 50px;
text-align: center;
outline: 0;
border: 0;
color: #5b5959;
font-size: 14px;
margin: 55px auto 0 auto;
background: url(../images/sprites.png) -627px -477px;
padding-left: 30px
}
.mydevice-form .mydevice-selector .add-device-button {
display: block;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
width: 222px;
height: 52px;
line-height: 50px;
text-align: center;
outline: 0;
border: 0;
color: #5b5959;
font-size: 14px;
margin: 0 auto;
background: url(../images/sprites.png) -370px -477px;
padding-left: 30px;
text-decoration: none
}
.mydevice-form .mydevice-selector .device-list {
height: 306px;
overflow: auto;
margin: 30px 15px 60px 30px;
padding-right: 20px
}
.mydevice-form .mydevice-selector .device-list .device-item {
border-bottom: 1px solid #cdcdcd;
padding: 5px 0
}
.mydevice-form .mydevice-selector .device-list .device-item img {
float: right
}
.mydevice-form .mydevice-selector .device-list .device-item p {
font-size: 14px;
color: #909090
}
.mydevice-form .mydevice-selector .device-list .device-item p span {
color: #0082a1;
font-size: 17px;
display: block
}
.call-support h2 {
font-size: 36px !important;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 35px 0
}
.call-support p {
color: #909090
}
.call-support p.phone-num {
background: url(../images/icon-call.png) no-repeat left;
padding-left: 25px
}
.contact-form {
margin-bottom: 30px
}
.contact-form h2 {
font-size: 36px !important;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 35px 0
}
.contact-form h3 {
font-size: 17px;
color: #909090;
border: none;
margin-top: 10px;
line-height: 35px;
font-weight: normal
}
.contact-form h3 span {
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal
}
.contact-form h4 {
display: block;
margin: 20px 0;
font-size: 17px;
color: #909090;
font-weight: normal
}
.contact-form select {
position: relative
}
.contact-form input[type=text] {
width: 428px;
height: 45px;
outline: 0;
font-size: 16px;
padding: 0 10px;
color: #909090
}
.contact-form textarea {
width: 428px;
height: 256px;
outline: 0;
font-size: 16px;
padding: 10px;
color: #909090
}
.contact-form button {
display: block;
margin-top: 40px;
outline: 0;
border: 0;
background: url(../images/sprites.png) -5px -394px;
width: 303px;
height: 63px;
color: #064555;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1)
}
.contact-form .topics {
background: #fbfbfb;
border: 1px solid #c7c7c7;
padding: 20px;
margin: 40px 0;
width: 643px
}
.contact-form .topics h3 {
color: #c1c1c1;
font-size: 12px;
border-bottom: 3px solid #c1c1c1;
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal;
line-height: 1.4em;
margin: 0
}
.contact-form .topics h3 span {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.contact-form .topics h3 a {
font-size: 12px;
float: right;
color: #5babbf
}
.contact-form .topics ul {
/* border-top: 1px solid #d8dada; */
margin-top: 10px;
padding-top: 20px;
font-size: 15px;
list-style: none
}
.contact-form .topics ul li {
line-height: 2em
}
.contact-form .topics ul li a {
color: #3e87b3;
text-decoration: none
}
.breadcrumb h2 {
margin: 0 0 0 85px
}
.sitemap {
padding: 50px 0
}
.sitemap a {
color: #11bbe5
}
.sitemap h3 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
color: #11bbe5;
border: 0;
margin: 0 0 15px 0;
line-height: 1.5em;
border-bottom: 1px solid #ececec
}
.sitemap h3 span {
display: inline-block;
width: 15px;
height: 18px;
background: url(../images/icon-pink-arrow.png) right no-repeat
}
.sitemap ul {
list-style: none;
margin-bottom: 30px
}
.sitemap ul .sm-spacer {
display: block;
height: 30px
}
.sitemap ul li {
line-height: 2em
}
.sitemap ul a {
text-decoration: none
}
.sitemap .sm-bold a {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 15px
}
.sitemap .sm-productlist {
width: 30%;
float: left
}
.sitemap .sm-productlist .sm-lower {
margin-top: 30px
}
.sitemap .sm-productlist .sm-title {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #11bbe5
}
.sitemap .sm-productlist .sm-title > ul > li {
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal
}
.sitemap .sm-productlist li > ul > li {
margin-left: 15px
}
h2 {
font-size: 45px;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 35px 0
}
.pr-contact {
padding-top: 15px;
float: right;
font-size: 12px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #c1c1c1
}
.pr-contact a {
color: #0082a1;
display: block;
font-size: 14px;
text-decoration: none;
margin-top: 5px
}
.newslist-container {
border-top: 3px solid #c1c1c1;
margin-bottom: 50px
}
.newslist-container article {
padding: 30px 30px 30px 0;
border-bottom: 1px solid #cacaca;
background: url(../images/icon-grey-arrow.png) no-repeat right
}
.newslist-container article .news-date {
color: #c1c1c1;
font-size: 13px
}
.newslist-container article p {
font-size: 15px;
color: #5a5959
}
.newslist-container article .news-continue, .newslist-container article .news-continue a {
display: block;
color: #008ab0;
font-size: 14px;
text-decoration: none;
margin-top: 10px
}
.newslist-container article h3 {
border: 0;
color: #008ab0;
font-size: 20px;
line-height: 1.5em
}
.newslist-container article h3 a {
color: #008ab0;
text-decoration: none
}
.newsarticle-container {
padding-top: 20px;
border-top: 3px solid #c1c1c1;
margin-bottom: 50px
}
.newsarticle-container article h3 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 24px;
color: #5a5959;
border: 0
}
.newsarticle-container article p {
font-size: 14px;
color: #5a5959;
margin-bottom: 15px;
line-height: 1.5em
}
.newsarticle-container article ul {
font-size: 14px;
color: #5a5959;
list-stlye: none;
margin-left: 35px
}
.newsarticle-container article ul li {
list-style: none;
line-height: 1.5em
}
.searchresults {
background: #f8f8f8;
padding: 35px 0
}
h2 {
font-size: 45px;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 0 0 35px 0;
border: 0
}
.modify-search-form {
padding-top: 15px;
float: right;
font-size: 12px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #c1c1c1
}
.search-container .visit-support-button {
background: url(../images/sprites.png) -313px -133px;
width: 190px;
height: 47px;
line-height: 47px;
text-align: center;
color: #48531c;
display: block;
text-decoration: none;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
margin-top: 20px
}
.search-container .span-3 {
border-top: 1px solid #c6c6c6;
padding-top: 20px
}
.search-container .span-3 p {
font-size: 20px;
line-height: 26px;
color: #5a5959;
margin-bottom: 20px
}
.search-container .support-phone, .search-container .support-tablet, .search-container .support-usb {
display: inline-block;
width: 61px;
height: 61px
}
.search-container .support-phone {
background: url(../images/sprites.png) -313px -270px
}
.search-container .support-tablet {
background: url(../images/sprites.png) -385px -270px
}
.search-container .support-usb {
background: url(../images/sprites.png) -458px -270px
}
.search-container .search-results-block {
background: #fff;
border: 1px solid #dfdfdf;
margin-left: -2px;
padding: 25px;
width: 675px
}
.search-container .search-title {
font-size: 24px;
line-height: 2em;
border-bottom: 2px solid #c1c1c1
}
.search-container .search-title .bold-text {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.search-container .search-title .search-term {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #008ab0
}
.search-container article {
background: url(../images/icon-grey-arrow.png) no-repeat right;
padding: 20px 0;
border-bottom: 1px solid #cacaca
}
.search-container article .result-meta {
float: left;
width: 100px
}
.search-container article .result-meta .result-meta-tag {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 11px;
display: block;
width: 85px;
text-align: center;
line-height: 25px
}
.search-container article .result-meta .tag-faq {
background: #b0cb46
}
.search-container article .result-meta .tag-company {
background: #ee2375
}
.search-container article .result-meta .tag-news {
background: #5a5959
}
.search-container article .result-meta .tag-trouble {
background: #008ab0;
font-size: 10px
}
.search-container article .result-desc {
margin-left: 120px
}
.search-container article .result-desc a {
text-decoration: none
}
.search-container article .result-desc a p {
color: #5a5959
}
.search-container article .result-desc a:hover h4 {
text-decoration: none
}
.search-container article h4 {
font-size: 15px;
color: #008ab0;
margin-bottom: 5px
}
.search-container article p {
width: 85%;
font-size: 14px;
line-height: 20px
}
body.where-to-buy footer .container {
border-top: 0
}
h2 {
font-size: 45px;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
color: #008ab0;
margin: 35px 0;
border: 0
}
.map-container {
border: 1px solid #d1d1d1;
position: relative
}
.map-container .location-form {
color: #909090;
font-size: 14px;
border-bottom: 5px solid #c1c1c1;
padding-bottom: 8px;
position: relative;
z-index: 99
}
.map-container .location-form span {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #5b5959
}
.map-container .location-form .blocked {
display: block
}
.map-container .location-form .my-location {
display: block;
background: url(../images/sprites.png) -543px -94px;
float: right;
color: #064555;
font-size: 13px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
width: 138px;
height: 38px;
text-decoration: none;
line-height: 35px;
text-align: center
}
.map-container .location-form .form-row {
margin-top: 20px
}
.map-container .location-form .form-row input[type=text] {
width: 300px;
height: 41px;
outline: 0;
border: 1px solid #c1c1c1;
float: left;
font-size: 16px;
padding-left: 16px
}
.map-container .location-form .form-row .zipcode-button {
display: block;
float: left;
background: url(../images/sprites.png) -535px -239px;
width: 71px;
height: 46px;
outline: 0;
border: 0;
cursor: pointer
}
.map-container .location-form .form-row .checkboxes {
width: 70%;
float: right;
text-align: right;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #0082a1
}
.map-container .location-results {
height: 513px;
width: 391px;
overflow: auto;
position: absolute;
bottom: 35px;
left: 25px
}
.map-container .location-results .location-row {
border-bottom: 1px solid #c1c1c1;
color: #5b5959;
font-size: 14px;
line-height: 1.5em;
padding: 30px 0 25px 0
}
.map-container .location-results .location-row .marker {
width: 32px;
float: left;
position: relative
}
.map-container .location-results .location-row .marker img {
position: absolute;
top: 0;
left: 0
}
.map-container .location-results .location-row .marker span {
position: absolute;
top: 2px;
left: 6.5px;
color: #fff;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 13px
}
.map-container .location-results .location-row .location-desc {
width: 227px;
padding: 0 10px;
float: left;
margin-left: 32px
}
.map-container .location-results .location-row .distance {
float: left;
text-align: right
}
.map-container .location-results .location-row .distance a {
display: block;
color: #0082a1;
font-size: 12px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
margin-top: 8px
}
.map-container .locations, .map-container .map {
float: left
}
.map-container .locations {
width: 391px;
padding: 25px
}
.map-container .map {
width: 535px
}
.map-container .map img {
border: 8px solid #e7e6e6
}
.marker-content {
font-size: 14px;
line-height: 1.5em
}
.wtb-pagination {
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
color: #c1c1c1
}
body.why-pantech .breadcrumb {
border-bottom: 1px solid #2d8ca3
}
.why-hero {
background: #40c8e9 url(../images/why-hero-bg.png) no-repeat center;
height: 449px;
border-bottom: 1px solid #b3e9f6;
border-top: 1px solid #fff
}
.why-hero .container {
color: #fff;
position: relative
}
.why-hero .container h2 {
margin-left: 461px;
margin-bottom: 15px;
padding-top: 156px;
color: #fff;
font-size: 70px;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400
}
.why-hero .container p {
padding-left: 227px;
margin-left: 461px;
font-size: 26px
}
.why-hero .container p span {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.why-hero .container .wp-clouds {
display: none;
background: url(../images/why-pantech-clouds.png) no-repeat;
width: 761px;
height: 398px;
position: absolute;
left: -117px;
top: 16px
}
.why-hero .container .wp-city {
display: none;
background: url(../images/why-pantech-city.png) no-repeat;
width: 761px;
height: 398px;
position: absolute;
left: -117px;
top: 16px
}
.why-hero2 {
background: white url(../images/why-hero2-bg.png) no-repeat center;
height: 407px;
border-top: 1px solid #2d8ca3;
border-bottom: 1px solid #c1c1c1
}
.why-hero2 .container h3 {
font-size: 33px;
border: 0;
color: #ee2375;
line-height: 45px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal;
width: 550px;
margin-top: 60px
}
.why-hero2 .container p {
color: #595959;
font-size: 17px;
line-height: 28px;
width: 550px;
margin-top: 20px
}
.why-hero3 {
background: white url(../images/why-hero3-bg.png) no-repeat center;
height: 431px
}
.why-hero3 .container h3 {
font-size: 33px;
border: 0;
color: #ee2375;
line-height: 45px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal;
margin-left: 504px;
padding-top: 100px;
width: 471px
}
.why-hero3 .container p {
color: #595959;
font-size: 17px;
line-height: 28px;
margin-left: 504px;
margin-top: 20px;
width: 471px
}
.why-block4 {
background: #0a83a2;
height: 757px
}
.why-block4 .container {
height: 757px;
background: #0a83a2
}
.why-block4 .container h3 {
font-size: 33px;
border: 0;
color: #fff;
line-height: 45px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal;
padding-top: 70px;
text-align: center
}
.why-block4 .container .tab-container .wp-tabs {
list-style: none;
margin: 0;
padding: 0;
/* end icons */
/* blue circles */
/* end blue circles */
}
.why-block4 .container .tab-container .wp-tabs li {
position: relative;
display: inline-block
}
.why-block4 .container .tab-container .wp-tabs li a {
display: block;
-webkit-transform: translatex(0) translatey(0)
}
.why-block4 .container .tab-container .wp-tabs li a.active img, .why-block4 .container .tab-container .wp-tabs li a.active span {
display: none
}
.why-block4 .container .tab-container .wp-tabs .affordabilitytab a span, .why-block4 .container .tab-container .wp-tabs .innovationtab a span, .why-block4 .container .tab-container .wp-tabs .designtab a span, .why-block4 .container .tab-container .wp-tabs .qualitytab a span {
display: block;
width: 145px;
height: 145px;
position: absolute;
opacity: 0;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 400ms;
background: url(../images/wp-circle.png) no-repeat
}
.why-block4 .container .tab-container .wp-tabs .affordabilitytab:hover a span, .why-block4 .container .tab-container .wp-tabs .innovationtab:hover a span, .why-block4 .container .tab-container .wp-tabs .designtab:hover a span, .why-block4 .container .tab-container .wp-tabs .qualitytab:hover a span {
opacity: 1;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 400ms
}
.why-block4 .container .tab-container .wp-tabs .affordabilitytab a img, .why-block4 .container .tab-container .wp-tabs .innovationtab a img, .why-block4 .container .tab-container .wp-tabs .designtab a img, .why-block4 .container .tab-container .wp-tabs .qualitytab a img {
-webkit-transform: scale(0.8);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms
}
.why-block4 .container .tab-container .wp-tabs .affordabilitytab a:hover img, .why-block4 .container .tab-container .wp-tabs .innovationtab a:hover img, .why-block4 .container .tab-container .wp-tabs .designtab a:hover img, .why-block4 .container .tab-container .wp-tabs .qualitytab a:hover img {
-webkit-transform: scale(1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms
}
.why-block4 .container .tab-container .wp-tabs .affordabilitytab a span {
top: 1px;
left: 2px
}
.why-block4 .container .tab-container .wp-tabs .affordabilitytab a {
width: 183px;
height: 248px;
margin-right: 44px
}
.why-block4 .container .tab-container .wp-tabs .affordabilitytab a.active {
background: url(../images/sprites.png) -5px -841px
}
.why-block4 .container .tab-container .wp-tabs .innovationtab a span {
top: 62px;
left: 31px
}
.why-block4 .container .tab-container .wp-tabs .innovationtab a img {
position: absolute;
left: -9px
}
.why-block4 .container .tab-container .wp-tabs .innovationtab a {
width: 183px;
height: 248px;
margin-right: 44px
}
.why-block4 .container .tab-container .wp-tabs .innovationtab a.active {
background: url(../images/sprites.png) -208px -841px
}
.why-block4 .container .tab-container .wp-tabs .designtab a span {
top: 15px;
left: 78px
}
.why-block4 .container .tab-container .wp-tabs .designtab a img {
position: absolute;
left: -6px
}
.why-block4 .container .tab-container .wp-tabs .designtab a {
width: 225px;
height: 248px;
margin-right: 40px
}
.why-block4 .container .tab-container .wp-tabs .designtab a.active {
background: url(../images/sprites.png) -407px -841px
}
.why-block4 .container .tab-container .wp-tabs .qualitytab a span {
top: 64px;
left: 30px
}
.why-block4 .container .tab-container .wp-tabs .qualitytab a img {
position: absolute;
left: -30px
}
.why-block4 .container .tab-container .wp-tabs .qualitytab a {
width: 183px;
height: 248px
}
.why-block4 .container .tab-container .wp-tabs .qualitytab a.active {
background: url(../images/sprites.png) -669px -841px
}
.why-block4 .container .affordability {
background: url(../images/wp-affordability-bg.png) no-repeat top left
}
.why-block4 .container .affordability h4 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 45px;
color: #fff;
margin: 38px 0 30px 50px
}
.why-block4 .container .affordability p {
color: #fff;
font-size: 17px;
line-height: 28px;
margin-left: 50px;
width: 412px
}
.why-block4 .container .innovation {
background: url(../images/wp-innovation-bg.png) no-repeat top left
}
.why-block4 .container .innovation h4 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 45px;
color: #fff;
margin: 38px 0 30px 50px
}
.why-block4 .container .innovation p {
color: #fff;
font-size: 17px;
line-height: 28px;
margin-left: 50px;
width: 412px
}
.why-block4 .container .design {
background: url(../images/wp-design-bg.png) no-repeat top left
}
.why-block4 .container .design h4 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 45px;
color: #fff;
margin: 38px 0 30px 507px
}
.why-block4 .container .design p {
color: #fff;
font-size: 17px;
line-height: 28px;
margin-left: 507px;
width: 412px
}
.why-block4 .container .quality {
background: url(../images/wp-quality-bg.png) no-repeat top left
}
.why-block4 .container .quality h4 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 45px;
color: #fff;
margin: 38px 0 30px 50px
}
.why-block4 .container .quality p {
color: #fff;
font-size: 17px;
line-height: 28px;
margin-left: 50px;
width: 412px
}
.why-block4 .container .tab-content {
/* margin-left: 44px; */
margin-top: -5px;
width: 977px;
height: 386px;
border-top: 10px solid #b0cb46
}
.why-block5 {
padding: 100px 0;
color: #595959;
font-size: 17px;
line-height: 28px
}
.why-block5 h3 {
font-size: 33px;
color: #909090;
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal;
border: 0
}
.why-block5 img {
float: left;
display: block;
margin: 0 auto
}
.why-block5 p {
margin-top: 250px
}
.why-block5 span {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.company-view footer .container {
border-top: 0
}
.company-hero {
height: 450px;
background: url(../images/company_bg.png) top center;
color: #fff;
border-bottom: 1px solid #adb0b1;
border-top: 2px solid #8a8e8e
}
.company-hero p {
margin-top: 60px;
color: #fff;
font-size: 60px;
line-height: 1em
}
.company-hero p span {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.company-hero .recycle {
padding-left: 50px;
margin-top: 37px;
height: 50px;
font-size: 18px;
background: url(../images/icon-recycle.png) no-repeat top left
}
.company-hero .recycle b {
display: block;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
margin-top: 5px
}
.company-content {
border-top: 1px solid #242a2b
}
.company-content .sidebar {
padding-top: 50px
}
.company-content .sidebar h3 {
color: #0082a1;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 14px;
border-top: 1px solid #cacaca;
border-bottom: 1px solid #cacaca
}
.company-content .sidebar ul {
list-style: none
}
.company-content .sidebar ul li a {
display: block;
border-bottom: 1px solid #cacaca;
font-size: 14px;
line-height: 3em;
text-decoration: none;
padding-left: 35px;
color: #959595;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.company-content article h2 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #595959;
font-size: 30px;
border-bottom: 1px solid #c1c1c1;
line-height: 2em
}
.company-content article img {
margin-bottom: 47px
}
.company-content article p {
color: #595959;
font-size: 20px;
line-height: 1.5em;
margin-bottom: 20px
}
.company-content article p .float-right {
float: right;
margin-left: 30px
}
.company-why {
border-top: 1px solid #c1c1c1;
padding: 56px 0
}
.company-why h3 {
color: #0a83a2;
border: 0;
font-size: 40px;
font-weight: normal
}
.company-why p {
color: #595959;
font-size: 17px
}
.company-bottom {
background: #b0cb46 url(../images/company-bottom-bg.png) no-repeat top center;
height: 448px
}
.company-bottom > div {
padding-top: 467px
}
.company-bottom h3, .company-bottom p, .company-bottom a {
color: #48531c
}
.company-bottom h3 {
font-size: 28px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
border: 0
}
.company-bottom p {
font-size: 17px;
line-height: 28px;
margin-bottom: 30px
}
body.view-404 {
background: #3a3b3c
}
body.view-404 footer {
background: #3a3b3c
}
body.view-404 footer .container {
border-top: 1px solid #c1c1c1;
margin-top: 80px
}
.header-404 {
background: #41c9ea;
border-top: 1px solid #b3e9f7;
border-bottom: 1px solid #8ddff2;
height: 64px
}
.top-404 {
padding-left: 150px;
margin: 50px 0 30px;
background: url(../images/icon-magnify.png) no-repeat left
}
.top-404 p {
color: #fff;
font-size: 14px;
line-height: 20px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: normal
}
.top-404 h2 {
margin: 0 0 20px 0;
font-family: "Helvetica", Arial, sans-serif;
font-size: 36px;
color: #909090
}
.bottom-404 {
padding: 40px 85px;
background: #fff
}
.bottom-404 .cta-404 {
height: 245px;
padding-left: 252px;
background: url(../images/404-phone.png) no-repeat bottom left;
border-bottom: 1px solid #ececec
}
.bottom-404 .cta-404 img {
margin-top: 40px
}
.bottom-404 .cta-404 h3 {
margin: 0;
line-height: 40px;
border: 0;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 22px;
color: #909090
}
.bottom-404 .cta-404 .learn-more {
display: block;
color: #48531c;
text-decoration: none;
font-size: 13px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
text-align: center;
background: url(../images/sprites.png) -508px -133px;
height: 38px;
width: 105px;
line-height: 38px;
margin-top: 15px
}
.bottom-404 .span-6 {
width: 554px
}
.bottom-404 .err-productlist {
margin-top: 50px
}
.bottom-404 .err-productlist h3 {
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
color: #11bbe5;
border: 0;
margin: 0 0 15px 0;
line-height: 1.5em;
border-bottom: 1px solid #ececec
}
.bottom-404 .err-productlist h3 span {
display: inline-block;
width: 15px;
height: 18px;
background: url(../images/icon-pink-arrow.png) right no-repeat
}
.bottom-404 .err-productlist ul {
list-style: none;
font-size: 15px;
line-height: 26px;
margin-bottom: 30px
}
.bottom-404 .err-productlist ul li a {
color: #11bbe5
}
.bottom-404 .err-productlist .one-third {
width: 33%;
float: left
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #fff !important;
border-radius: 0 !important;
border: 1px solid #c1c1c1 !important
}
.ui-selectmenu-menu li a, .ui-selectmenu-status {
font-size: 16px;
color: #909090
}
.ui-state-default .ui-icon {
width: 20px;
height: 20px;
background-image: none;
background: url(../images/ui-select-icon.png) no-repeat 0 -25px !important
}
.ui-state-active .ui-icon {
background: url(../images/ui-select-icon.png) no-repeat 0 5px !important
}
/* Selectmenu
----------------------------------*/
.ui-selectmenu {
display: block;
display: inline-block;
position: relative;
vertical-align: middle;
text-decoration: none;
overflow: hidden;
zoom: 1
}
.ui-selectmenu-icon {
position: absolute;
right: 6px;
margin-top: -8px;
top: 50%
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
display: none;
z-index: 1005
}
/* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu ul {
padding: 0;
margin: 0;
list-style: none;
min-width: 110px !important;
position: relative;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch
}
.ui-selectmenu-open {
display: block
}
ul.ui-selectmenu-menu-popup {
margin-top: -1px
}
.ui-selectmenu-menu li {
padding: 0;
margin: 0;
display: block;
border-top: 1px dotted transparent;
border-bottom: 1px dotted transparent;
border-right-width: 0 !important;
border-left-width: 0 !important
}
.ui-selectmenu-menu li a, .ui-selectmenu-status {
display: block;
padding: 0.405em 2.1em 0.405em 1em;
outline: none;
text-decoration: none
}
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
cursor: default
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {
padding-left: 20px;
position: relative;
margin-left: 5px
}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
position: absolute;
top: 1em;
margin-top: -8px;
left: 0
}
.ui-selectmenu-status {
line-height: 1.4em
}
.ui-selectmenu-menu li span, .ui-selectmenu-status span {
display: block;
margin-bottom: 0.2em
}
.ui-selectmenu-menu li .ui-selectmenu-item-header {
font-weight: bold
}
.ui-selectmenu-menu li .ui-selectmenu-item-footer {
opacity: 0.8
}
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {
font-size: 1em
}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
line-height: 1.4em;
display: block;
padding: 0.6em 0.5em 0;
font-weight: bold
}
.ui-selectmenu-menu .ui-selectmenu-group ul {
margin: 0;
padding: 0
}
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li {
border-color: pink;
filter: chroma(color=pink);
width: 100%
}
* html .ui-selectmenu-menu li a {
position: relative
}
/* IE7 workaround (opacity disabled) */
* + html .ui-state-disabled, * + html .ui-state-disabled a {
color: silver
}
.fancybox-wrap {
position: absolute;
top: 0 !important;
left: 0 !important;
z-index: 8020;
width: 100% !important
}
.fancybox-inner {
width: 100% !important
}
.fancybox-skin {
padding: 0 !important;
background: #fff !important
}
.fancybox-close {
top: 10px !important;
right: 10px !important;
background: url(../images/fancybox-close.png) no-repeat !important;
width: 32px;
height: 32px
}
#galleryblock .gallery {
text-align: center
}
#galleryblock .gallery-thumbs {
background: #efefef;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 209px;
border-top: 1px solid #c1c1c1;
text-align: center;
line-height: 209px
}
.gallery_hero {
width: 643px;
height: 440px;
overflow: hidden;
margin: 0 auto;
position: relative
}
.thumbnail_carousel {
width: 650px;
margin: 60px auto 0 auto;
height: 90px;
overflow: hidden
}
.thumbnail-controls {
display: block;
width: 730px;
margin: 0 auto;
position: relative
}
.thumbnail-controls #thumb-prev, .thumbnail-controls #thumb-next {
position: absolute;
top: 85px
}
.thumbnail-controls #thumb-prev {
display: block;
width: 25px;
height: 35px;
left: 0;
z-index: 999;
background: url(../images/sprites.png) -727px -133px
}
.thumbnail-controls #thumb-next {
display: block;
width: 25px;
height: 35px;
right: 0;
z-index: 999;
background: url(../images/sprites.png) -759px -133px
}
#gallery-nav {
list-style: none
}
#gallery-nav li {
display: inline-block;
border: 1px solid #c1c1c1;
margin: 0 5px 20px 5px
}
#gallery-nav li.activeSlide {
border: 3px solid #ee2375
}
.inner_gallery_wrapper {
position: relative
}
.hero-controls {
width: 695px;
margin: 0 auto;
position: relative
}
#slidenext {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 25px;
height: 35px;
z-index: 999;
background: url(/assets/images/arrow-gallery-right.png) 0 0 no-repeat
}
#slidenext:hover {
background-position: 0 -35px
}
#slideprev {
position: absolute;
top: 50%;
left: 20px;
display: block;
width: 25px;
height: 35px;
z-index: 999;
margin-left: -35px;
background: url(/assets/images/arrow-gallery-left.png) 0 0 no-repeat
}
#slideprev:hover {
background-position: 0 -35px
}
.custom-caption {
position: absolute;
bottom: 0;
right: 80px;
background: #ee2375;
width: 115px;
height: 72px;
display: block;
color: #fff;
font-size: 32px;
text-align: center;
line-height: 70px
}
#cycle-slideshow, #cycle-slideshow .photo {
text-align: center;
margin: 0 auto
}
#cycle-slideshow .video {
width: 690px;
text-align: center;
padding-top: 75px;
margin: 0 auto
}
.download-form h2 {
font-size: 28px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
line-height: 1em;
margin-bottom: 37px;
color: #5b5959
}
.download-form h2 span {
color: #11bbe5
}
.download-form label {
color: #5b5959;
font-size: 17px;
display: block
}
.download-form input[type=text] {
width: 371px;
line-height: 45px;
margin: 18px 0;
border: 1px solid #c1c1c1;
padding: 0 10px;
font-size: 17px;
color: #5b5959
}
.download-form .checkbox-label {
margin: 0 0 40px 0
}
.download-form button {
display: block;
outline: 0;
border: 0;
width: 167px;
height: 37px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
color: #064555;
font-size: 13px;
line-height: 35px;
background: url(../images/sprites.png) -669px -253px;
margin: 18px 0 40px 0
}
.terms-container {
margin-top: 30px;
float: right;
width: 470px;
height: 381px;
background: #efefef;
padding: 17px
}
.terms-container .terms {
background: #fff;
overflow: auto;
padding: 17px;
font-size: 14px;
color: #5b5959;
line-height: 22px;
height: 300px
}
.privacy-link {
color: #11bbe5;
text-decoration: none;
float: right;
font-size: 14px;
padding-top: 10px
}
.download-thanks {
text-align: center;
margin-top: 100px
}
.download-thanks h2 {
color: #4f4f4f;
font-size: 28px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
line-height: 1em;
margin: 0
}
.download-thanks img {
margin: 22px 0
}
.download-thanks p {
font-size: 17px;
line-height: 28px;
color: #5b5959
}
.download-thanks p span {
display: block;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold
}
.download-thanks p a {
color: #11bbe5;
text-decoration: none
}
/*PRODUCT VIEW PRESS AND REVIEW TABS*/
.press-block {
min-height: 350px
}
.press-block:nth-child(4n+5) {
margin-right: 0
}
.press-block.first {
clear: left
}
.press-tab .press-logo {
vertical-align: center
}
.press-tab .press-logo img {
width: 50%;
min-height: auto;
padding: 5px
}
.press-tab .press-logo:hover img {
border: 7px solid #f3f3f3;
cursor: auto
}
.press-tab .press-title {
margin: 10px 0
}
.press-tab h2 a, .press-tab h2 {
color: #0082a1;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 24px;
text-decoration: none;
/* border-bottom: #0082a1 1px solid; */
display: block
}
.press-tab h2 a:hover {
border-bottom: none;
color: #11bbe5
}
.press-tab .press-desc, .press-tab p {
color: #5b5959;
font-family: "Helvetica", Arial, sans-serif;
font-size: 15px;
line-height: 20px;
margin: 5px 0 10px
}
.press-tab a.press-link {
background: url(../images/sprites.png) -475px -411px;
width: auto;
height: auto;
font-size: 14px;
text-align: center;
text-decoration: none;
line-height: 40px;
color: #5babbf;
margin-top: 15px;
padding-right: 30px;
padding-left: 0;
text-decoration: none
}
.press-tab a.press-link:hover {
color: #11bbe5;
text-decoration: none
}
.reviews-tab h1 {
color: #3e87b2;
font-size: 48px;
margin: 20px 0;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400
}
.reviews-tab h2 {
color: #0082a1;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 24px;
display: block
}
.reviews-tab p {
color: #5b5959;
font-family: "Helvetica", Arial, sans-serif;
font-size: 15px;
line-height: 20px;
margin: 5px 0
}
#bazaar-container {
width: 980px
}
.accessories-tab .accessory-block.first {
clear: left
}
#faqs-panel .faq-answer, #troubleshooting-panel .faq-answer, #faq-external .faq-answer {
margin-bottom: 20px;
width: 675px;
padding: 10px 0;
color: #919191
}
.support-tab #faq-external ul {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 15px;
margin: 20px 0 0 18px;
color: #c1c1c1;
list-style: none
}
.support-tab #faqs-panel ul li a:hover, .support-tab #troubleshooting-panel ul li a:hover, .support-tab #faq-external ul li a:hover {
text-decoration: none
}
.support-tab .faq-answer p, .support-tab #troubleshooting-panel p, .support-tab #faq-external p {
font-family: "Helvetica", Arial, sans-serif;
font-size: 15px;
line-height: 1.8em;
font-weight: normal
}
.support-tab #faqs-panel ul li a, .support-tab #troubleshooting-panel ul li a, .support-tab #faq-external ul li a {
text-decoration: none
}
.support-tab #troubleshooting-panel ul li a {
color: #5babbf
}
.support-tab #faqs-panel ul li a:hover, .support-tab #troubleshooting-panel ul li a:hover, .support-tab #faq-external ul li a:hover {
color: #19b3dd;
text-decoration: none
}
.support-tab #faqs-panel ul li, .support-tab #troubleshooting-panel ul li, .support-tab #faq-external ul li {
background: none;
border-bottom: none;
margin: 10px 0
}
.support-tab #faqs-panel ul li ul, .support-tab #faqs-panel ul li ol, .support-tab #troubleshooting-panel ul li ul, .support-tab #troubleshooting-panel ul li ol, .support-tab #faq-external ul li ul, .support-tab #faq-external ul li ol {
margin: 0 0 0 30px
}
.faq-answer {
display: none
}
.support-tab h3.top-label, .support-tab h3.main-label {
color: #3e87b2;
font-size: 48px;
line-height: 1em;
margin: 0 0 10px 0;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
border-bottom: none
}
.support-tab #faqs-panel ul li, .support-tab #faqs-panel ol li, .support-tab #troubleshooting-panel ul li, .support-tab #troubleshooting-panel ol li, .support-tab #faq-external ul li, .support-tab #faq-external ol li {
font-family: "Helvetica", Arial, sans-serif;
font-size: 15px;
line-height: 1.8em;
font-weight: normal;
padding-right: 20px
}
#calls-to-action {
display: block;
padding: 60px 0 40px 0;
clear: both
}
#calls-to-action .cta {
float: left;
display: inline-block;
width: 270px;
margin-right: 30px;
border: 1px #c6c5c5 solid;
padding: 25px 17px;
height: 235px
}
#calls-to-action .cta.last {
margin-right: 0
}
#calls-to-action a h3, #calls-to-action h3 {
color: #238ba7;
font-size: 28px;
line-height: 1em;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400;
border-bottom: none;
text-transform: uppercase
}
#calls-to-action a h3.registerDetails {
background: url(/assets/images/register-icon.png) left no-repeat;
padding-left: 23px
}
#calls-to-action a h3.chat, #calls-to-action h3.chat {
background: url(/assets/images/chat-icon.png) left no-repeat;
padding-left: 34px
}
#calls-to-action a h3.repairs {
background: url(/assets/images/repair-icon.png) left no-repeat;
padding-left: 25px
}
#calls-to-action a p, #calls-to-action p {
font-size: 14px;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #3a3b3c;
font-weight: normal
}
#calls-to-action a {
text-decoration: none
}
#calls-to-action ul {
list-style: none
}
#calls-to-action li {
font-size: 14px;
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #3a3b3c;
height: 21px;
line-height: 21px;
margin: 10px 0 0 0
}
#calls-to-action li.phone {
background: url(/assets/images/contact-cta-sprite.png) 0 0 no-repeat;
padding-left: 25px;
margin-top: 20px
}
#calls-to-action li.email {
background: url(/assets/images/contact-cta-sprite.png) 0 -35px no-repeat;
padding-left: 25px
}
#calls-to-action li.email a {
text-decoration: none
}
#calls-to-action li.email a:hover {
text-decoration: none
}
#calls-to-action li.twitter {
background: url(/assets/images/contact-cta-sprite.png) 0 -67px no-repeat;
padding-left: 25px
}
#calls-to-action a p.link {
text-decoration: none;
color: #0082a1;
margin-top: 30px
}
#calls-to-action a:hover p.link {
text-decoration: none;
color: #19b3dd
}
#calls-to-action a p.register {
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
background: #b0cb46;
color: #48531c;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
border: 1px solid #88a02b;
font-weight: bold;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: block;
width: 190px;
height: 47px;
line-height: 47px;
color: #48531c;
font-size: 16px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px white;
text-align: center;
text-decoration: none;
margin: 20px auto 0 auto
}
#calls-to-action a:hover p.register {
background: #8ca91a;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
position: relative;
top: -1px
}
section.product-hero {
overflow: hidden
}
section.product-hero h1 {
display: block;
width: 390px;
white-space: nowrap;
text-transform: uppercase
}
/*NEWSROOM*/
.newslist-container article .news-continue:hover, .pr-contact a:hover, .newslist-container article h3 a:hover {
color: #19b3dd;
text-decoration: none
}
.newsarticle-container article h3, .newsarticle-container article h4 {
line-height: 1.85em;
color: #5a5959
}
.newsarticle-container article p {
line-height: 1.85em
}
.newsarticle-container article ul, .newsarticle-container article ol {
margin-bottom: 35px;
margin-left: 35px;
font-size: 14px;
color: #5a5959
}
.newsarticle-container article ul li {
list-style: disc;
line-height: 1.75em
}
.newsarticle-container article ol li {
line-height: 1.75em
}
.newslist-container article p {
line-height: 1.85em
}
.newslist-container article .news-date {
line-height: 26px
}
.newsarticle-container table td {
width: 50%;
padding: 10px;
border: 1px solid #c1c1c1
}
.pagination {
text-align: center;
display: block;
margin: 30px auto 0 auto
}
.pagination a.active {
border: 1px #c1c1c1 solid;
padding: 3px 8px;
margin: 0 5px;
color: #0082a1;
font-weight: bold
}
.pagination a {
margin: 0 5px;
color: #c1c1c1;
text-decoration: none;
border: 1px #c1c1c1 solid;
padding: 3px 8px;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px
}
.pagination a.page-next, .pagination a.page-previous {
border: none
}
.pagination a:hover {
text-decoration: none
}
/*HOVERS*/
.hero p.button a {
-webkit-box-shadow: 0 1px 2px 0 #b4b1af;
box-shadow: 0 1px 2px 0 #b4b1af;
display: block
}
.hero .large-green-button {
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
width: 300px;
background: #b0cb46;
/* Old browsers */
-webkit-box-shadow: inset 0 2px 0 0 #dce8ae;
box-shadow: inset 0 2px 0 0 #dce8ae;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px #87a02b solid
}
.hero .large-green-button:hover {
background: #8ca91a;
position: relative;
top: -1px;
-webkit-box-shadow: inset 0 2px 0 0 #bbca80;
box-shadow: inset 0 2px 0 0 #bbca80
}
.testimonials .tweetblock:hover, .testimonials .youtubeblock:hover, .testimonials .facebookblock:hover {
cursor: pointer
}
.testimonials .tweetblock:hover, .testimonials .youtubeblock:hover, .testimonials .facebookblock:hover {
margin-bottom: 1px
}
/*header*/
nav ul li a:hover {
color: #19b3dd
}
.corp-nav ul li a:hover {
color: #0082a1
}
.corp-nav ul li.first {
background: url(../images/sprites2.png) no-repeat -409px -56px
}
.corp-nav ul li.first.expanded {
background: url(../images/sprites2.png) no-repeat -409px -27px
}
.corp-nav ul li.first:hover {
background: url(../images/sprites2.png) no-repeat -409px -68px
}
.corp-nav ul li.first.expanded:hover {
background: url(../images/sprites2.png) no-repeat -409px -39px
}
.navblock .product-nav-slide .nav-product:hover {
cursor: pointer
}
.navblock .product-nav-slide #nav_phones:hover {
cursor: default
}
footer ul.footer-nav-1 li a:hover, footer ul.footer-nav-2 li a:hover {
color: #0082a1
}
.searchbar .searchbutton {
background: #d0e090
}
.searchbar .searchbutton:hover {
cursor: pointer;
background: #b0cb46
}
.email-signup {
background: #c1c1c1 url(../images/icon-email.png) no-repeat 8px 9px;
color: #5b5959;
display: block;
text-shadow: 1px 1px 0 #ececec;
text-align: center;
text-decoration: none;
font: 12px bold Helvetica, Arial, sans-serif;
border: 1px #a3a2a2 solid;
padding: 8px 0 10px 20px;
height: auto;
width: 87px;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset
}
.email-signup:hover {
background: #aca3a3 url(../images/icon-email.png) no-repeat 8px 9px;
color: #5b5959;
position: relative;
top: -1px
}
/*global*/
a {
color: #0082a1;
text-decoration: none !important;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out
}
a:hover {
color: #19b3dd;
text-decoration: none;
/*
-moz-transform: translateX(0px) translateY(-1px);
-webkit-transform:translateX(0px) translateY(-1px);
-o-transform:translateX(0px) translateY(-1px);
-ms-transform:translateX(0px) translateY(-1px);
transform:translateX(0px) translateY(-1px);
*/
}
/*where to buy*/
.map-container .location-results .location-row .distance a:hover {
color: #19b3dd;
text-decoration: none
}
.map-container .location-form .my-location {
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
background: #11bbe5;
border: 1px solid #0087ac;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.map-container .location-form .my-location:hover {
background: #0082a1;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
position: relative;
top: -1px
}
.map-container .location-form .form-row .zipcode-button {
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
background: #b0cb46;
-webkit-box-shadow: rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
border: 1px solid #88a02b;
height: 45px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.map-container .location-form .form-row .zipcode-button:hover {
background: #8ca91a;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none
}
/*Phones*/
.compare-button {
background: #11bbe5;
color: #064555;
border: 1px #0087ac solid;
margin-right: 10px;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
cursor: pointer
}
.compare-button:hover {
background: #0082a1;
color: #064555;
position: relative;
top: -1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.filter-button {
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
background: #c1c1c1 url(../images/filter-arrows.png) no-repeat 14px 11px;
color: #5b5959;
text-align: center;
text-decoration: none;
font-size: 0.8em;
line-height: 38px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px white;
border: 1px #a3a2a2 solid;
padding: 0 0 0 15px;
height: 38px;
width: 70px
}
.filter-button:hover {
background: #aca3a3 url(../images/filter-arrows.png) no-repeat 14px 11px;
color: #5b5959;
position: relative;
top: -1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.buy-online-button {
background: #b0cb46;
color: #48531c;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
border: 1px solid #88a02b;
font-weight: bold;
cursor: pointer
}
.buy-online-button:hover {
background: #8ca91a;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
color: #48531c;
position: relative;
top: -1px
}
.find-a-store:hover {
text-decoration: none !important
}
.accessories-tab a.acc-cta-button {
background: #b0cb46;
color: #48531c;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
border: 1px solid #88a02b;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.accessories-tab a.acc-cta-button:hover {
background: #8ca91a;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
color: #48531c;
position: relative;
top: -1px
}
.accessories-tab .accessory-image:hover img {
border: 7px solid #f3f3f3;
cursor: auto
}
/*Your Device*/
.support-form button, .device-form button, .mydevice button {
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
background: #11bbe5;
color: #064555;
border: 1px #0087ac solid;
margin-right: 10px;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.support-form button:hover, .device-form button:hover, .mydevice button:hover {
cursor: pointer;
background: #0082a1;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
position: relative;
top: -1px
}
/*phone page hovers*/
.catalog-grid .compare-item {
min-height: 372px
}
.catalog-grid .compare-item:hover {
min-height: 372px
}
.catalog-grid .compare-item .compare-details {
background: url(/assets/images/bg-view-phone.png) no-repeat
}
.catalog-grid .compare-item .compare-details:hover {
background: url(/assets/images/bg-view-phone.png) 0 -31px no-repeat
}
/*phones view page adjustments */
.overview {
height: auto;
min-height: 460px
}
section.product-hero .product-cta .pcta-buy {
margin-bottom: 7px !important
}
section.product-hero .product-cta .pcta-buy .cta-buy-online {
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
background: #11bbe5;
color: #064555;
border: 1px #0087ac solid;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 48px
}
section.product-hero .product-cta .pcta-buy .cta-buy-online:hover {
background: #0082a1;
color: #064555;
position: relative;
top: -1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
section.product-hero .product-cta .pcta-buy .find-a-store a:hover {
color: #19b3dd
}
section.product-hero .product-cta .pcta-share .share-twitter {
background: url(../images/product-social.png) 0 -3px
}
section.product-hero .product-cta .pcta-share .share-twitter:hover {
background: url(../images/product-social.png) 0 -36px
}
section.product-hero .product-cta .pcta-share .share-facebook {
background: url(../images/product-social.png) 90px -3px
}
section.product-hero .product-cta .pcta-share .share-facebook:hover {
background: url(../images/product-social.png) 90px -36px
}
section.product-hero .product-cta .pcta-share .share-pinterest {
background: url(../images/product-social.png) 58px -3px
}
section.product-hero .product-cta .pcta-share .share-pinterest:hover {
background: url(../images/product-social.png) 58px -36px
}
section.product-hero .product-cta .pcta-share .share-gplus {
background: url(../images/product-social.png) -95px -3px no-repeat
}
section.product-hero .product-cta .pcta-share .share-gplus:hover {
background: url(../images/product-social.png) -95px -36px no-repeat
}
.support-tab .support-header .more-support-button {
background: #b0cb46;
color: #48531c;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
border: 1px solid #88a02b;
font-weight: bold;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.support-tab .support-header .more-support-button:hover {
background: #8ca91a;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
position: relative;
top: -1px
}
.support-tab .row a:hover, .support-tab ul.quicklinks a:hover, .support-tab ul.aside-nav a:hover {
color: #19b3dd
}
.support-tab .support-header .more-support-form button {
background: url(../images/icon-green-arrow-sprite.png) 0 -17px no-repeat
}
.support-tab .support-header .more-support-form button:hover {
background: url(../images/icon-green-arrow-sprite.png) 0 0 no-repeat
}
/*COMPANY / OTHER PAGES */
.company-content .sidebar ul li a:hover {
color: #19b3dd
}
.company-why h3 {
line-height: 54px
}
.company-content ul {
margin: 20px 0 20px 20px
}
.company-content ol {
margin: 20px 0 20px 25px
}
.company-content ul li ul {
margin: 10px 0 10px 20px
}
.company-content ul li, .company-content ol li {
color: #595959;
font-size: 17px;
line-height: 1.7em;
/* margin-bottom: 20px; */
}
.company-content.legal p {
font-size: 17px;
line-height: 1.7em
}
.company-content.legal article h2 {
line-height: 1.5em;
margin: 35px 0 20px 0
}
.company-content .container {
margin-bottom: 30px
}
.company-content .sidebar ul li a.active {
color: #0082a1
}
/*HOME PAGE*/
.review a {
display: block;
text-decoration: none
}
.review a p.read-more {
text-decoration: none
}
.review a:hover p.read-more {
text-decoration: none
}
/*Products Landing Hovers*/
.products-detail ul a:hover {
color: #0082a1;
text-decoration: none
}
.products-detail .most-popular .viewall a:hover {
color: #0082a1;
text-decoration: none
}
.products-detail .most-popular div a:hover {
position: relative;
top: -1px;
color: #11bbe5
}
.products-detail .most-popular div a:hover span {
color: #11bbe5
}
/*SUPPORT PAGE*/
/*COMPARE PAGE*/
.compare-header .compare-buttons .new-compare {
background: #11bbe5;
color: #064555;
border: 1px #0087ac solid;
margin-right: 10px;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
cursor: pointer
}
.compare-header .compare-buttons .new-compare:hover {
background: #0082a1;
color: #064555;
position: relative;
top: -1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.compare-header .compare-buttons .view-all {
background: #c1c1c1;
color: #5b5959;
text-shadow: 1px 1px 0 #ececec;
text-align: center;
text-decoration: none;
font-size: 0.8em;
line-height: 38px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px white;
border: 1px #a3a2a2 solid;
-webkit-box-shadow: 0 1px 1px 1px #e4e4e4;
box-shadow: 0 1px 1px 1px #e4e4e4;
height: 37px
}
.compare-header .compare-buttons .view-all:hover {
background: #aca3a3;
color: #5b5959;
position: relative;
top: -1px
}
.compare-header table .compare-buy-online {
background: #b0cb46;
color: #48531c;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
border: 1px solid #88a02b;
font-weight: bold;
cursor: pointer;
margin-top: 10px
}
.compare-header table .compare-buy-online:hover {
background: #8ca91a;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
color: #48531c;
position: relative;
top: -1px
}
.compare-header table td a.close-button {
background: url(/assets/images/icon-close-button2.png) 0 0 no-repeat;
height: 32px;
width: 32px;
overflow: hidden;
top: 3px
}
.compare-header table td a img {
display: none
}
.compare-header table td a.close-button:hover {
background: url(/assets/images/icon-close-button2.png) 0 -32px no-repeat
}
.compare-header table button {
background: #c1c1c1 url(../images/add-icon.png) no-repeat 12px 7px;
color: #5b5959;
text-shadow: 1px 1px 0 #ececec;
text-align: center;
text-decoration: none;
font-size: 0.8em;
line-height: 38px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px white;
border: 1px #a3a2a2 solid;
-webkit-box-shadow: 0 1px 1px 1px #e4e4e4;
box-shadow: 0 1px 1px 1px #e4e4e4;
padding: 0 0 0 20px;
height: 39px;
margin-top: 10px;
cursor: pointer
}
.compare-header table button:hover {
background: #aca3a3 url(../images/add-icon.png) no-repeat 12px 7px;
color: #5b5959;
position: relative;
top: -1px
}
/*PRODUCT REGISTRATION*/
.product-registration a#device-button {
float: left
}
.product-registration .device-detail {
border-bottom: 1px solid #c1c1c1;
margin-bottom: 20px;
padding-bottom: 30px
}
.product-registration p.help {
display: inline;
margin-left: 10px;
color: #909090;
font-size: 14px
}
.product-registration .ui-tooltip {
float: right;
width: 408px;
display: block;
margin-top: -75px;
background: white;
padding: 20px;
border: 3px solid #008ab0;
font-size: 12px;
line-height: 15px
}
.product-registration .ui-tooltip img {
max-width: 100%;
height: auto
}
.product-registration a#find-us-button {
margin-bottom: 30px
}
.product-registration button, .signin-form button {
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
background: #11bbe5;
border: 1px solid #0087ac;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
display: block;
height: 63px;
width: 303px;
outline: 0;
border: 1px solid #0087ac;
color: #064555;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
text-shadow: 1px 1px 2px #fff
}
.product-registration button:hover, .signin-form button:hover {
cursor: pointer;
background: #0082a1;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
position: relative;
top: -1px
}
#product-device-form button {
background: #c1c1c1 url(../images/add-icon.png) no-repeat 12px 7px;
color: #5b5959;
text-shadow: 1px 1px 0 #ececec;
text-align: center;
text-decoration: none;
font-size: 0.8em;
line-height: 38px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px white;
border: 1px #a3a2a2 solid;
-webkit-box-shadow: 0 1px 1px 1px #e4e4e4;
box-shadow: 0 1px 1px 1px #e4e4e4;
padding: 0 0 0 20px;
height: 39px;
cursor: pointer;
width: 200px
}
#product-device-form button:hover {
background: #aca3a3 url(../images/add-icon.png) no-repeat 12px 7px;
color: #5b5959;
position: relative;
top: -1px
}
.device-form {
margin-bottom: 0
}
#device-product-form {
margin-bottom: 30px
}
.device-form input[type=password] {
width: 428px;
height: 45px;
outline: 0;
font-size: 16px
}
#optional-info {
background: #ebebeb;
margin-bottom: 30px
}
.device-form label {
font-size: 16px;
color: #909090;
margin-right: 10px
}
.other-field img {
margin-top: 10px
}
input#influence-other {
display: inline;
margin: 20px 0 0 0;
width: 370px;
height: 35px;
/* display: none; */
}
.other-field {
display: none
}
#optional-info h3 {
color: #909090;
border-bottom: 3px solid #c1c1c1;
line-height: 2em
}
button.pickadate__button--today, button.pickadate__button--clear {
border: 1px solid #fff !important;
background: #fff !important;
font-size: 0.8em !important;
padding: 0.66em 0 !important;
margin: 0 2.5% !important;
font-weight: bold !important;
width: 40% !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
text-shadow: none !important;
line-height: 17px !important;
position: relative;
display: inline-block;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-moz-border-radius: 0 !important
}
.pickadate__button--today:hover, button.pickadate__button--clear:hover {
cursor: pointer !important;
color: #000 !important;
background: #b1dcfb !important
}
.device-form input[type=text], .register-form input[type=text] {
padding-left: 5px
}
form label.error {
margin: 0 !important;
padding: 20px 0
}
/*LEGAL & PRIVACY STYLES*/
/*EMAIL SIGN UP*/
.emailoverlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
background: url(../images/white-overlay.png)
}
.emailsignup {
display: none;
z-index: 99999;
position: fixed;
top: 25%;
left: 37%;
background: #fff;
width: 330px;
padding: 25px;
border: 5px #e3e3e3 solid
}
#mc_embed_signup label {
display: block;
margin: 0 0 10px 0;
font-size: 16px;
color: #909090
}
#mc_embed_signup label.error {
display: block;
font-size: 14px;
padding: 10px 0 10px 0;
color: #ee2375
}
#mc_embed_signup input {
display: inline;
margin: 10px 0 0 0;
width: 300px;
padding: 10px 5px;
border: 1px solid #c1c1c1
}
#mc_embed_signup input#mc-embedded-subscribe {
background: #11bbe5;
color: #064555;
border: 1px #0087ac solid;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: block;
height: 44px;
width: 134px;
outline: 0;
border: 1px solid #0087ac;
color: #064555;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 15px;
text-shadow: 1px 1px 2px #fff
}
#mc_embed_signup input#mc-embedded-subscribe:hover {
cursor: pointer;
background: #0082a1;
color: #064555;
position: relative;
top: -1px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.faq-back, .faq-back-btn {
background: #c1c1c1 url(../images/back-arrow.png) no-repeat 20px 13px;
color: #5b5959 !important;
text-shadow: 1px 1px 0 #ececec;
text-align: center;
text-decoration: none;
font-size: 0.8em;
line-height: 38px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px white;
border: 1px #a3a2a2 solid;
-webkit-box-shadow: 0 1px 1px 1px #e4e4e4;
box-shadow: 0 1px 1px 1px #e4e4e4;
padding: 0 0 0 20px;
height: 39px;
cursor: pointer;
width: 130px;
float: left;
text-decoration: none !important
}
.faq-back:hover, .faq-back-btn:hover {
background: #aca3a3 url(../images/back-arrow.png) no-repeat 20px 13px;
color: #5b5959;
position: relative;
top: -1px
}
.faq-header {
margin-bottom: 20px;
margin-top: -10px
}
.faq-answer h4 {
font-size: 28px;
border-top: 3px solid #c1c1c1;
padding-top: 7px;
margin-bottom: 20px;
line-height: 36px
}
.faq-answer ol, .faq-answer ul {
margin-left: 30px
}
.like-me {
border-top: 1px #cacaca solid;
padding-top: 20px;
margin-top: 40px
}
.like-me span {
float: right;
display: inline-block
}
.like-me a.back-top {
background: url(/assets/images/back-top-icon.png) 0 no-repeat;
padding-left: 34px;
text-decoration: none !important;
color: #5a5959 !important;
height: 30px;
display: inline-block;
line-height: 30px;
float: left
}
.like-me a.back-top:hover {
color: #19b3dd !important
}
a.likee_like {
background: url(/assets/images/likee-icons.png) 0 0 no-repeat;
display: inline-block;
text-indent: -99999px;
height: 30px;
width: 26px;
margin-left: 10px
}
a.likee_like:hover, a.likee_like.liked {
background: url(/assets/images/likee-icons.png) 0 -30px no-repeat
}
a.likee_dislike {
background: url(/assets/images/likee-icons.png) -30px 0 no-repeat;
display: inline-block;
text-indent: -99999px;
height: 30px;
width: 30px
}
a.likee_dislike:hover, a.likee_dislike.disliked {
background: url(/assets/images/likee-icons.png) -30px -30px no-repeat
}
ul.faq-share {
float: right
}
ul.faq-share li {
float: left;
display: inline;
padding-right: 0 !important;
text-transform: uppercase;
color: #c1c1c1 !important;
font-size: 12px !important
}
ul.faq-share li.share {
padding-right: 12px !important;
padding-top: 4px
}
ul.faq-share li a {
display: block;
margin-right: 8px
}
.faq-share li a {
display: inline-block;
width: 26px;
height: 30px
}
.faq-share .twitter-share-faq {
background: url(../images/product-social.png) 0 -3px
}
.faq-share .twitter-share-faq:hover {
background: url(../images/product-social.png) 0 -36px
}
.faq-share .fbook-share-faq {
background: url(../images/product-social.png) 90px -3px
}
.faq-share .fbook-share-faq:hover {
background: url(../images/product-social.png) 90px -36px
}
.faq-share .pinterest-share-faq {
background: url(../images/product-social.png) 57px -3px
}
.faq-share .pinterest-share-faq:hover {
background: url(../images/product-social.png) 57px -36px
}
.faq-share .gplus-share-faq {
background: url(../images/product-social.png) 26px -3px
}
.faq-share .gplus-share-faq:hover {
background: url(../images/product-social.png) 26px -36px
}
.faq-share .email {
background: url(../images/email-print-icons.png) 0 -2px;
width: 30px;
margin-left: 12px;
margin-right: 8px
}
.faq-share .email:hover {
background: url(../images/email-print-icons.png) 0 -42px
}
.faq-share .print {
background: url(../images/email-print-icons.png) -38px 0;
height: 33px;
width: 35px
}
.faq-share .print:hover {
background: url(../images/email-print-icons.png) -38px -40px no-repeat
}
/*Product Page Overrides*/
section.odd {
background: #fbfbfb !important
}
.overview p {
font-weight: 300;
margin-top: 30px
}
section.product-subnav a {
padding: 10px 36px
}
.support-tab .support-block {
height: auto;
min-height: 400px
}
.support-tab .row.last {
border-bottom: none
}
section.product-spotlight {
padding: 70px 0 50px 0 !important
}
section.product-spotlight h3 {
color: #4f4f4f;
font-size: 29px;
font-family: "franklin-gothic-urw", sans-serif;
font-style: normal;
font-weight: 500;
margin: 5px 0 10px 0 !important
}
section.product-spotlight p {
color: #5b5959;
font-size: 17px;
line-height: 28px;
font-weight: lighter
}
section.product-subnav ul {
padding-top: 8px !important
}
section.product-subnav a.active {
/* padding-bottom:19px !important; */
padding-top: 13px
}
section.product-hero .product-cta .pcta-buy .find-a-store a {
text-decoration: none !important;
border-bottom: 1px solid #0082a1
}
section.product-hero .product-cta .pcta-buy .find-a-store {
text-decoration: none !important;
margin-left: 0
}
section.product-hero .product-cta .pcta-buy .find-a-store a:hover {
border-bottom: none
}
section.product-hero .product-cta .pcta-share .share-title {
font-weight: 300;
font-size: 13px;
margin: 7px -20px 0 15px
}
.stButton .stLarge {
width: 26px !important
}
.stButton {
margin: 0 0 0 5px !important
}
section.product-hero .product-cta .pcta-carrier {
margin-top: 5px
}
section.product-hero .product-cta .pcta-carrier span {
font-weight: 300
}
.pcta-share span.st_twitter_large span span {
background: url(../images/product-social.png) 0 -3px no-repeat !important
}
.pcta-share span.st_twitter_large span span:hover {
background: url(../images/product-social.png) 0 -36px no-repeat !important
}
.pcta-share span.st_facebook_large span span {
background: url(../images/product-social.png) -31px -3px no-repeat !important
}
.pcta-share span.st_facebook_large span span:hover {
background: url(../images/product-social.png) -31px -36px no-repeat !important
}
.pcta-share span.st_pinterest_large span span {
background: url(../images/product-social.png) -64px -3px no-repeat !important
}
.pcta-share span.st_pinterest_large span span:hover {
background: url(../images/product-social.png) -64px -36px no-repeat !important
}
.pcta-share span.st_googleplus_large span span {
background: url(../images/product-social.png) -96px -3px no-repeat !important
}
.pcta-share span.st_googleplus_large span span:hover {
background: url(../images/product-social.png) -96px -36px no-repeat !important
}
.support-tab ul.aside-nav li a {
padding-top: 3px;
padding-bottom: 2px
}
.support-tab ul.aside-nav .active {
padding-top: 4px;
padding-bottom: 4px
}
section.photo-gallery {
margin-bottom: 40px
}
section.video-gallery {
padding-bottom: 75px
}
section.photo-gallery h3, section.video-gallery h3 {
text-transform: uppercase;
margin-top: 30px;
font-size: 13px;
line-height: 2.25em
}
section.photo-gallery .gallery-image, section.video-gallery .video-image {
margin-top: 40px;
margin-bottom: 0
}
.specs-tab > section > div {
padding: 15px 0 40px 0
}
.specs-tab {
color: #5a5959
}
.specs-tab h3 {
line-height: 1.5em;
margin: 10px 0 8px 0
}
.specs-tab li {
font-weight: 300;
line-height: 36px
}
.specs-tab table th {
padding: 13px 0
}
.specs-tab .span-4 img {
margin-top: -45px
}
.product-detail-body footer .container {
margin-top: 75px;
border-top: 1px solid #efefef
}
.company-hero {
background-color: #343a3a !important
}
.page_company h2 {
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
color: #595959;
font-size: 30px;
border-bottom: 1px solid #c1c1c1;
line-height: 2em
}
.company-bottom {
height: 430px !important;
background: #b0cb46 url(../images/phones_repeat.png) no-repeat top center !important
}
.company-info-bottom h3 {
font-size: 28px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
border: 0;
color: #595959;
margin-top: 20px
}
.company-info-bottom a {
color: #48531c
}
.company-info-bottom a:hover {
color: #19b3dd
}
.jetpack-4g-lte-mobile-hotspot h1#product-title, .jetpack-4g-lte-mobile-hotspot span#product-tagline, .fourg-lte-usb-modem h1#product-title, .fourg-lte-usb-modem span#product-tagline, .marauder h1#product-title, .marauder span#product-tagline, .crossover h1#product-title, .crossover span#product-tagline, .breeze-iii h1#product-title, .breeze-iii span#product-tagline, .burst h1#product-title, .burst span#product-tagline, .breeze-iv h1#product-title, .breeze-iv span#product-tagline, .laser h1#product-title, .laser span#product-tagline, .link-ii h1#product-title, .link-ii span#product-tagline {
color: #fff
}
.breeze-iv section.product-hero .product-cta-video a {
color: #fff
}
nav ul li a.active, .corp-nav ul li a.active {
color: #ee2375
}
.explore-cta {
margin: 25px 0 0 0
}
.explore-cta img {
float: left;
display: inline-block;
margin: 0 27px 0 0
}
.explore-cta a {
display: block;
color: #0082a1
}
.explore-cta a p {
display: inline-block;
padding: 20px 0 0 0;
color: #0082a1
}
.explore-cta a p.link {
font-weight: bold;
display: block;
padding: 0 0 0 0
}
.explore-cta a:hover p {
color: #3a3b3c;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none
}
.explore-cta a:hover p.link {
color: #3a3b3c
}
.explore-cta a:hover img {
position: relative;
top: -1px
}
.static.repairs .breadcrumb {
border-bottom: 1px solid #e0e0e0 !important
}
.search-container .visit-support-button {
background: #b0cb46;
color: #48531c;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
border: 1px solid #88a02b;
font-weight: bold;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.search-container .visit-support-button:hover {
background: #8ca91a;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
color: #48531c;
position: relative;
top: -1px
}
#form-hidden {
display: none
}
/*
.hero{
background: #fff url('../images/homepgheader_medium.jpg') no-repeat top center;
}
*/
/*
Konrad Gorski
*/
/*
Homepage Slider
*/
.slider-container {
position: relative
}
.slider-nav {
text-align: center;
margin: auto;
width: 100%;
position: absolute;
bottom: 30px;
z-index: 999
}
.slider-nav ul {
list-style: none outside none;
margin: 0 auto;
overflow: hidden;
width: 60px
}
.slider-nav ul li {
display: block;
width: 12px;
height: 12px;
z-index: 999;
background: url(../images/slide-pager.png) repeat scroll -1px -1px transparent;
float: left;
margin: 0 3px;
cursor: pointer
}
.slider-nav ul li.activeSlide {
background: url(../images/slide-pager.png) repeat scroll -23px -1px transparent
}
.slider {
overflow: hidden;
width: 100% !important
}
.slider .hero {
background-image: none;
background-position: center 10%;
background-repeat: no-repeat;
background-size: cover;
color: white;
font: 17px/28px "Helvetica", Arial, sans-serif;
height: 624px;
min-width: 978px;
position: relative;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43);
width: 100%
}
.slider #perception .hero-phone {
position: absolute;
right: 80px;
top: 35px
}
.slider #perception {
background-image: url(../images/slider-perception-bg.jpg);
width: 100% !important
}
.slider #perception .hero-copy {
margin-top: 160px
}
.slider #perception .hero-copy h1 {
font-size: 78px;
margin-bottom: 50px;
background-position: 10px 10px
}
.slider #perception .hero-copy .text-overlay {
display: block;
position: absolute;
right: 84px;
top: 10px
}
.slider #perception .large-green-button {
margin: 50px 0 30px 0
}
#perception .hero-copy .hero-logo {
left: 760px;
position: absolute;
top: 340px
}
.slider #perception .prepend-5 {
padding-left: 385px
}
#perception .hero-copy p {
width: 485px;
/* text-shadow: none; */
}
.slider #breezeiv {
background-image: url(../images/homepage_breezeiv.jpg);
width: 100% !important
}
.slider #breezeiv .hero-phone {
position: absolute;
top: 0;
left: 0
}
.slider #breezeiv .hero-copy {
padding-left: 550px
}
.slider #breezeiv .hero-copy .hero-logo {
top: 270px;
left: 550px
}
.slider #breezeiv .hero-copy .large-green-button {
width: 225px;
margin-top: 100px
}
.slider #discover {
background-image: url(../images/homepgheader_large.jpg);
width: 100% !important
}
.slider #flex {
background-image: url(../images/homepgheader-flex-bg.jpg);
width: 100% !important
}
.slider #flex .hero-phone {
position: absolute;
left: 90px;
top: 55px
}
.slider #flex .hero-os {
position: absolute;
bottom: 115px;
left: 50px
}
.slider #flex .hero-flexability {
position: absolute;
right: 30px;
top: 135px
}
.slider #flex .hero-copy {
color: #5b5959;
text-shadow: none
}
.slider #flex .prepend-5 {
padding-left: 385px
}
.slider #flex .hero-copy .prepend-5 {
color: #5b5959;
text-shadow: none
}
.slider #flex .hero-copy .hero-logo {
left: 607px;
top: 308px
}
.slider #flex h1 {
margin-bottom: 20px
}
.slider #flex ul {
margin-left: 15px
}
.slider #flex li {
line-height: 2em
}
.slider #discover .large-green-button {
font-family: "helvetica", arial, sans-serif
}
.slider #flex .large-green-button {
font-family: "helvetica", arial, sans-serif;
width: 200px;
height: 50px;
line-height: 50px
}
.slider #discover .prepend-4 {
padding-left: 295px
}
.slider #discover .hero-phone {
bottom: 90px;
left: 10px;
position: absolute
}
/*
.slider #discover .hero-copy{
margin-top:90px;
}
*/
.slider #discover .hero-copy h1 {
margin-bottom: 40px;
font-size: 78px;
text-shadow: none
}
.slider #discover .hero-copy p {
width: 500px;
font-size: 17px;
color: #46433f;
text-shadow: none;
margin-bottom: 40px
}
.slider #discover .hero-copy p.upgrade-arrow {
background: url(../images/slider-jb-logo-small.png) no-repeat scroll left top transparent;
display: block;
padding-left: 45px;
padding-top: 3px
}
.slider #discover .hero-copy p.upgrade-arrow b {
font-weight: bold
}
.slider #discover .hero-copy .hero-logo {
position: absolute;
left: 578px;
top: 320px
}
.slider #discover .hero-copy .meetbutton {
height: 70px;
margin-bottom: 40px
}
/*******/
/*
.slider #flex{
background-position: center 40%;
}
.slider #flex{
background-image: url("../images/slider-flex-bg.jpg");
width: 100% !important;
}
.slider #flex .hero-phone{
right: 0;
position: absolute;
top: 0;
}
.slider #flex .hero-os{
position: absolute;
bottom: 115px;
left: 50px;
}
.slider #flex .hero-flexability{
position: absolute;
right: 30px;
top: 135px;
}
*/
/*
.slider #flex .hero-copy{
margin-top: 140px
*/
/*
color:#5b5959;
text-shadow: none;
*/
/*
}
.slider #flex .prepend-5{
padding-left: 385px;
}
.slider #flex .hero-copy .prepend-5{
color:#5b5959;
text-shadow: none;
}
.slider #flex .hero-copy .hero-logo{
left: 853px;
top: 408px;
}
.slider #flex h1{
font-size: 78px;
margin-bottom: 30px;
}
.slider #flex .hero-copy p{
width:465px;
}
.slider #flex ul{
margin-left: 15px;
}
.slider #flex li{
line-height: 2em;
}
.slider #flex .large-green-button{
margin:40px 0 30px 0;
}
*/
/*
Single FAQ
*/
.container .single-faq {
overflow: hidden;
background: none
}
.container .single-faq #faqs .faq-answer {
width: inherit
}
.single-faq #calls-to-action {
margin: 0 auto;
width: 980px;
padding: 0 0 40px
}
/*
Registeration Success
*/
section .registration-success {
padding-bottom: 350px
}
section .registration-success h2, section .product-registration h2 {
text-transform: uppercase
}
section .registration-success h3 {
background: url(../images/success-green-check.png) no-repeat scroll left top transparent;
border-bottom: medium none;
color: #5B5959;
display: block;
font-size: 24px;
line-height: 2em;
margin: 80px auto 0;
padding: 0 60px;
width: 200px
}
section .registration-success p {
display: block;
margin: 0 auto;
width: 410px;
font-weight: lighter
}
/*
Globals
*/
.clearit {
clear: both
}
/*
Product Features
*/
section.product-spotlight .fullscreen p, section.product-spotlight .fullscreen h3 {
color: #fff
}
section.product-spotlight ul {
color: #5B5959;
font-size: 17px;
font-weight: lighter;
line-height: 28px;
margin: 0 0 20px 30px
}
/*
Product Accessories
*/
.accessory-block .accessory-image img {
margin-bottom: 10px
}
/*
Why Pantech
*/
.why-block4 .container .innovation {
background: url(../images/wp_innovation_overlay.jpg) no-repeat scroll left top transparent !important
}
.why-block4 .container .design {
background: url(../images/wp_design_overlay.jpg) no-repeat scroll left top transparent !important
}
.why-block4 .container .quality {
background: url(../images/wp_quality_overlay.jpg) no-repeat scroll left top transparent !important
}
/*
Newsroom
*/
/*.newsroom .sidebar{
padding-top:50px;
}
.newsroom .span-9 {
padding-top: 50px;
}*/
.newsroom .newslist-container {
border-top: none;
margin-top: 60px
}
.newsroom .newslist-container h2 {
border-bottom: 1px solid #C1C1C1;
color: #595959;
font-family: "Helvetica", Arial, sans-serif;
font-size: 30px;
font-weight: bold;
line-height: 2em;
margin: 0 0 10px
}
.newsroom .sidebar ul {
list-style: none outside none;
border-bottom: none;
border-top: 1px solid #CACACA;
color: #0082A1;
font-family: "Helvetica", Arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin-top: 18px
}
.newsroom .sidebar ul li, .newsroom .sidebar ol li {
color: #595959;
font-size: 17px;
line-height: 1.7em
}
.newsroom .sidebar ul li a {
border-bottom: 1px solid #CACACA;
color: #0082A1;
display: block;
font-family: "Helvetica", Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 3em;
padding-left: 0;
text-decoration: none
}
.newsroom .sidebar ul li a:hover {
color: #19B3DD
}
.newsroom .newslist-container article h3 {
margin: 0 0 20px;
font-size: 14px
}
.newsroom .newslist-container article .news-date {
line-height: 3em
}
.newsroom .newslist-container article {
background: none;
border-bottom: none;
padding: 0
}
.newslist-container article p {
margin: 0 0 15px
}
/*
Site Map
*/
.sitemap .half {
width: 50%
}
.sitemap .left {
float: left
}
.sitemap .right {
float: right
}
.sitemap .span-2 {
float: left
}
.sitemap .container article .span-8 {
margin-left: 30px;
float: left
}
.sitemap .container .span-4 {
width: 456px
}
.sitemap .span-4 > a {
display: block;
margin-bottom: 5px
}
.sitemap .span-8 .span-2, .sitemap .span-8 .span-4 {
float: left
}
.sitemap .span-8 li ul li ul li {
margin-left: 20px
}
.sitemap .span-11 {
margin-left: 84px;
overflow: hidden
}
.sitemap article ul li {
font-size: 18px;
text-transform: uppercase;
font-weight: bold
}
.sitemap .container article ul {
margin: 0 0 20px 0
}
.sitemap article > ul > li > h3 a {
background: url(../images/arrow-pink.png) no-repeat right center transparent;
padding-right: 20px
}
.sitemap article > ul > li > h3 a:hover {
background: url(../images/arrow-pink.png) no-repeat right center transparent;
padding-right: 25px
}
.sitemap .span-11 article ul li ul {
margin: 0 0 30px 0;
overflow: hidden
}
.sitemap article ul li ul li {
font-size: 13px;
text-transform: none;
overflow: hidden
}
.sitemap article ul li ul li ul {
margin: 0 0 0 20px
}
.sitemap article ul li ul li ul li {
font-size: 13px;
text-transform: none;
font-weight: normal
}
/*
Hearing Aid Compatibility
*/
.page_hearing-aid-compatibility table {
color: #5b5959
}
.page_hearing-aid-compatibility table tr td, .page_hearing-aid-compatibility table tr th {
padding: 12px 20px;
min-width: 160px;
line-height: 1.3em
}
.page_hearing-aid-compatibility table tr th {
/* border: 1px solid; */
text-align: left
}
.page_hearing-aid-compatibility table tr:nth-child(1) {
font-weight: bold;
color: #fff;
background-color: #11bbe5 !important
}
.page_hearing-aid-compatibility table tr td:nth-child(1) {
font-weight: bold
}
.page_hearing-aid-compatibility table tr:nth-child(2n+1) {
background-color: #f8f8f8
}
.product-hero.light h1, .product-hero.light h1 + span {
color: #fff
}
/* --- exploding circle navigation --- */
div.the-choice {
margin-right: 0
}
.home-why .product-trigger-nav a.phone, .home-why .product-trigger-nav a.tablets, .home-why .product-trigger-nav a.wifi, .products-hero-cta .product-trigger-nav a.phone, .products-hero-cta .product-trigger-nav a.tablets, .products-hero-cta .product-trigger-nav a.wifi {
background: none;
position: relative;
width: 100px;
height: 100px;
margin: 46px 20px 0 0;
float: left;
display: block;
background: #41c9ea
}
.products-hero-cta .product-trigger-nav a.phone, .products-hero-cta .product-trigger-nav a.tablets, .products-hero-cta .product-trigger-nav a.wifi {
background: #11BBE5
}
.products-hero .product-trigger-nav span {
padding: 0
}
.products-hero-cta .product-trigger-nav a.phone, .products-hero-cta .product-trigger-nav a.tablets, .products-hero-cta .product-trigger-nav a.wifi {
margin-top: 5px
}
.product-trigger-nav a .outer {
width: 75px;
height: 75px;
border: 3px solid #7cdaf1;
padding: 2px;
background: #41c9ea;
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
display: block;
position: absolute;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-backface-visibility: hidden
}
.product-trigger-nav a:hover .outer, .product-trigger-nav a.active .outer {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.product-trigger-nav a .inner, .product-trigger-nav .inner .icon {
background: #0082a1;
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
display: block;
position: absolute;
width: 75px;
height: 75px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear
}
.product-trigger-nav a:hover .inner, .product-trigger-nav a:hover .inner .icon, .product-trigger-nav a.active .inner, .product-trigger-nav a.active .inner .icon {
background: #ee2375
}
.product-trigger-nav .inner .icon img {
position: absolute;
top: 50%;
left: 50%
}
.product-trigger-nav a:hover .inner .icon img, .product-trigger-nav a.active .inner .icon img {
opacity: 0.2
}
.product-trigger-nav .phone .inner .icon img {
margin: -24.5px 0 0 -14px
}
.product-trigger-nav .tablets .inner .icon img {
margin: -23px 0 0 -17.5px
}
.product-trigger-nav .wifi .inner .icon img {
margin: -18px 0 0 -26.5px
}
.product-trigger-nav .icon-label, .products-hero-cta .product-trigger-nav .icon-label {
opacity: 0;
padding: 0;
display: none;
text-align: center;
line-height: 90px;
font-family: sans-serif;
font-weight: bold;
color: #fff;
position: absolute;
width: 75px;
height: 75px;
top: 50%;
left: 50%;
margin: -37.5px 0 0 -37.5px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none
}
.product-trigger-nav a:hover .icon-label, .product-trigger-nav a.active .icon-label {
opacity: 0.999;
width: 90px;
height: 90px;
top: 50%;
left: 50%;
margin: -45px 0 0 -45px
}
.product-nav {
float: left;
width: 578px;
overflow: hidden;
margin: 65px 0 47px 0;
font-family: sans-serif;
padding-top: 1px
}
.product-nav nav {
position: static
}
.product-nav nav ul li {
display: inline-block;
text-align: center;
margin: 0 18px 0 0;
padding: 0
}
.product-nav nav ul li:last-child {
margin-right: 0
}
.product-nav nav ul li a {
text-transform: none
}
.product-nav nav ul li a:hover {
-moz-transform: translatey(-1px);
-webkit-transform: translatey(-1px);
-o-transform: translatey(-1px);
-ms-transform: translatey(-1px);
transform: translatey(-1px)
}
.product-nav li.phone, .product-nav li.tablets, .product-nav li.wifi {
width: auto;
height: auto;
background: none
}
.product-nav li h3 {
font-size: 14px;
font-weight: normal;
border: none;
color: #004657;
line-height: 22px
}
.product-nav li h3 strong {
display: block;
font-size: 17px;
font-weight: bold
}
.product-nav li a:hover h3, .product-nav li.active a h3 {
color: #fff
}
.product-nav + hr {
border-top: 1px solid #f00;
margin: 0 0 10px 0;
border: solid #6fd6ef;
border-width: 1px 0 0;
height: 0;
clear: both
}
.product-nav img {
position: relative
}
/*
---------------------------------
--- social blocks on home ---
---------------------------------
*/
.testimonials .span-3 {
border: 1px solid #ececec;
padding: 0;
width: 220px;
margin: 0 30px 20px 0;
position: relative;
min-height: 0
}
.testimonials .span-3.lastblock {
margin: 0 0 20px 0
}
.testimonials .span-3 {
height: 220px;
overflow: hidden
}
.testimonials .span-3:hover {
margin: 0 30px 20px 0
}
.testimonials .span-3.lastblock:hover {
margin: 0 0 20px 0
}
.testimonials .social_content {
padding: 10px;
font-size: 14px;
height: 200px
}
.testimonials .tweet {
border-left: 8px solid #19b3dd
}
.testimonials .facebook {
border-left: 8px solid #0082a1
}
.testimonials .movie {
border-left: 8px solid #ee2375;
padding: 10px 10px 10px 40px;
position: absolute;
bottom: 0;
left: 0;
height: auto;
background: #e7e7e7 url(/assets/images/icon-play-small.png) 14px 12px no-repeat;
width: 162px;
color: #ee2375;
text-decoration: none;
font: bold 17px sans-serif
}
.testimonials .citation {
color: #c1c1c1;
font-weight: bold;
display: block;
margin-top: 10px;
font-size: 12px;
padding-left: 22px;
background: url(/assets/images/icon-tweet.png) 0 50% no-repeat
}
.testimonials .tweetblock a {
color: #5b5959
}
.testimonials .tweetblock a:hover .citation {
color: #0082a1
}
.testimonials .youtubeblock a {
display: block;
padding-bottom: 20px
}
.testimonials .youtubeblock a .play {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(/assets/images/icon-play-large.png) 50% 40px no-repeat
}
.testimonials .facebookblock a {
display: block;
text-decoration: none;
color: #5B5959
}
/*
.testimonials .facebookblock a:hover {
margin-top: -1px;
}
*/
.testimonials .facebookblock .citation {
display: block;
margin-top: 10px;
font-size: 14px;
padding-left: 22px;
height: 20px;
background: url(/assets/images/icon-facebook.png) 0 50% no-repeat
}
/*
---------------------------------
--- catalog grid ---
---------------------------------
*/
.catalog-grid > div > div:nth-child(4n+1) {
clear: left
}
/*
---------------------------------
--- products landing page ---
---------------------------------
*/
.most-popular a img {
margin-bottom: 10px
}
a .fauxlink {
color: #11BBE5;
text-decoration: none
}
a:hover .fauxlink {
color: #0082a1;
text-decoration: none
}
.tablet-detail a, .usb-detail a {
text-decoration: none
}
/*
---------------------------------
--- products view page ---
---------------------------------
*/
a.lb {
display: block
}
.product-cta-video .thumb {
position: relative;
display: block;
width: 109px;
height: 74px;
margin-bottom: 10px
}
body.burst section.product-hero .product-cta-video a, body.breeze-iii section.product-hero .product-cta-video a {
color: #fff
}
.product-cta-video .icon-play {
display: block;
width: 109px;
height: 74px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
background: url(/assets/images/icon-play-thumb.png) 50% 50% no-repeat
}
.fancybox-skin {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
h1#product-title {
display: block;
width: 390px;
white-space: nowrap;
text-transform: uppercase
}
span#product-tagline {
display: block;
width: 390px;
white-space: nowrap
}
.product-hero .span-7 {
text-align: right
}
.pcta-buy {
min-height: 89px
}
.accessories-tab .acc-title {
margin: 10px 0
}
p.no-results {
margin: 10px 0 0 0;
color: #c1c1c1;
font-style: italic
}
/*
---------------------------------
--- product specific font-size overrides ---
---------------------------------
*/
.marauder span#product-tagline {
font-size: 26px
}
.crossover h1#product-title {
font-size: 60px
}
.renue .product-hero .span-7 {
text-align: center
}
.swift span#product-tagline {
font-size: 20px
}
.link span#product-tagline {
font-size: 26px
}
.fourg-usb-modem h1#product-title {
font-size: 55px
}
.fourg-usb-modem span#product-tagline {
font-size: 24px
}
.fourg-lte-usb-modem h1#product-title {
font-size: 60px
}
.fourg-lte-usb-modem span#product-tagline {
font-size: 24px
}
/*
---------------------------------
--- where to buy ---
---------------------------------
*/
.location-form .my-location {
display: none
}
.location-form span.blocked {
margin: 0 0 10px 0
}
.location-form label {
margin: 0 0 10px 0;
display: block
}
.distance_select {
margin: 0 0 30px 0
}
#map_canvas {
min-height: 850px
}
.map_labels {
color: #fff !important;
font-size: 13px
}
.map_labels_small {
color: #fff !important;
font-size: 8px
}
.wtb-pagination {
position: absolute;
bottom: 5px
}
/*
---------------------------------
--- my device styles ---
---------------------------------
*/
.mydevice {
display: none;
width: 425px;
height: 584px;
padding: 20px 30px;
background: #fff;
-webkit-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.2);
z-index: 999999;
position: absolute;
right: 0;
top: 40px
}
.mydevice.device_selected {
padding: 0;
height: auto
}
.mydevice.multiple_devices {
width: 718px;
background: url(/assets/images/mydevice_multiple_bg.png) 0 0 repeat-y
}
.mydevice h2 {
color: #2db6e8;
margin: 0;
font-size: 36px;
font-family: "franklin-gothic-urw-comp", sans-serif;
font-style: normal;
font-weight: 400
}
.mydevice h4 {
color: #909090;
font-size: 17px;
margin: 27px 0 20px 0
}
.mydevice .input_hidden {
position: absolute;
left: -9999px
}
.mydevice .radio-phones, .mydevice .radio-tablets, .mydevice .radio-modems {
display: inline-block;
text-align: center;
width: 131px;
cursor: pointer;
color: #0082a1;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 14px
}
.mydevice .radio-phones img, .mydevice .radio-tablets img, .mydevice .radio-modems img {
border: 1px solid #c9c9c9;
height: 131px;
width: 131px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-ms-border-radius: 75px;
-o-border-radius: 75px;
border-radius: 75px;
margin: 4px
}
.mydevice .radio-phones:hover img, .mydevice .radio-phones.selected img, .mydevice .radio-tablets:hover img, .mydevice .radio-tablets.selected img, .mydevice .radio-modems:hover img, .mydevice .radio-modems.selected img {
border-width: 5px;
margin: 0
}
.mydevice .radio-phones:hover img, .mydevice .radio-tablets:hover img, .mydevice .radio-modems:hover img {
border-color: #b0cb46
}
.mydevice .radio-phones.selected img, .mydevice .radio-tablets.selected img, .mydevice .radio-modems.selected img {
border-color: #ee2375
}
.mydevice .radio-phones {
margin: 0 2px 0 0
}
.mydevice .radio-tablets, .mydevice .radio-modems {
margin: 0 2px
}
.mydevice button {
display: block;
margin: 40px auto 0 auto;
outline: 0;
width: 303px;
height: 63px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
text-shadow: 1px 1px 2px #fff;
filter: dropshadow(color=white, offx=1, offy=1);
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
-webkit-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
-moz-box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
box-shadow: #bababa 0 2px 4px, rgba(255, 255, 255, 0.56) 0 2px 1px 0 inset;
border-width: 1px;
background: #11bbe5;
border-color: #0087ac
}
#mydevice.device_selected .mydevice-form {
height: auto;
border: none
}
#mydevice.device_selected .device-image {
float: right
}
#mydevice.device_selected .span-8 {
width: 100%
}
#mydevice.multiple_devices .span-8 {
width: 412px;
margin-right: 0
}
#mydevice.device_selected .current-device {
margin-left: 20px;
font-weight: normal
}
#mydevice.device_selected h3 {
border-bottom: 5px solid #c1c1c1;
margin-right: 20px
}
#mydevice.device_selected .current-device h3 {
margin-right: 100px
}
#mydevice.device_selected .device-name {
text-transform: uppercase
}
#mydevice.device_selected .device-quicklinks {
padding-bottom: 0
}
#mydevice.device_selected .device-quicklinks ul {
margin-bottom: 0
}
#mydevice.device_selected .account-links {
padding: 0 20px 30px 0;
text-align: right;
font: 14px/18px sans-serif
}
#mydevice.device_selected .account-links a {
color: #909090;
text-decoration: none
}
#mydevice.device_selected .signin {
padding-right: 24px
}
#mydevice.device_selected .edit-device {
padding-right: 0
}
#mydevice.device_selected .account-links a:hover {
color: #0082a1;
text-decoration: none
}
#mydevice.device_selected .account-links .edit-device a {
font: bold 17px/60px sans-serif;
color: #b0cb46;
display: block;
background: url(/assets/images/icon-blue-arrow.png) 100% 50% no-repeat;
padding: 0 26px 0 0
}
#mydevice.device_selected .account-links .edit-device a:hover {
color: #0082a1
}
#mydevice.device_selected .device-quicklinks ul a {
width: auto;
margin: 0 20px 0 0
}
#my_devices {
width: 276px;
padding: 30px 15px;
float: left
}
#my_devices .device-list {
height: 320px;
overflow: auto;
width: 100%
}
#my_devices .device-list li {
padding: 10px;
margin: 0 20px 0 0;
overflow: hidden;
border-bottom: 1px solid #c1c1c1
}
#my_devices .device-list a {
text-decoration: none
}
#my_devices .device-list img {
float: right;
margin: 0 0 0 0;
height: 75px
}
#my_devices .device-list h3 {
border: none;
font: bold 17px/20px sans-serif;
color: #360;
margin: 5px 0 5px 0;
color: #0082a1;
padding: 0
}
#my_devices .device-list p {
margin: 0;
padding: 0;
color: #909090;
font: 14px sans-serif
}
#my_devices {
text-align: center
}
#my_devices .add-device-button {
margin: 60px auto 0 auto;
padding: 0 30px;
display: inline-block;
height: 52px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px white;
text-align: center;
font-size: 16px;
color: #5b5959;
text-decoration: none;
line-height: 50px;
background: #c1c1c1;
border: 1px solid #989797;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 3px 0 #dcdbdb, 0 2px 1px 0 #bababa;
box-shadow: inset 0 3px 0 #dcdbdb, 0 2px 1px 0 #bababa
}
#my_devices .add-device-button .add {
display: inline-block;
padding-left: 36px;
background: url(/assets/images/icon-add.png) 0 50% no-repeat
}
#my_devices .add-device-button:hover {
background: #ababab
}
#my_devices .add-device-button:active {
position: relative;
top: 1px
}
/*
---------------------------------
--- search ---
---------------------------------
*/
#search_form input {
width: 428px;
height: 45px;
outline: 0;
font-size: 16px
}
#search_form button {
display: block;
margin-top: 20px;
outline: 0;
border: 0;
background: url(../images/sprites.png) -5px -394px;
width: 303px;
height: 63px;
color: #064555;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 18px;
text-shadow: 1px 1px 2px #FFF;
filter: dropshadow(color=white, offx=1, offy=1)
}
/*
---------------------------------
--- static page overrides ---
---------------------------------
*/
.company-content .sidebar h3 + h3 {
border-top: none
}
.company-content .sidebar a.current {
font-weight: bold;
color: #0082A1
}
.company-bottom {
background: #11bae4 url(../images/phones_repeat.png) repeat-x top center;
height: 848px
}
.company-hero .recycle a {
color: #fff;
text-decoration: none
}
.company-content .sidebar ul {
margin: 0
}
.company-bottom a:hover {
color: #fff
}
.company-content.no-header {
border-top: none
}
.static .company-content article h3 {
font-size: 20px;
line-height: 26px;
margin: 0 0 20px 0;
border: none;
color: #0A83A2
}
.company-content article ul {
margin: 0 0 20px 40px
}
.company-content article li {
margin-bottom: 6px
}
.static .company-content article h4 {
font-size: 18px;
line-height: 26px;
margin: 0 0 20px 0;
border: none
}
.static .company-content article p {
font-size: 16px
}
.recyling_icon {
padding: 0 0 20px 0
}
.recyling_icon .span-6 {
float: left
}
.products-hero {
height: auto
}
/*
---------------------------------
--- slider ---
---------------------------------
*/
#slider {
width: 389px;
margin-top: 20px
}
.map-container .ui-state-default, .map-container .ui-widget-content .ui-state-default, .map-container .ui-widget-header .ui-state-default {
border: none;
background: transparent url(/assets/images/slider_pin.png) 0 0 repeat-x;
font-weight: normal;
color: #555
}
.map-container .ui-widget-content {
background: #efefef
}
.map-container .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 27px;
height: 32px;
margin-left: -13px;
cursor: default;
outline: none !important
}
.map-container .ui-widget-header {
border: 1px solid #18c4ef;
background: #11bbe5;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px
}
#slider_steps {
width: 500px;
height: 40px;
position: relative;
margin: 0 0 40px 0
}
#slider_steps .step {
background: url(/assets/images/step_border.png) 50% 0 repeat-y;
display: block;
float: left;
width: 50px;
margin: 0 0 0 27px;
padding-top: 12px
}
#slider_steps .step0 {
margin-left: 54px
}
#slider_steps .step span {
background: #fff;
padding: 2px 0;
text-align: center;
display: block;
color: #909090;
font: 11px sans-serif
}
/*
---------------------------------
--- gallery overrides ---
---------------------------------
*/
.gallery_wrapper {
position: relative;
margin: 20px auto
}
.gallery_wrapper .gal-nav {
width: 25px;
float: left;
display: block
}
.gallery_wrapper .gal-nav span {
width: 25px;
height: 35px;
display: block;
position: absolute;
top: 50%;
margin-top: -17px
}
.gallery_wrapper #gal-prev span {
background: url(/assets/images/arrow-gallery-left.png) 0 0 no-repeat
}
.gallery_wrapper #gal-prev:hover span {
background-position: 0 -35px
}
.gallery_wrapper #gal-next span {
background: url(/assets/images/arrow-gallery-right.png) 0 0 no-repeat
}
.gallery_wrapper #gal-next:hover span {
background-position: 0 -35px
}
.gallery_wrapper #gal-prev.inactive, .gallery_wrapper #gal-next.inactive {
visibility: hidden
}
#gallery {
/*
float:left;
width:560px;
*/
padding: 0 40px;
overflow: hidden
}
#gallery .video {
width: 640px;
margin: 0 auto;
text-align: center
}
#gallery .photo {
width: 640px;
margin: 0 auto;
text-align: center
}
#gallery .photo img {
display: inline;
line-height: 1000px
}
#gallery .video iframe {
margin: 0 auto
}
.thumbnail_carousel {
width: 100%;
margin-top: 40px
}
#gallery-thumbs {
width: 760px;
margin: 0 auto;
overflow: hidden
}
#gallery-thumbs li {
list-style: none;
margin: 0
}
#gallery-thumbs .prev, #gallery-thumbs .next {
width: 25px;
float: left;
display: block;
height: 89px
}
#gallery-thumbs .prev a, #gallery-thumbs .next a {
display: block;
width: 100%;
height: 100%;
position: relative
}
#gallery-thumbs .prev span, #gallery-thumbs .next span {
width: 25px;
height: 35px;
display: block;
position: absolute;
top: 50%;
margin-top: -17px
}
#gallery-thumbs #thumb-prev.inactive, #gallery-thumbs #thumb-next.inactive {
visibility: hidden
}
#gallery-thumbs .prev a span {
background: url(/assets/images/arrow-gallery-left.png) 0 -70px no-repeat
}
#gallery-thumbs .prev a:hover span {
background-position: 0 -35px
}
#gallery-thumbs .next a span {
background: url(/assets/images/arrow-gallery-right.png) 0 -70px no-repeat
}
#gallery-thumbs .next a:hover span {
background-position: 0 -35px
}
#gallery-nav-container {
float: left;
width: 651px;
padding: 0 20px
}
#gallery-nav .panel {
width: 651px;
float: left
}
#gallery-nav a {
display: block;
border: 3px solid transparent;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 116px;
height: 83px;
float: left;
margin: 0 10px 0 0
}
#gallery-nav a.last {
margin-right: 0
}
#gallery-nav a:hover, #gallery-nav a.active {
border: 3px solid #ee2375
}
#gallery-nav a span {
border: 1px solid #c1c1c1;
display: block;
width: 114px;
height: 81px
}
#gallery-nav a:hover span, #gallery-nav a.active span {
border: 1px solid #ee2375
}
#panel_nav {
margin-top: 30px;
text-align: center;
width: 100%
}
#panel_nav a {
display: inline-block;
width: 20px;
height: 20px
}
#panel_nav a span {
display: block;
width: 20px;
height: 20px;
background: #3a3b3c;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
#panel_nav a:hover span, #panel_nav a.active span {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background: #ee2375
}
/*
---------------------------------
--- contact page ---
---------------------------------
*/
body.contact section h3 {
border-bottom: none;
font: bold 17px/36px sans-serif;
color: #8e9090;
display: inline-block
}
h3 .arrow_pink {
display: block;
width: 10px;
height: 36px;
float: right;
padding-left: 14px;
background: url(/assets/images/icon-arrow-sm-pink.png) 100% 50% no-repeat
}
body.contact section p {
margin: 10px 0 30px 0
}
body.contact .contact_icon {
padding: 40px 0 40px 160px;
background: url(/assets/images/icon-contact.png) 0 30px no-repeat
}
/*
---------------------------------
--- static page ---
---------------------------------
*/
.company-content .sidebar h3 {
text-transform: uppercase
}
.company-content .sidebar h3 a {
text-decoration: none
}
.static .breadcrumb {
border-bottom: transparent
}
.careers .company-hero {
background: #343a3a url(/assets/images/Careers_header.jpg) 50% 0 no-repeat
}
.company-hero {
border-top: none;
border-bottom: none
}
.company-hero .cta {
margin-top: 37px;
font-size: 18px
}
.company-hero .cta img {
float: left;
margin: 0 12px 0 0;
position: relative;
top: 0
}
.company-hero .cta a {
color: #fff;
text-decoration: none
}
.company-hero .cta b {
display: block;
line-height: 24px
}
.company-content {
border-top: none
}
.company-content article img {
margin: 0 20px 0 0
}
.product_details {
margin-top: 15px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 20px
}
.product_details h3 {
text-transform: uppercase
}
.product_photo {
float: left;
display: inline-block
}
.product_info {
float: left;
margin: 0 0 0 30px;
display: inline-block
}
.product_info h1 {
margin: 0 0 20px 0;
font: 24px sans-serif
}
.product_info a {
text-decoration: none
}
.product_info a:hover {
text-decoration: none
}
#popular_faqs ul {
margin: 20px 0 0 18px;
color: #c1c1c1
}
#popular_faqs li {
margin: 0 0 12px 0;
line-height: 20px;
font-size: 15px
}
#popular_faqs li a {
text-decoration: none
}
.company-content article {
min-height: 400px
}
/*
---------------------------------
--- job openings ---
---------------------------------
*/
#job_openings li {
list-style: none;
margin: 0 0 20px 0
}
#job_openings li h3 {
font-size: 17px;
margin: 0 0 5px 0
}
#job_openings li .meta {
font-style: italic;
color: #909090
}
#job_apply {
margin: 30px 0;
padding: 30px;
background: #efefef;
border: 1px solid #d6d6d6
}
#job_apply input {
display: block;
margin: 0 0 30px 0;
outline: 0;
border: 1px solid #C1C1C1;
font-size: 16px;
color: #5B5959;
padding: 0 10px;
width: 485px;
height: 45px
}
#job_apply input[type="file"] {
border: none
}
#job_apply button[type="submit"] {
margin: 0 auto 0 auto;
padding: 0 30px;
display: inline-block;
height: 52px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px white;
text-align: center;
font-size: 16px;
color: #5b5959;
text-decoration: none;
line-height: 50px;
background: #11bbe5;
border: 1px solid #0087ac;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 3px 0 #75d8f0, 0 2px 1px 0 #bababa;
box-shadow: inset 0 3px 0 #75d8f0, 0 2px 1px 0 #bababa
}
#job_apply button[type="submit"]:hover {
background: #03c9ef;
-webkit-box-shadow: inset 0 3px 0 #9eecf9, 0 2px 1px 0 #bababa;
box-shadow: inset 0 3px 0 #9eecf9, 0 2px 1px 0 #bababa
}
#job_apply button[type="submit"]:active {
position: relative;
top: 1px
}
#job_apply label.error {
display: none !important
}
/*
---------------------------------
--- form errors ---
---------------------------------
*/
form input[type=text], form textarea, form input[type=password] {
border: 1px solid #c1c1c1
}
form input.error {
border: 1px solid #ee2375 !important;
color: #ee2375;
background-image: url(/assets/images/icon-field-error.png);
background-position: 95% 50%;
background-repeat: no-repeat
}
form label.error {
display: block;
clear: both;
font-size: 14px;
margin: 20px 0;
color: #ee2375
}
.signin-form form label.error {
display: none !important
}
.contact-form button[type="submit"] {
margin: 30px auto 0 auto;
padding: 0 30px;
display: inline-block;
height: 52px;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
text-shadow: 1px 1px 2px white;
text-align: center;
font-size: 16px;
color: #5b5959;
text-decoration: none;
line-height: 50px;
background: #11bbe5;
border: 1px solid #0087ac;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 3px 0 #75d8f0, 0 2px 1px 0 #bababa;
box-shadow: inset 0 3px 0 #75d8f0, 0 2px 1px 0 #bababa
}
.contact-form button[type="submit"]:hover {
background: #03c9ef;
-webkit-box-shadow: inset 0 3px 0 #9eecf9, 0 2px 1px 0 #bababa;
box-shadow: inset 0 3px 0 #9eecf9, 0 2px 1px 0 #bababa
}
.contact-form button[type="submit"]:active {
position: relative;
top: 1px
}
/*
---------------------------------
--- search results ---
---------------------------------
*/
.search-container article .result-meta .result-meta-tag {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-family: "Helvetica", Arial, sans-serif;
font-weight: bold;
font-size: 11px;
display: block;
width: 100px;
text-align: center;
line-height: 25px
}
.search-container article .result-meta .tag-products {
background: #b0cb46
}
.search-container article .result-meta .tag-pages {
background: #ee2375
}
.search-container article .result-meta .tag-newsroom {
background: #5a5959
}
.search-container article .result-meta .tag-faqs {
background: #008ab0;
font-size: 10px
}
.search-container article .result-meta .tag-support {
background: #c1c1c1
}
.search-container article:last-child {
border-bottom: none
}
.pcta-share span span img {
left: -999em !important;
top: -999em !important
}
.ui-autocomplete {
list-style-type: none;
padding: 0;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 400px;
border: 1px solid #aaa
}
.ui-autocomplete li {
padding: 0;
margin: 0;
display: block;
border-top: 1px dotted transparent;
border-bottom: 1px dotted transparent;
border-right-width: 0 !important;
border-left-width: 0 !important
}
.ui-autocomplete li a {
width: 351px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
padding: 0.405em 2.1em 0.405em 1em;
outline: none;
-webkit-border-radius: 0;
border-radius: 0;
border: none;
cursor: pointer;
font-size: 16px;
color: #909090;
border-top: 1px dotted transparent;
border-bottom: 1px dotted transparent
}
.ui-autocomplete li a.ui-state-focus {
border-left: none;
border-right: none
}
section.product-spotlight {
width: 100%
}
section.product-spotlight .container {
width: 100%
}
section.product-spotlight .container .inner-wrapper {
width: 978px;
margin: 0 auto;
position: relative
}
section.product-spotlight .container .img-sizer {
visibility: hidden
}
section.product-spotlight .container .fullscreen {
padding-top: 30px
}
.element section.product-spotlight .fullscreen h3, .element section.product-spotlight .fullscreen p {
color: #fff
}
.element section.product-spotlight .fullscreen {
margin-bottom: -40px
}
.element-reflected-image {
margin-left: 50px
}
.element-download-link {
position: absolute;
right: 0;
bottom: 170px;
font-size: 15px
}
section .element-download-link a {
color: #5b5959
}
section .element-download-link a span {
color: #11bbe5;
padding-left: 24px;
background: url(/assets/images/icon-download-blue.png) 0 0 no-repeat;
line-height: 18px
}
section .element-download-link a:hover span {
position: relative;
top: 1px;
text-decoration: underline;
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
-o-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out
}
.help_lb {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
background: url(../images/white-overlay.png)
}
.help_lb .help {
display: block;
z-index: 99999;
position: fixed;
top: 50%;
left: 50%;
background: #fff;
width: 750px;
height: 360px;
margin: -210px 0 0 -405px;
padding: 25px;
border: 5px #e3e3e3 solid
}
.help_lb .help img {
float: left;
margin: 0 30px 30px 0
}
.help_lb h3 {
font-size: 26px;
margin: 0 0 30px 0;
color: #909090;
font-weight: normal;
font-size: sans-serif
}
.help_lb p {
color: #909090;
line-height: 24px
}
/*#cycle-slideshow {
left:50% !important;
margin-left:-345px !important;
}*/
#slideprev {
margin-left: 0
}
#slidenext {
right: 20px
}
p.directions {
width: 600px;
margin: -10px auto 20px auto
}
.new-faq {
display: inline-block;
border-radius: 4px;
background: #00a7cb;
margin: 0 6px 0 0;
line-height: 22px;
color: #fff;
height: 22px;
padding: 0 8px
}