/* @group Base Styles */
/* test */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px
    }
a, a:link, a:visited {
    color: #00a6cd
    }
a:hover, a:active {
    color: #1d92ad;
    text-decoration: none
    }
h1, h2, h3, h4 {
    font-family: Helvetica, Arial, sans-serif
    }
h1 {
    font-size: 24px;
    color: #0081a0;
    font-weight: bold
    }
h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold
    }
h3 {
    font-size: 17px;
    font-weight: bold;
    color: #383838
    }
p {
    color: #474747;
    line-height: 24px;
    margin: 2px 0 13px
    }
#content ul li {
    background: transparent url(/images/design/bullet.png) 3px 5px no-repeat;
    padding-left: 15px;
    margin: 5px 0
    }
strong, b {
    font-weight: bold
    }
em, i {
    font-style: italic
    }
.container {
    width: 100%;
    background: #fff;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(/images/uploads/backgrounds/general_brand.jpg)
    }
#home .container {
    background-image: none
    }
.wrapper {
    width: 960px;
    margin: 0 auto
    }
.labelHighlight {
    color: #999;
    font-style: italic
    }
a .link_arrow {
    width: 7px;
    height: 15px;
    display: inline-block;
    background-image: url(/images/design/link_arrows.png);
    background-repeat: no-repeat;
    position: relative;
    left: 15px;
    top: 3px;
    margin-left: -8px;
    background-position: 0 -19px
    }
a:hover .link_arrow {
    background-position: 0 0
    }
/* @end */
/* @group Button Classes */
.details .compare {
    margin: 6px 0 6px 13px;
    display: block;
    float: left
    }
/* Generic button class, all buttons start here! */
.get_app, .submit, input.download, .go, a.view_all_phones, a:link.view_all_phones, a:visited.view_all_phones, a.remove_link, a:link.remove_link, a:visited.remove_link, a.resource_link, a:link.resource_link, a:visited.resource_link, a.buy_phone, a:link.buy_phone, a:visited.buy_phone, a.compare_phones, a:link.compare_phones, a:visited.compare_phones, input.compare_phones, a.learn_more, a:link.learn_more a:visited.learn_more {
    display: block;
    padding: 6px 4px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    -moz-box-shadow: 0 1px 2px #bbb;
    /* FF3.5+ */
    -webkit-box-shadow: 0 1px 2px #bbb;
    /* Saf3.0+, Chrome */
    box-shadow: 0 1px 2px #bbb;
    /* Opera 10.5, IE 9.0 */
    border: none;
    cursor: pointer
    }
/* @group Black */
a.learn_more, a:link.learn_more a:visited.learn_more {
    float: left;
    width: 110px;
    background-image: -moz-linear-gradient(top, #646a6b, #2d3132);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646a6b), color-stop(1, #2d3132));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#646a6b', EndColorStr='#2d3132')";
    /* IE8 */
    text-shadow: #000 0 0 3px
    }
.go:hover, a:hover.learn_more, a:active.learn_more {
    background-image: -moz-linear-gradient(top, #495051, #131516);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #495051), color-stop(1, #131516));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#495051', EndColorStr='#131516')";
    /* IE8 */
    }
/* @end */
/* @group Blue */
.submit, .go, a.view_all_phones, a:link.view_all_phones, a:visited.view_all_phones, a.buy_phone, a:link.buy_phone, a:visited.buy_phone {
    float: left;
    width: 110px;
    background-image: -moz-linear-gradient(top, #1caecf, #459db5);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1caecf), color-stop(1, #459db5));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1caecf', EndColorStr='#459db5')";
    /* IE8 */
    text-shadow: #666 0 0 3px
    }
.go:hover, a:hover.view_all_phones, a:active.view_all_phones, a:hover.buy_phone, a:active.buy_phone {
    background-image: -moz-linear-gradient(top, #0183a2, #19aed1);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0183a2), color-stop(1, #19aed1));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0183a2', EndColorStr='#19aed1')";
    /* IE8 */
    }
/* @end */
/* @group Silver */
a.get_app, input.download, a.remove_link, a:link.remove_link, a:visited.remove_link, a.resource_link, a:link.resource_link, a:visited.resource_link, a.compare_phones, a:link.compare_phones, a:visited.compare_phones, input.compare_phones {
    float: right;
    width: 140px;
    position: relative;
    top: -5px;
    margin-left: 20px;
    background-image: -moz-linear-gradient(top, #fefefe, #d8d8d8);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #d8d8d8));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#d8d8d8')";
    /* IE8 */
    text-shadow: #fff 0 0 3px;
    color: #676767;
    cursor: pointer
    }
a.get_app:hover, a.get_app:active, input.download:hover, a:hover.remove_link, a:active.remove_link, a:hover.resource_link, a:active.resource_link, a:hover.compare_phones, a:active.compare_phones, input.compare_phones:hover {
    background-image: -moz-linear-gradient(top, #e5e5e5, #b1b1b1);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(1, #b1b1b1));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5e5e5', EndColorStr='#b1b1b1')";
    /* IE8 */
    text-shadow: #fff 0 0 3px;
    color: #424242
    }
/* @end */
/* @end */
/* @group Header */
#header {
    width: 960px;
    margin: -3px auto 0 auto;
    display: block;
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 100
    }
#home #header {
    margin: -3px auto 430px auto
    }
#pantech_logo {
    float: left;
    margin: 27px 20px 0 10px
    }
/* ----- new header ----- */
.acc {
    position: absolute;
    top: -999em
    }
#header_new {
    width: 964px;
    height: 100px;
    margin: 0 auto
    }
#header_new #logo {
    width: 169px;
    height: 45px;
    margin: 26px 0 0 10px;
    float: left;
    display: inline
    }
#header_new #logo a {
    display: block;
    position: relative;
    width: 169px;
    height: 45px;
    background: url(/dew-assets/images/home/logo.png) 0 0 no-repeat
    }
#header_new #nav {
    float: right;
    overflow: hidden
    }
#header_new #nav ul {
    float: right
    }
#header_new #nav li {
    float: left;
    padding: 26px 0 10px 33px;
    display: inline-block
    }
#header_new li a {
    font: normal 16px/22px "pill-gothic-300mg-1", "pill-gothic-300mg-2", Helvetica, "Lucida Sans", "Trebuchet MS", Arial, Verdana, sans-serif;
    color: #5A5D5E;
    text-decoration: none;
    text-transform: uppercase
    }
#header_new li a:hover {
    color: #0081A0
    }
#header_new .search-wrapper {
    float: right;
    clear: right
    }
#header_new #search, #header_new #social {
    display: block;
    display: inline-block;
    float: right
    }
#header_new #social {
    padding: 0 37px 0 0
    }
#header_new #social ul {
    float: right
    }
#header_new #social li {
    display: block;
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 10px 0 0 10px
    }
#header_new #social li a {
    display: block;
    width: 16px;
    height: 16px
    }
#header_new #social li.twitter a {
    background: url(/dew-assets/images/home/icon-twitter.png) 0 0 no-repeat
    }
#header_new #social li.facebook a {
    background: url(/dew-assets/images/home/icon-facebook.png) 0 0 no-repeat
    }
#header_new #search button {
    width: 31px;
    height: 31px;
    display: block;
    display: inline-block;
    float: left;
    border: 0;
    margin: 3px 0 0 0;
    background: url(/dew-assets/images/home/btn-search.png) 0 0 no-repeat
    }
#header_new #search button:hover {
    background-position: 0 -31px
    }
#header_new #search input {
    float: left;
    margin: 3px;
    width: 176px;
    height: 27px;
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: inset 0 0 3px #999;
    -webkit-box-shadow: inset 0 0 3px #999;
    box-shadow: inset 0 0 3px #999;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #cbcbcb;
    text-indent: 10px;
    font: italic 12px Helvetica, "Lucida Sans", "Trebuchet MS", Arial, Verdana, sans-serif
    }
#breadcrumb {
    font-size: 12px;
    margin: 10px 0 0 10px
    }
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
    text-decoration: none
    }
/*

@end */
/* @group Slideshow */
#slideshow {
    position: absolute;
    z-index: 99;
    height: 600px;
    width: 100%;
    background-color: #fff;
    top: 0
    }
.slide_wrapper {
    width: 100% !important;
    height: 600px;
    overflow: visible;
    background-position: top center;
    background-repeat: no-repeat
    }
.slide {
    display: block;
    width: 940px;
    height: 429px;
    margin: 70px auto 0;
    overflow: hidden;
    position: relative
    }
.slide .slidein {
    position: relative;
    top: 400px;
    float: right
    }
#slide_nav {
    position: relative;
    overflow: hidden;
    z-index: 100;
    width: 100%;
    text-align: center;
    display: block;
    padding-top: 8px;
    margin: 8px 0
    }
#slide_nav a, #slide_nav a:link, #slide_nav a:visited {
    width: 13px;
    height: 23px;
    display: inline-block;
    background-image: url(/images/design/current_slide_indicator.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
    background-position: -23px 0;
    margin: 0 2px
    }
#slide_nav a.activeSlide, #slide_nav a:hover, #slide_nav a:active {
    background-position: 0 0
    }
#slide_nav #next, #slide_nav #prev {
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    position: relative;
    top: -5px
    }
#slide_nav #next {
    background-position: -38px 0;
    border-left: 1px dotted #605f5f;
    padding-left: 10px;
    margin-left: 6px
    }
#slide_nav #prev {
    background-position: -72px 0;
    border-right: 1px dotted #605f5f;
    padding-right: 10px;
    margin-right: 6px
    }
/* @end */
/* @group News Slider */
#news {
    background: transparent url(/images/design/recent_news.gif) top left no-repeat;
    overflow: hidden;
    display: block;
    margin: 0 0 40px 0;
    clear: both
    }
#news_slider {
    background-color: #eee;
    display: block;
    width: 770px;
    min-height: 20px;
    padding: 5px;
    margin: 0 20px 0 0;
    float: right;
    clear: right;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    }
.news_item {
    margin: 4px 8px 15px;
    clear: both;
    width: 750px !important
    }
.news_item a, .news_item a:link, .news_item a:visited {
    font-family: Georgia, Times New Roman, Times, serif;
    font-style: italic
    }
.news_item .date {
    padding: 0 10px;
    margin: 0 10px;
    border-left: 1px dotted #605f5f;
    border-right: 1px dotted #605f5f;
    color: #605f5f;
    font-family: Georgia, Times New Roman, Times, serif;
    font-style: italic
    }
/* @end */
/* @group Featured */
.featured {
    width: 300px;
    float: left;
    position: relative;
    z-index: 100;
    margin-bottom: 40px
    }
.featured a, .featured a:link, .featured a:visited {
    text-decoration: none
    }
.featured a:hover .link {
    text-decoration: underline
    }
.featured a p, .featured a:link p, .featured a:visited p {
    padding: 10px 0 0 0;
    line-height: 16px;
    background-color: #fff;
    text-decoration: none !important;
    margin-bottom: 1px !important
    }
.featured.left, .featured.right {
    width: 310
    }
.featured.right {
    margin-left: 20px
    }
.featured.left {
    margin-right: 20px;
    margin-left: 5px;
    padding: 0 0 0 10px
    }
.featured.left img {
    margin-left: -10px
    }
/* @end */
#phones #page_content {
    margin-bottom: 20px
    }
#error_content, #content {
    padding: 10px;
    background-color: #fff;
    width: 940px
    }
#error_content {
    margin-top: 50px;
    -moz-box-shadow: 0 -1px 1px #bbb;
    /* FF3.5+ */
    -webkit-box-shadow: 0 -1px 1px #bbb;
    /* Saf3.0+, Chrome */
    box-shadow: 0 -1px 1px #bbb;
    /* Opera 10.5, IE 9.0 */
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    padding: 20px;
    width: 920px
    }
#phones #content {
    width: 950px;
    padding-left: 0
    }
#phones #content .aside {
    margin-left: 10px
    }
.aside a.view_all_phones {
    margin-left: 35px;
    margin-bottom: 20px;
    width: 140px
    }
.arrow_left {
    width: 14px;
    height: 12px;
    display: inline-block;
    float: left;
    position: relative;
    left: 4px;
    top: 1px;
    background-image: url(/images/design/arrow_left.png)
    }
.arrow_left {
    width: 14px;
    height: 12px;
    display: inline-block;
    float: left;
    background-image: url(/images/design/arrow_left.png)
    }
#social_sharing {
    display: block;
    clear: left;
    margin: 10px 0
    }
#social_sharing span, #social_sharing a {
    float: left;
    margin: 2px;
    display: block;
    color: #5a5d64
    }
#social_sharing span.share, #social_sharing .addthis_button_facebook_like {
    position: relative;
    bottom: -2px
    }
#social_sharing a.addthis_button_google_plusone {
    width: 25px;
    overflow: hidden;
    margin-top: 4px
    }
#social_sharing span.share, #social_sharing addthis_button_facebook_like {
    position: relative;
    top: 3px
    }
#search_results {
    margin-top: 20px;
    padding: 10px;
    background-color: #fff
    }
#search_results .odd, #search_results .even {
    padding: 20px 10px;
    border-bottom: 1px solid #dcdcdc
    }
/* @group Sidebar */
#sidebar {
    float: right;
    width: 230px;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
    right: -10px;
    clear: right
    }
#sidebar {
    float: right;
    width: 230px;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
    right: -10px;
    clear: right
    }
#sidebar .sidebar_item {
    margin-bottom: 20px;
    overflow: hidden
    }
#sidebar.left {
    float: left;
    clear: left;
    margin-top: 20px;
    position: relative;
    left: -10px
    }
#phones #sidebar.left {
    left: 0
    }
#sidebar p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 5px
    }
#sidebar img + p + p {
    margin-bottom: 30px
    }
#sidebar.left p {
    margin-left: 10px
    }
/* @end */
/* @group Aside */
/* @group Support Page */
#support .aside {
    top: -70px
    }
/* @end */
.aside {
    float: left;
    width: 220px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    background-image: -moz-linear-gradient(top, #f4f4f4, #ddddd9);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ddddd9));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ddddd9')";
    /* IE8 */
    position: relative;
    margin-bottom: 10px
    }
.aside ul, .aside h4 {
    background-image: -moz-linear-gradient(top, #f4f4f4, #ddddd9);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ddddd9));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ddddd9')";
    /* IE8 */
    padding: 10px 15px;
    border-bottom: 1px solid #dcdcdc;
    color: #666
    }
.aside h4 {
    text-transform: uppercase;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #dcdcdc
    }
.aside h5 {
    font-size: 14px;
    font-weight: bold;
    color: #383838;
    margin: 4px
    }
.aside ul {
    border-top: 1px solid #fff;
    padding-bottom: 50px;
    font-size: 12px
    }
.aside ul ul {
    min-height: auto;
    background: none;
    border: none;
    margin: 0 0 0 20px;
    padding: 0
    }
#content .aside ul li {
    padding: 0;
    background-image: none
    }
.aside ul input {
    margin-right: 10px
    }
.aside li {
    margin-bottom: 10px
    }
li#sub_nav_faq, .aside li a, .aside li a:link, .aside li a:visited {
    background-color: #e3e3e3;
    padding: 5px 9px;
    -moz-box-shadow: 0 -1px 2px #bbb;
    /* FF3.5+ */
    -webkit-box-shadow: 0 -1px 2px #bbb;
    /* Saf3.0+, Chrome */
    box-shadow: 0 -1px 2px #bbb;
    /* Opera 10.5, IE 9.0 */
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    text-decoration: none;
    color: #666;
    display: block
    }
li#sub_nav_faq div#not_current {
    background: #E3E3E3 !important;
    -moz-box-shadow: 0 -1px 2px #bbb !important;
    /* FF3.5+ */
    -webkit-box-shadow: 0 -1px 2px #bbb !important;
    /* Saf3.0+, Chrome */
    box-shadow: 0 -1px 2px #bbb !important;
    /* Opera 10.5, IE 9.0 */
    color: #333 !important
    }
.aside li ul {
    padding-bottom: 10px;
    margin: 0
    }
.aside li ul li {
    padding-left: 15px !important
    }
.aside li ul li a, .aside li ul li a:link, .aside li ul li a:visited {
    background: transparent;
    padding-left: 15px;
    -moz-box-shadow: none;
    /* FF3.5+ */
    -webkit-box-shadow: none;
    /* Saf3.0+, Chrome */
    box-shadow: none;
    /* Opera 10.5, IE 9.0 */
    -moz-border-radius: 0;
    /* FF1+ */
    -webkit-border-radius: 0;
    /* Saf3+, Chrome */
    border-radius: 0;
    /*      background: transparent url(/images/design/bullet.png) 5px 9px no-repeat; */
    width: 120px;
    color: #474747
    }
.aside li ul li a:hover, .aside li ul li a:active, .aside li ul li a:focus {
    background-color: #fff;
    color: #2bc5e8;
    -moz-box-shadow: 0 -1px 2px #bbb;
    /* FF3.5+ */
    -webkit-box-shadow: 0 -1px 2px #bbb;
    /* Saf3.0+, Chrome */
    box-shadow: 0 -1px 2px #bbb;
    /* Opera 10.5, IE 9.0 */
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    }
li.current a, li.current a:link, li.current a:visited, li#sub_nav_faq div, .aside li.checked a, .aside li a:hover, .aside li a:active, .aside li a:focus {
    background-color: #2bc5e8;
    color: #fff;
    -moz-box-shadow: 0 -1px 2px #25a9c7;
    /* FF3.5+ */
    -webkit-box-shadow: 0 -1px 2px #25a9c7;
    /* Saf3.0+, Chrome */
    box-shadow: 0 -1px 2px #25a9c7;
    /* Opera 10.5, IE 9.0 */
    }
li#sub_nav_faq div {
    padding: 8px 10px
    }
.aside#suggestions li a, .aside#suggestions li a:link, .aside#suggestions li a:visited, .aside#suggestions li a:hover, .aside#suggestions li a:active, .aside#suggestions li a:focus {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
    }
li.second_level {
    background-color: #e3e3e3;
    padding: 5px 9px;
    -moz-box-shadow: 0 -1px 2px #bbb;
    /* FF3.5+ */
    -webkit-box-shadow: 0 -1px 2px #bbb;
    /* Saf3.0+, Chrome */
    box-shadow: 0 -1px 2px #bbb;
    /* Opera 10.5, IE 9.0 */
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    text-decoration: none;
    color: #666;
    display: block
    }
#more_page_listing li ul li {
    font-size: 13px !important
    }
#more_page_listing li ul li .icon {
    margin-left: 15px
    }
/* @group Suggstions */
#suggestions {
    text-align: center !important;
    float: right;
    clear: right;
    margin: 40px 0 30px;
    border: 1px solid #ccc;
    min-height: 200px
    }
#suggestions h3 {
    background-image: -moz-linear-gradient(top, #f4f4f4, #ddddd9);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ddddd9));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ddddd9')";
    /* IE8 */
    font-weight: lighter;
    padding: 5px 0;
    text-transform: uppercase;
    color: #666;
    border-bottom: 1px solid #ccc;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px
    }
#suggestions ul {
    margin: 0;
    padding: 0
    }
#suggestions li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dcdcdc;
    margin: 0;
    padding: 10px 0
    }
#suggestions li.first {
    border-top: none
    }
#suggestions a, #suggestions a:link, #suggestions a:visited {
    text-decoration: none
    }
/* @end */
/* @end */
/* @group Compare Bar
 */
#compare_phones, #compare_bar {
    text-align: right;
    padding: 12px;
    background-image: -moz-linear-gradient(top, #f4f4f4, #ddddd9);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ddddd9));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ddddd9')";
    /* IE8 */
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    color: #666;
    display: block
    }
#compare_bar input.compare_phones {
    float: right
    }
#compare_icon {
    margin-top: -12px;
    position: relative;
    right: 10px;
    top: 7px
    }
#compare_phones {
    text-align: right;
    padding: 0;
    border: 1px solid #dcdcdc
    }
#compare_container {
    height: 250px;
    display: block;
    overflow: hidden
    }
#compare_container ul {
    width: 495px;
    margin: 0 auto
    }
#compare_container li {
    display: block;
    float: left;
    width: 155px;
    text-align: center;
    margin: 20px 5px !important;
    padding: 0 !important;
    opacity: 0.01;
    filter: alpha(opacity=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=01)"
    }
#compare_container li img {
    margin-bottom: 5px
    }
#compare_container li .remove_link {
    margin: 15px 10px 5px 25px;
    clear: both;
    display: block;
    width: 100px;
    float: none
    }
a .remove_icon {
    width: 14px;
    height: 14px;
    background-image: url(/images/design/remove_icons.png);
    background-repeat: no-repeat;
    display: block;
    position: relative;
    right: 10px;
    top: 1px;
    float: right
    }
a:hover .remove_icon {
    background-position: 0 -19px
    }
#phone_listing .section#compare_footer {
    padding: 15px 10px;
    margin-top: 20px;
    display: block;
    width: 670px;
    clear: both;
    border-top: 1px solid #dcdcdc
    }
#phone_listing .selected {
    border: 2px solid #d6f4fa !important;
    background-image: -moz-linear-gradient(top, #ececec, #fff);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec), color-stop(1, #fff));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#ffffff')";
    /* IE8 */
    }
/* @end */
/* @group Compare Page */
#table_compare tr {
    width: 235px;
    float: left;
    display: inline-block
    }
#table_compare tr td.table_head {
    width: 900px;
    clear: both;
    float: left;
    position: relative;
    right: 0;
    z-index: 9999;
    color: #f4f4f4;
    font-weight: normal;
    text-transform: uppercase;
    padding: 20px;
    background-image: -moz-linear-gradient(top, #646a6b, #2d3132);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646a6b), color-stop(1, #2d3132));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#646a6b', EndColorStr='#2d3132')";
    /* IE8 */
    }
#table_compare tr td.place_holder {
    padding: 20px 10px;
    background: transparent
    }
#table_compare tr.titles td {
    background-color: #c4c4c4;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d3
    }
#table_compare tr td {
    width: 215px;
    padding: 10px;
    background-color: #fff;
    clear: both;
    float: left;
    min-height: 18px;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
    }
#table_compare tr td.learn_more {
    min-height: 30px;
    width: 214px;
    text-align: center;
    padding-top: 20px
    }
#table_compare tr td.learn_more:last-child {
    width: 215px
    }
#table_compare tr.titles td.blank, #table_compare tr td.blank {
    background: transparent !important;
    border: none !important
    }
#table_compare tr.entry td:nth-child(even) {
    background-color: #f4f4f4
    }
#table_compare tr .table_header_select {
    height: 280px;
    border: none !important;
    background-color: transparent !important;
    text-align: center
    }
.table_header_select .compare_phone_image {
    margin: 0 10px 20px
    }
td.table_header_select a.compare_phones {
    float: left;
    margin-left: -10px
    }
.table_header_select h3 {
    text-align: left;
    margin-bottom: 10px
    }
/* @group Select another phone... */
.compare_phone_selector {
    background-image: -moz-linear-gradient(top, #f1f1f1, #dcdcdc);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(1, #dcdcdc));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#dcdcdc')";
    /* IE8 */
    overflow: hidden;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    -moz-box-shadow: 0 0 6px #efefef;
    /* FF3.5+ */
    -webkit-box-shadow: 0 0 6px #efefef;
    /* Saf3.0+, Chrome */
    box-shadow: 0 0 6px #efefef;
    /* Opera 10.5, IE 9.0 */
    border: 1px solid #dcdcdc;
    text-align: left
    }
.compare_phone_selector h2 {
    font-size: 13px;
    line-height: 18px;
    color: #686868;
    font-weight: normal;
    padding: 20px 10px 20px 50px;
    background: transparent url(/images/design/plus.png) 5px 22px no-repeat
    }
.compare_phone_selector select {
    min-width: 140px;
    margin-bottom: 20px
    }
.compare_phone_selector .compare_phones {
    float: left;
    margin: 0;
    width: 100px
    }
/* @end */
/* @group My Group */
/* @end */
/* @end */
/* @group Phone Listing */
#phone_listing {
    width: 700px;
    min-height: 900px;
    float: right;
    clear: right;
    margin: 0 0 0 0;
    background-color: #fff
    }
#phone_listing ul li {
    background-image: none
    }
#phone_listing .section {
    width: 201px;
    float: left;
    margin: 5px 10px 10px 0;
    padding: 10px;
    text-align: center;
    border: 2px solid transparent;
    background-position: 0 0
    }
.section h1 {
    margin: 10px 0;
    text-align: left;
    font-size: 18px;
    color: #383838;
    font-weight: bold
    }
.section .details {
    text-align: left;
    color: #666
    }
#phone_listing .section:nth-child(3n+3) {
    margin-right: 0 !important
    }
#products li input, #carriers li input {
    display: none
    }
/* @group Popup */
.phone_info {
    position: relative;
    text-align: left;
    z-index: 400
    }
a.trigger, a:link.trigger, a:visited.trigger {
    position: relative;
    float: right;
    top: 150px;
    margin-right: 35px;
    width: 28px;
    height: 28px;
    background-image: url(/images/design/info_btn.gif);
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
    z-index: 300;
    cursor: pointer
    }
a:hover.trigger, a:active.trigger {
    background-position: 0 -27px
    }
.popup {
    width: 440px;
    z-index: 800
    }
.popup .carrier {
    float: right;
    clear: right;
    margin-right: 235px
    }
.popup .popup_phone_image {
    position: relative;
    margin-left: 20px;
    margin-bottom: 15px
    }
.popup h3 {
    color: #fff;
    text-shadow: #000 0 0 3px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #000;
    background-image: -moz-linear-gradient(top, #646a6b, #2d3132);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646a6b), color-stop(1, #2d3132));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#646a6b', EndColorStr='#2d3132')";
    /* IE8 */
    }
.popup .learn_more {
    margin-bottom: 20px
    }
.popup ul {
    padding: 0 20px 0 0;
    color: #3f3737;
    font-size: 12px;
    display: block;
    float: right;
    width: 250px
    }
.popup li {
    list-style-type: disc;
    margin: 8px 0
    }
.popup .close {
    height: 27px;
    width: 27px;
    float: right;
    display: block;
    background: transparent url(/images/design/close.png) top left no-repeat;
    margin-right: 5px;
    top: -5px;
    position: relative;
    cursor: pointer
    }
/* @end */
/* @end */
/* @group Phone Detail */
#phone_content {
    padding: 10px;
    width: 940px
    }
#phone_header {
    padding-bottom: 30px;
    width: 700px;
    clear: left;
    float: left
    }
#phone_logo {
    margin: 45px 0 5px
    }
#phone_header h1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 45px 0 0;
    text-transform: uppercase
    }
#phone_header h2 {
    font-size: 20px;
    color: #0081a0;
    margin-bottom: 15px
    }
#phone_details {
    float: left;
    width: 340px
    }
#phone_details .buy_phone, #phone_details .compare_phones {
    margin: 10px 10px 10px 0;
    float: left
    }
#phone_details .compare_phones {
    margin-top: 15px
    }
#phone_image {
    float: right;
    width: 320px;
    clear: right;
    position: relative
    }
#primary_phone_image {
    margin-right: 100px
    }
#phone_image .carrier_logo {
    position: absolute;
    top: 50px;
    left: -80px
    }
#gallery_links {
    clear: left;
    width: 345px;
    overflow: hidden;
    padding: 30px 0 20px 0
    }
#gallery_links .item {
    float: left;
    margin-right: 10px;
    width: 105px
    }
#gallery_links .item a, #gallery_links .item a:link, #gallery_links .item a:visited {
    text-decoration: none
    }
#gallery_links .item a span, #gallery_links .item a:link span, #gallery_links .item a:visited span {
    text-decoration: underline
    }
#gallery_links .item span {
    margin-left: 10px;
    display: block
    }
#phone_support {
    float: right;
    width: 220px;
    overflow: hidden;
    margin: 0 0 20px 0;
    position: relative;
    border: 1px solid #bababa;
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    background-color: #f8f8f8;
    clear: right
    }
#phone_support h4 {
    color: #b8b8b8;
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    background-image: -moz-linear-gradient(top, #646a6b, #2d3132);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646a6b), color-stop(1, #2d3132));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#646a6b', EndColorStr='#2d3132')";
    /* IE8 */
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px
    }
#phone_support ul {
    margin: 10px 0
    }
#phone_support li.support_item {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    clear: both
    }
#phone_support li.support_item h3 {
    padding-left: 45px !important
    }
#phone_support ul a, #phone_support ul a:link, #phone_support ul a:visited {
    color: #808080;
    text-decoration: none
    }
#phone_support ul a:hover, #phone_support ul a:active, #phone_support ul a:focus {
    color: #000
    }
/* @end */
/* @group Support */
/* @group Listing Page */
#support_page {
    width: 700px;
    float: right;
    margin: 0 0 0 0
    }
#support_page .header {
    background-color: #f4f4f4;
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    border: 1px solid #dcdcdc;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 20px
    }
#support_page .header h1 {
    font-size: 20px
    }
#support_page .header p {
    font-size: 12px;
    color: #333;
    margin-top: 14px
    }
#support_page .header #description {
    margin-left: 40px;
    width: 250px;
    float: left
    }
#select_phone {
    width: 300px;
    float: left;
    display: block
    }
#support_page label {
    clear: both;
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    margin: 20px 0 10px 0
    }
#support select {
    clear: both;
    float: left;
    display: block;
    min-width: 200px;
    margin-bottom: 20px
    }
#support_types {
    width: 480px
    }
#support_types a, #support_types a:link, #support_types a:visited {
    font-weight: bold;
    color: #30c5e8;
    font-size: 14px;
    float: right;
    width: 110px
    }
#support_types .section {
    width: 206px;
    padding: 5px;
    margin: 10px 15px 0 0;
    display: block;
    float: left;
    min-height: 190px
    }
#support_types .section p {
    margin-left: 95px;
    line-height: 18px;
    min-height: 95px
    }
#support_types .section h2 {
    min-height: 50px;
    font-size: 20px;
    color: #0082a1;
    margin-bottom: 10px
    }
#customer_service {
    background: transparent url(/images/design/customer_service_icon.gif) 0 45px no-repeat
    }
#faqs {
    background: transparent url(/images/design/faqs_icon.gif) 0 45px no-repeat
    }
#warranty {
    background: transparent url(/images/design/warranty_icon.gif) 0 50px no-repeat
    }
#hearing_aid_compatibility {
    background: transparent url(/images/design/hearing_aid_compatibility_icon.gif) 0 55px no-repeat
    }
/* @end */
/* @group Phone Entry */
#support_entry #content {
    background-color: transparent
    }
#support_entry_page {
    width: 700px;
    float: left;
    margin-top: 40px
    }
#support_entry_page #support_header {
    overflow: hidden;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px
    }
#support_entry_page #support_header h1 {
    font-size: 24px;
    color: #333;
    margin: 15px 0
    }
#support_entry_page #support_header p {
    font-size: 14px;
    line-height: 19px;
    color: #393939;
    width: 360px;
    clear: left
    }
#support_entry_page #support_header #primary_phone_image {
    float: right
    }
#support_header .carrier_logo {
    position: relative;
    top: -25px
    }
#support_entry_page #primary_phone_image {
    float: right;
    margin: 0 150px 0 20px
    }
#support_entry_page h2 {
    font-size: 16px;
    font-weight: lighter;
    text-transform: uppercase;
    color: #333;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 4px;
    margin-bottom: 14px
    }
#support_items {
    margin-bottom: 30px
    }
#content #support_items li {
    padding: 8px 10px 0;
    background-image: -moz-linear-gradient(top, #f4f4f4, #ddddd9);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ddddd9));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ddddd9')";
    /* IE8 */
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    border: 1px solid #dcdcdc;
    color: #666;
    margin-bottom: 7px;
    overflow: hidden;
    background-position: 0 0
    }
#support_items li h3 {
    width: 400px;
    float: left;
    font-weight: lighter;
    color: #333;
    font-size: 14px;
    padding: 3px 0 10px 0
    }
#support_items li a {
    margin: 5px 10px 0 0
    }
#support_items h3 {
    background-image: url(/images/design/support_icon_sprite.png);
    background-repeat: no-repeat;
    padding-left: 35px !important
    }
#support_items .link h3, #support_items .pdf h3 {
    background-position: 0 3px
    }
#support_items .warranty h3 {
    background-position: 0 -55px
    }
#warranty-info #phone_warranty {
    width: 300px;
    float: left;
    display: inline-block
    }
#warranty-info #tablet_warranty {
    width: 300px;
    float: left;
    display: inline-block;
    margin: 0 0 0 50px
    }
.clear {
    clear: both
    }
#support_items .download h3 {
    background-position: 0 -115px
    }
#support_items .video h3 {
    background-position: 0 -175px
    }
#faq_header {
    background-image: url(/images/design/support_icon_sprite.png);
    background-repeat: no-repeat;
    padding: 8px 35px !important;
    background-position: 0 -220px
    }
#faq_page_list h1 {
    padding-bottom: 10px
    }
#faq_list {
    margin-bottom: 20px
    }
#faq_list li {
    margin: 12px 10px
    }
#faq_navigation {
    margin-bottom: 30px
    }
#faq_navigation a {
    padding: 3px 6px;
    display: inline-block;
    margin: 0 2px;
    text-decoration: none;
    color: #30c5e8
    }
.active_page {
    background: #30c5e8;
    color: white !important
    }
/* @end */
#faq_entry #content {
    background-color: transparent
    }
#faq_entry_page {
    width: 700px;
    float: right;
    margin: 0 0 0 0;
    background-color: #fff
    }
#faq_entry h1 {
    background-color: #5b5c5e;
    width: 220px;
    padding: 10px 10px 5px;
    color: #fff;
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", sans-serif;
    display: block;
    font-weight: 400;
    font-style: normal;
    font-size: 34px
    }
.likee_dislike {
    padding: 20px 5px 0;
    background: transparent url(/images/design/dislike.gif) top center no-repeat;
    position: relative;
    bottom: -10px
    }
.likee_like {
    padding: 20px 5px 0;
    background: transparent url(/images/design/like.gif) top center no-repeat;
    position: relative;
    bottom: -10px
    }
.like_or_dislike span {
    display: none
    }
.like_or_dislike span.like, .like_or_dislike span.dislike {
    display: inline
    }
#question {
    margin: 20px 0
    }
/* @group Tabs */
#tab_content {
    clear: left;
    width: 700px;
    display: block;
    float: left
    }
#tab_nav {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    height: 200px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow: hidden
    }
#tab_nav div, #tab_nav a, #tab_nav a:link, #tab_nav a:visited {
    float: left;
    width: 212px;
    padding: 10px;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    text-decoration: none;
    background-image: -moz-linear-gradient(top, #f4f4f4, #ddddd9);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #ddddd9));
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#ddddd9')";
    /* IE8 */
    }
#tab_nav li.last div, #tab_nav li.last a {
    border-right: none;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px
    }
#tab_nav li.first a {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px
    }
#tab_nav li a.selected {
    border-bottom: none;
    background-image: none;
    filter: none;
    -ms-filter: none
    }
#overview_features_tab, #reviews_tab, #tech_specs_tab {
    margin-top: -160px
    }
#tab_content .section {
    margin: 0 10px;
    padding: 20px 10px;
    border-bottom: 1px solid #dcdcdc;
    display: block;
    overflow: hidden
    }
#tab_content .section.last {
    border-bottom: none
    }
#tab_content .section table {
    width: 320px;
    float: left;
    margin: 5px 20px 15px 0;
    margin-right: 20px;
    margin-bottom: 20px;
    clear: left
    }
#tab_content .section table.rc {
    float: left;
    margin-right: 0;
    float: right;
    clear: right
    }
#tab_content tbody tr {
    border-bottom: 1px solid #cacaca
    }
#tab_content tbody tr:nth-child(even) {
    background-color: #f1f1f1
    }
#tab_content tbody td:nth-child(1) {
    background-color: #c4c4c4;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d3;
    width: 150px
    }
#tab_content .section td {
    padding: 10px 10px;
    border-left: 1px solid #cacaca
    }
#tab_content .section table thead tr {
    border-bottom: 1px solid #4a4f50
    }
#tab_content .section thead {
    color: #f4f4f4;
    font-weight: normal;
    text-transform: uppercase;
    padding: 30px;
    background-color: #646a6b;
    background-image: -moz-linear-gradient(top, #646a6b, #2d3132);
    /* FF3.6 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646a6b), color-stop(1, #2d3132));
    /* Saf4+, Chrome */
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#646a6b', EndColorStr='#2d3132')";
    /* IE8 */
    }
#tab_content p {
    font-size: 14px;
    line-height: 24px
    }
#tab_content h1 {
    font-size: 24px;
    color: #0081a0
    }
.carrier_image {
    position: relative;
    top: 8px
    }
.left_image {
    margin: 5px 10px 10px 0
    }
.right_image {
    margin: 5px 0 10px 10px
    }
/* @end */
#legal_agreement {
    height: 300px;
    overflow: auto;
    border: 1px solid #5b5c5e
    }
#legal_agreement ul, #legal_agreement ol, #legal_agreement dl, #legal_agreement h1, #legal_agreement h2, #legal_agreement h3, #legal_agreement h4, #legal_agreement h5, #legal_agreement p {
    padding: 10px
    }
#legal_agreement p {
    padding: 5px 10px
    }
#agree_form {
    margin: 20px 0
    }
#agree_form #agree {
    clear: both;
    float: left;
    display: block;
    overflow: hidden;
    margin: 2px 5px 30px 0
    }
#agree_form .download {
    clear: both;
    float: left
    }
/* @end */
/* @group Career Listings */
#career_listing {
    width: 702px
    }
#career_listing thead {
    font-weight: bold
    }
#career_listing tbody tr {
    cursor: pointer
    }
#career_listing tbody tr.odd {
    padding: 5px;
    background-color: #ededed
    }
#career_listing tbody tr.hovering {
    background-color: #30c5e8;
    color: #fff
    }
#career_listing tbody tr.hovering a, #career_listing tbody tr.hovering h2 {
    color: #fff
    }
#career_listing td {
    padding: 10px
    }
#career_listing td h2 {
    font-size: 13px
    }
.job_pagination {
    margin: 10px 0;
    font-size: 12px
    }
.job_pagination a {
    padding: 4px;
    margin: 0 2px;
    color: #646a6b
    }
.job_pagination strong {
    background-color: #30c5e8;
    color: #fff;
    display: inline-block;
    padding: 3px 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
    }
#careers #content {
    min-height: 400px
    }
/* @end */
/* @group Career Detail */
h2#job_title {
    font-size: 24px
    }
h3#job_location {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px
    }
h1#application_sent {
    margin-bottom: 20px !important
    }
#apply_form {
    width: 635px;
    float: right;
    padding: 20px 20px;
    margin: 30px 20px 0 0;
    border: 1px solid #bbb;
    -moz-border-radius: 4px;
    /* FF1+ */
    -webkit-border-radius: 4px;
    /* Saf3-4 */
    border-radius: 4px;
    background-color: #f4f4f4
    }
#apply_form label {
    display: block;
    float: left;
    clear: both;
    font-weight: bold;
    color: #333
    }
#apply_form textarea, #apply_form .text {
    display: block;
    float: left;
    clear: both;
    font-size: 16px;
    border: 1px solid #bbb;
    padding: 5px;
    margin: 5px 0;
    width: 400px;
    margin-bottom: 10px
    }
#apply_form .upload {
    display: block;
    float: left;
    clear: both;
    font-size: 16px;
    padding: 5px;
    margin: 5px 0;
    width: 400px;
    margin-bottom: 10px
    }
#apply_form .submit {
    margin-top: 10px;
    width: 110px;
    float: right
    }
/* @end */
#more_from_your_mobile .header {
    height: 346px;
    width: 938px;
    margin-top: 50px;
    border: 1px solid #fff;
    -moz-box-shadow: 0 0 8px #bbb;
    /* FF3.5+ */
    -webkit-box-shadow: 0 0 8px #bbb;
    /* Saf3.0+, Chrome */
    box-shadow: 0 0 8px #bbb;
    /* Opera 10.5, IE 9.0 */
    position: relative;
    z-index: 9999
    }
#more_from_your_mobile .header p {
    width: 300px;
    margin-left: 90px;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    color: #fff;
    text-shadow: #999 0 0 4px
    }
#features {
    margin-bottom: 60px;
    overflow: hidden
    }
#more_from_your_mobile h1 {
    color: #595c5d;
    margin-bottom: 20px
    }
#features a.learn_more {
    margin-top: 10px;
    float: right
    }
#features .item {
    width: 290px;
    float: left;
    margin: 10px 20px 20px 0;
    min-height: 250px
    }
#features .item a, #features .item a:link, #features .item a:visited {
    text-decoration: none !important
    }
#features .item img {
    float: left;
    margin: 0 10px 60px 0
    }
#featured_apps {
    width: 670px;
    padding: 15px;
    clear: left;
    background: #e7e7e7 url(/images/design/app_bg.gif) top left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative
    }
#featured_apps h1, #featured_apps h2 {
    color: #00a9d1;
    text-transform: uppercase
    }
#featured_apps_list {
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 20px 10px;
    overflow: hidden;
    background-color: #fff;
    display: block;
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    -webkit-box-shadow: inset 0 1px 1px 0 #666;
    -moz-box-shadow: inset 0 1px 1px 0 #666;
    box-shadow: inset 0 1px 1px 0 #666;
    position: relative;
    z-index: 100
    }
#featured_apps_list .featured_app_item {
    float: left;
    width: 110px;
    margin-left: 45px
    }
#featured_apps_list .featured_app_item img {
    margin-bottom: 5px;
    border: 1px solid red
    }
#find_more_apps {
    position: relative;
    right: -160px;
    top: -170px;
    float: right;
    z-index: 90
    }
/* @group More From Your Mobile Pages */
.more_from_your_mobile_page h1 {
    font-size: 24px;
    color: #0082a1
    }
#more_page_listing li {
    text-align: left;
    position: relative;
    margin-bottom: 10px !important
    }
#more_page_listing li a {
    padding: 8px 8px 8px 50px;
    font-size: 14px;
    display: block;
    padding-left: 40px
    }
#more_page_listing li.non_button a {
    background-color: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    font-size: 12px
    }
#more_page_listing li.non_button a:hover {
    color: #000
    }
#more_page_listing li .icon {
    background-image: url(/images/design/more_from_your_mobile_nav_icons.png);
    float: left;
    height: 30px;
    width: 40px;
    clear: left;
    position: absolute;
    top: 0;
    left: 0
    }
#subnav_social_media .icon {
    background-position: -1px -184px
    }
#subnav_social_media.current .icon, #subnav_social_media:hover .icon {
    background-position: -54px -184px
    }
#subnav_music_media .icon {
    background-position: -1px -8px
    }
#subnav_music_media.current .icon, #subnav_music_media:hover .icon {
    background-position: -54px -8px
    }
#subnav_messaging .icon {
    background-position: -1px -55px
    }
#subnav_messaging.current .icon, #subnav_messaging:hover .icon {
    background-position: -54px -55px
    }
#subnav_app .icon, #subnav_downloads .icon {
    background-position: -1px -98px
    }
#subnav_app.current .icon, #subnav_app:hover .icon, #subnav_downloads.current .icon, #subnav_downloads:hover .icon {
    background-position: -54px -98px
    }
#subnav_android .icon {
    background-position: -1px -268px
    }
#subnav_android.current .icon, #subnav_android:hover .icon {
    background-position: -54px -268px
    }
#subnav_browse_the_web .icon {
    background-position: -1px -140px
    }
#subnav_browse_the_web.current .icon, #subnav_browse_the_web:hover .icon {
    background-position: -54px -140px
    }
#subnav_att_navigator .icon {
    background-position: -5px -228px
    }
#subnav_att_navigator .icon {
    background-position: -5px -228px
    }
#subnav_att_navigator.current .icon, #subnav_att_navigator:hover .icon {
    background-position: -58px -228px
    }
.more_from_your_mobile_page ul {
    color: #474747;
    line-height: 24px;
    width: 345px
    }
.more_from_your_mobile_page ul.full {
    width: 550px;
    margin-left: 80px
    }
.more_from_your_mobile_page .link_full {
    width: 550px;
    display: block;
    margin-left: 80px;
    clear: both
    }
.more_from_your_mobile_page ul.right {
    float: left
    }
.more_from_your_mobile_page li {
    background-position: 2px 8px !important
    }
.more_from_your_mobile_page h2 {
    margin: 10px 30px 10px 75px;
    font-size: 18px;
    color: #333;
    clear: both
    }
.more_from_your_mobile_page img.left {
    float: left
    }
.support_link_left, .more_from_your_mobile_page img.left, .more_from_your_mobile_page ul.left {
    margin-left: 75px;
    display: block
    }
.support_link_right {
    display: block;
    width: 345px;
    float: left;
    clear: right
    }
.block {
    background-color: #e6e6e6;
    overflow: visible;
    margin-bottom: 20px;
    padding: 15px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    min-height: 300px
    }
.block h2 {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 10px
    }
.block .featured_image {
    float: left;
    margin-top: -2px
    }
.block .subheading p {
    font-size: 18px;
    line-height: 23px;
    color: #000
    }
.block .block_content {
    margin-top: 20px;
    margin-right: 20px;
    display: block
    }
#app_page #page_content {
    margin-top: 80px
    }
#app_page .aside {
    top: -83px;
    margin-bottom: -43px
    }
#app_page #content {
    background: transparent
    }
#app_finder {
    display: block;
    width: 944px;
    background: transparent url(/images/design/apps_header_transparency.png);
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 2px 2px 2px 0 #999;
    -moz-box-shadow: 2px 2px 2px 0 #999;
    box-shadow: 2px 2px 2px 0 #999
    }
#app_finder #app_header {
    padding: 5px 10px
    }
#app_finder #app_header h2, #app_finder #app_header p {
    color: #fff
    }
#app_finder #app_header h2 {
    font-weight: normal;
    margin-top: 10px
    }
#app_finder #app_header p {
    font-size: 13px;
    line-height: 18px
    }
#app_finder #app_sidebar {
    float: left;
    display: block;
    background-color: #2e2d2d;
    background-image: linear-gradient(bottom, rgb(43, 42, 42) 13%, rgb(64, 63, 63) 57%);
    background-image: -o-linear-gradient(bottom, rgb(43, 42, 42) 13%, rgb(64, 63, 63) 57%);
    background-image: -moz-linear-gradient(bottom, rgb(43, 42, 42) 13%, rgb(64, 63, 63) 57%);
    background-image: -webkit-linear-gradient(bottom, rgb(43, 42, 42) 13%, rgb(64, 63, 63) 57%);
    background-image: -ms-linear-gradient(bottom, rgb(43, 42, 42) 13%, rgb(64, 63, 63) 57%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(43, 42, 42)), color-stop(0.57, rgb(64, 63, 63)));
    width: 220px;
    height: 515px;
    border-top: 1px solid #000
    }
#app_finder #app_sidebar ul li {
    list-style: none;
    background: none
    }
#app_finder #app_sidebar ul {
    margin-top: 30px
    }
#app_finder #app_sidebar ul li a, #app_finder #app_sidebar ul li a:link, #app_finder #app_sidebar ul li a:visited {
    background-color: #343434;
    padding: 6px 9px;
    -moz-box-shadow: 0 -1px 1px #1b1b1b;
    /* FF3.5+ */
    -webkit-box-shadow: 0 -1px 1px #1b1b1b;
    /* Saf3.0+, Chrome */
    box-shadow: 0 -1px 1px #1b1b1b;
    /* Opera 10.5, IE 9.0 */
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    text-decoration: none;
    color: #fff;
    display: block;
    text-transform: uppercase;
    width: 172px;
    margin-bottom: 10px;
    border-bottom: 1px solid #484747
    }
#app_finder #app_sidebar ul li a.active, #app_finder #app_sidebar ul li a:hover, #app_finder #app_sidebar ul li a:active, #app_finder #app_sidebar ul li a:focus {
    background-color: #30c5e8;
    color: #fff;
    -moz-box-shadow: 0 1px 1px #1d89a2;
    /* FF3.5+ */
    -webkit-box-shadow: 0 1px 1px #1d89a2;
    /* Saf3.0+, Chrome */
    box-shadow: 0 1px 1px #1d89a2;
    /* Opera 10.5, IE 9.0 */
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    border-top: 1px solid #a2e5f5;
    border-bottom: none;
    text-shadow: 0 1px 1px #228aa2;
    filter: dropshadow(color=#228aa2, offx=0, offy=1)
    }
#app_finder #app_sidebar ul li a.active {
    width: 205px;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-radius: 5px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
    }
#app_content {
    background: #e7e7e7 url(/images/design/app_bg.gif) top left;
    border-top: 1px solid #6f6f6f;
    width: 944px;
    height: 515px;
    display: block;
    float: left
    }
#app_category_intro {
    padding: 30px 15px 20px 30px;
    display: block;
    overflow: hidden
    }
#app_category_intro h2 {
    color: #00a9d1;
    font-size: 24px
    }
#app_category_intro img {
    margin-left: 20px;
    float: right
    }
#app_container_wrapper {
    display: block;
    float: right;
    overflow: hidden;
    width: 700px;
    height: 513px;
    border-top: 1px solid #000;
    padding-left: 24px;
    border-bottom: 1px solid #fff;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px
    }
#app_gallery {
    background-color: #fff;
    margin: 20px 20px 20px 0;
    width: 673px;
    display: block;
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3+, Chrome */
    border-radius: 5px;
    /* Opera 10.5, IE 9 */
    -webkit-box-shadow: inset 0 1px 1px 0 #666;
    -moz-box-shadow: inset 0 1px 1px 0 #666;
    box-shadow: inset 0 1px 1px 0 #666
    }
#app_gallery .app_slide {
    width: 670px;
    height: 220px;
    display: block
    }
.app_slide .app_item {
    float: left;
    width: 110px;
    margin: 20px 0 20px 50px
    }
#featured_apps_list .featured_app_item h3, .app_slide .app_item h3 {
    font-weight: bold;
    clear: both;
    font-size: 13px;
    margin: 10px 0;
    width: 100px
    }
#featured_apps_list .featured_app_item a.get_app, .app_slide .app_item a.get_app {
    width: 90px;
    float: left;
    clear: left;
    margin: 20px 0 0 0;
    padding: 6px 3px
    }
#app_pager {
    text-align: center;
    padding-right: 40px
    }
#app_pager a {
    text-indent: -99999px;
    display: inline-block;
    overflow: hidden;
    width: 12px;
    height: 12px;
    background-color: #444;
    margin-right: 4px;
    -moz-border-radius: 6px;
    /* FF1+ */
    -webkit-border-radius: 6px;
    /* Saf3+, Chrome */
    border-radius: 6px;
    /* Opera 10.5, IE 9 */
    -moz-box-shadow: 0 -1px 0 #1b1b1b;
    /* FF3.5+ */
    -webkit-box-shadow: 0 -1px 0 #1b1b1b;
    /* Saf3.0+, Chrome */
    box-shadow: 0 -1px 0 #1b1b1b;
    /* Opera 10.5, IE 9.0 */
    }
#app_pager a.activeSlide {
    background-color: #30c5e8;
    color: #30c5e8;
    -moz-box-shadow: 0 -1px 0 #14768d;
    /* FF3.5+ */
    -webkit-box-shadow: 0 -1px 0 #14768d;
    /* Saf3.0+, Chrome */
    box-shadow: 0 -1px 0 #14768d;
    /* Opera 10.5, IE 9.0 */
    }
#app_container_wrapper #app_prev, #app_container_wrapper #app_next {
    background: transparent url(/images/design/app_slide_next.png) top left no-repeat;
    width: 26px;
    height: 36px;
    display: block;
    position: relative;
    left: 650px;
    top: -195px;
    z-index: 999
    }
#app_container_wrapper #app_next:hover {
    background: transparent url(/images/design/app_slide_next_hover.png) top left no-repeat;
    width: 26px;
    height: 36px;
    display: block;
    position: relative;
    left: 650px;
    top: -195px;
    z-index: 999
    }
#app_container_wrapper #app_prev {
    background: transparent url(/images/design/app_slide_prev.png) top left no-repeat;
    left: 0;
    top: -231px
    }
#app_container_wrapper #app_prev:hover {
    background: transparent url(/images/design/app_slide_prev-hover.png) top left no-repeat;
    left: 0;
    top: -231px
    }
/* @end */
/* @group Environmental Page */
#full_width_static_page #page_content_environmental {
    margin-top: 80px
    }
#page_content_environmental {
    padding: 10px;
    background: transparent url(/images/design/environmental_header_bg.png) bottom left;
    min-height: 100px;
    position: relative
    }
#page_content_environmental h2 {
    position: relative;
    display: block;
    color: #fff;
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", sans-serif;
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    text-transform: normal;
    margin-top: -10px
    }
#page_content_environmental h1 {
    position: relative;
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", sans-serif;
    display: block;
    height: 40px;
    font-size: 36px;
    color: #5e6465;
    font-weight: 500;
    font-style: normal;
    overflow: hidden;
    margin-top: -30px
    }
#page_content_environmental p {
    color: #fff;
    font-size: 14px;
    line-height: 23px
    }
#environmental_page {
    width: 700px;
    float: right;
    margin: 0 0 0 0;
    background-color: #fff
    }
#environmental_page .section {
    padding-bottom: 2px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    padding-left: 10px
    }
#environmental_page .section.last {
    border-bottom: none
    }
#environmental_page .section.margin {
    padding-bottom: 10px;
    margin-top: 10px
    }
#environmental_page #how_were_different {
    background: transparent url(/images/design/environmental_primary_bg.jpg) bottom right no-repeat !important;
    min-height: 294px;
    margin-top: 0
    }
#environmental_page #how_were_different h3 {
    margin-top: 45px
    }
#environmental_page #how_were_different h3 {
    color: #0082a1;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 24px
    }
#environmental_page #how_were_different p {
    width: 245px;
    margin: 10px 0 0;
    color: #333;
    font-size: 13px
    }
#environmental_page h1 {
    font-size: 24px;
    color: #0081a0
    }
#environmental_vertical h4 {
    color: #0082a1;
    margin: 15px 0 5px 0;
    font-weight: bold
    }
#environmental_vertical p.subhead {
    font-weight: bold;
    margin: 0 0 35px 3px
    }
#environmental_vertical {
    overflow: hidden;
    margin: 20px 0
    }
#environmental_vertical .item {
    width: 200px;
    float: left;
    display: block;
    overflow: hidden
    }
#environmental_page .item {
    overflow: hidden;
    margin-right: 20px
    }
#environmental_page .entry {
    overflow: hidden;
    display: block;
    clear: both;
    padding: 10px 0
    }
#environmental_page .video_thumb {
    float: left;
    margin-right: 20px
    }
/* @end */
/* @group Discover Page */
#discover_page {
    width: 700px;
    float: right;
    margin: 0 0 0 0;
    background-color: #fff
    }
#discover_page .section {
    padding-bottom: 2px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    padding-left: 10px
    }
#discover_page .section.last {
    border-bottom: none
    }
#discover_page .section.margin {
    padding-bottom: 10px;
    margin-top: 10px
    }
#discover_page #how_were_different {
    background: transparent url(/images/design/discover_primary_bg.jpg) bottom right no-repeat !important;
    min-height: 330px;
    margin-top: 10px
    }
#discover_page #how_were_different p {
    width: 235px;
    margin: 10px 0 0
    }
h2#header_we_make.discover {
    font-size: 32px !important
    }
#discover_page h1 {
    font-size: 24px;
    color: #0081a0
    }
#discover_vertical {
    overflow: hidden;
    margin: 20px 0
    }
#discover_vertical .item {
    width: 200px;
    float: left;
    display: block;
    overflow: hidden
    }
#discover_page .item {
    overflow: hidden;
    margin-right: 20px
    }
#discover_page .entry {
    overflow: hidden;
    display: block;
    clear: both;
    padding: 10px 0
    }
#discover_page .video_thumb {
    float: left;
    margin-right: 20px
    }
/* @end */
/* @group Static Page */
#static_page .aside {
    top: -83px;
    margin-bottom: -43px
    }
#page {
    width: 700px;
    float: right;
    margin: 0 0 0 0;
    background-color: #fff
    }
#page .section {
    border-bottom: 1px solid #dcdcdc
    }
#page .section.content_block {
    margin-left: 80px;
    padding-bottom: 20px;
    overflow: hidden
    }
#page .section.content_block h3 {
    font-size: 18px;
    line-height: 26px;
    margin: 10px
    }
#page .section.last {
    border-bottom: none
    }
#page .item {
    width: 200px;
    margin: 20px 20px 0 10px;
    float: left;
    display: block
    }
#page .highlight {
    width: 170px;
    margin: 20px 20px 0 10px;
    padding: 15px;
    float: left;
    display: block;
    background-color: #f4f4f4;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    }
#page .item h3 {
    color: #0081a0;
    margin: 4px 0
    }
#page h1 {
    margin: 35px inherit 30px
    }
#page .date, #page h1 .date {
    font-weight: bold;
    font-size: 12px;
    color: #cecece
    }
#page h1 .date {
    margin-left: 10px
    }
#page h1#header {
    background-color: #5b5c5e;
    width: 220px;
    padding: 10px 10px 5px;
    color: #fff;
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", sans-serif;
    display: block;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    margin: 0 0 20px
    }
#full_width_static_page #page_content {
    margin-top: 80px
    }
/* @end */
/* @group Footer */
#footer {
    width: 100%;
    background-color: #efefef;
    display: block;
    clear: both;
    margin: 20px auto
    }
#footer a, #footer a:link, #footer a:visited {
    color: #666;
    line-height: 24px;
    text-decoration: none
    }
#footer ul {
    float: left;
    margin-right: 40px;
    padding-bottom: 40px;
    min-width: 145px
    }
#footer a:hover, #footer a:active {
    background-color: #30c5e8;
    color: #fff;
    padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    }
#social {
    float: right;
    width: 310px;
    padding-bottom: 80px
    }
#follow {
    margin: 0 0 10px 0
    }
#follow a:hover, #follow a:active, #follow a:focus {
    padding: 0;
    background-color: transparent;
    filter: alpha(opacity=60);
    opacity: 0.6
    }
#follow strong {
    color: #666;
    font-weight: bold;
    position: relative;
    top: -7px
    }
#follow img {
    margin: 0 0 0 6px
    }
#live_share {
    margin-bottom: 25px
    }
/* @end */
/* @group clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 1px
    }
.clearfix {
    display: inline-block;
    min-width: 700px
    }
html[xmlns] .clearfix {
    display: block
    }
* html .clearfix {
    height: 1%
    }
/* @end */
/* @group Page Specific Styles */
#page_content {
    padding: 10px;
    background: transparent url(/images/design/header_gradiant.png) bottom left;
    min-height: 100px;
    position: relative
    }
#page_content h2 {
    position: relative;
    display: block;
    color: #fff;
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", sans-serif;
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 34px;
    text-transform: uppercase
    }
#page_content h1 {
    position: relative;
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", sans-serif;
    display: block;
    height: 40px;
    font-size: 36px;
    color: #5e6465;
    font-weight: 500;
    font-style: normal;
    overflow: hidden;
    margin-top: -30px
    }
#phones #page_content {
    margin-top: 55px
    }
#page_content p {
    color: #fff;
    font-size: 14px;
    line-height: 23px
    }
h1#page_header {
    background-color: #5a5d5e;
    color: #fff;
    height: 20px !important;
    min-width: 250px;
    position: relative;
    top: -30px;
    left: -10px;
    padding: 11px 10px 9px !important;
    font-size: 32px !important;
    display: inline-block;
    line-height: 23px;
    color: #f3ffff;
    text-transform: uppercase;
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px
    }
#support h1#page_header {
    top: -34px
    }
#support #page_content {
    margin: 60px 0 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 23px
    }
#support #page_content h2, #support #page_content p {
    padding-left: 250px;
    display: block
    }
#compare #page_content {
    background: none;
    margin-top: 80px;
    min-height: 20px
    }
#static_page #page_content {
    margin-top: 100px
    }
#static_page #page_content h2, #static_page #page_content p {
    padding-left: 240px
    }
h1#header_our_story {
    background-position: 5px -224px;
    background-color: #5a5d5e;
    height: 40px;
    width: 235px;
    margin: -50px 0 10px -10px
    }
h1#header_more {
    background-color: rgba(90, 93, 94, 0.9);
    height: 30px;
    width: 415px;
    margin: -12px 0 10px -10px;
    padding: 15px 10px;
    color: #fff
    }
/* @end */
/* 	--------------------------------------------------------------------------------
	press post table and header styling
	: 2011.05.30 : Samuel King :
	-------------------------------------------------------------------------------- */
#page.press_post h3 {
    margin: 20px 0 20px 0
    }
table#event_listing {
    width: 100%;
    margin: 30px 0 100px 0;
    border: 3px solid #fff;
    border-collapse: separate;
    border-spacing: 2px
    }
table#event_listing th {
    padding: 5px;
    font-weight: bold;
    text-align: center;
    background: #0081A0;
    color: #fff
    }
table#event_listing td {
    padding: 5px;
    font-weight: normal;
    text-align: left;
    background: #f4f4f4;
    color: #000
    }
table#event_listing tr:nth-child(odd) td {
    background: #e9e9e7
    }
#page.press_post .post ul {
    margin: 0 0 20px 20px
    }
#page.press_post .post li {
    line-height: 18px
    }
#page.press_post .post h4 {
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 20px 0;
    color: #0081A0
    }
/* 	-------------------------------------------------------------------------------- */
/* @group GAlliera */
#image_gallery {
    width: 860px;
    overflow: hidden;
    clear: both
    }
#gallery {
    width: 860px;
    overflow: hidden;
    clear: both;
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc
    }
#gallery a, #gallery a:link, #gallery a:visited {
    text-decoration: none !important
    }
#gallery #slideshow {
    text-align: center;
    border-bottom: 1px solid #dcdcdc
    }
ul.thumbs {
    margin: 20px auto 0 auto;
    width: 660px;
    padding-left: 38px;
    display: block;
    overflow: hidden;
    clear: both;
    height: 100px
    }
#thumbs {
    text-align: center
    }
div.pagination span.current, .pagination a, .pagination a:link, .pagination a:visited, .nav-controls a, .nav-controls a:link, .nav-controls a:visited {
    width: 13px;
    height: 13px;
    margin: 5px 5px 0 0;
    display: inline-block;
    background-image: url(/images/design/current_slide_indicator.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
    background-position-x: -24px
    }
div.pagination span.current {
    background-position-x: 0
    }
#controls {
    position: relative;
    top: 325px;
    height: 20px;
    display: block;
    z-index: 999
    }
.nav-controls .next {
    background-position-x: -38px;
    padding: 10px;
    position: relative;
    top: -75px;
    float: right;
    right: 30px;
    background-position: -38px 5px !important
    }
.nav-controls .prev {
    background-position-x: -72px;
    padding: 10px;
    position: relative;
    top: -75px;
    float: left;
    left: 30px;
    background-position: -68px 5px !important
    }
#gallery #slideshow .image-wrapper {
    text-align: center;
    width: 100%
    }
div.content {
    display: block;
    float: left;
    width: 600px
    }
div.slideshow-container {
    position: relative;
    clear: both;
    height: 502px;
    /* This should be set to be at least the height of the largest image in the slideshow */
    }
div.loader {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 550px;
    height: 502px;
    /* This should be set to be at least the height of the largest image in the slideshow */
    }
div.slideshow {
    clear: both;
    float: left;
    overflow: hidden
    }
div.slideshow span.image-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0
    }
div.slideshow img {
    vertical-align: middle;
    margin-top: 10px
    }
div.download {
    float: right
    }
div.caption-container {
    position: relative;
    clear: left;
    height: 75px
    }
span.image-caption {
    display: block;
    position: absolute;
    width: 550px;
    top: 0;
    left: 0
    }
div.navigation {
    width: 860px;
    clear: both
    }
ul.thumbs li {
    float: left;
    padding: 0;
    margin: 5px 10px 5px 0;
    list-style: none
    }
a.thumb {
    display: block;
    border: 1px solid #ccc;
    margin-bottom: 3px
    }
a.thumb:focus {
    outline: none
    }
ul.thumbs img {
    border: none;
    display: block
    }
div.pagination {
    width: auto;
    clear: both;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    padding: 0 20px;
    border-left: 1px solid #ccc;
    border-right: 1px dotted #ccc
    }
div.pagination span.ellipsis {
    border: none;
    padding: 5px 0 3px 2px
    }
/* @end */
/* @group FancyBox */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
    }
* html #fancybox-loading {
    /* IE6 */
    position: absolute;
    margin-top: 0
    }
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url(/images/fancybox/fancybox.png)
    }
#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none
    }
* html #fancybox-overlay {
    /* IE6 */
    position: absolute;
    width: 100%
    }
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
    }
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    /* 	padding: 20px; */
    z-index: 1101;
    display: none;
    height: 100%
    }
#fancybox-wrap:after {
    content: "";
    clear: both
    }
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%
    }
#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden
    }
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent
    }
#fancybox-close {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 30px;
    height: 30px;
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none
    }
#phones #fancybox-close {
    position: absolute;
    top: -6px;
    right: -24px;
    width: 30px;
    height: 30px;
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none
    }
#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0
    }
#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    background: white
    }
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic
    }
#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block
    }
#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102
    }
.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333
    }
.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold
    }
.fancybox-title-over {
    color: #FFF;
    text-align: left
    }
#fancybox-title-over {
    padding: 10px;
    background-image: url(/images/fancybox/fancy_title_over.png);
    display: block
    }
#fancybox-title-wrap {
    display: inline-block
    }
#fancybox-title-wrap span {
    height: 32px;
    float: left
    }
#fancybox-title-left {
    padding-left: 15px;
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -40px -90px;
    background-repeat: no-repeat
    }
#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url(/images/fancybox/fancybox-x.png);
    background-position: 0 -40px;
    color: #FFF
    }
#fancybox-title-right {
    padding-left: 15px;
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -55px -90px;
    background-repeat: no-repeat
    }
#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background-image: url(/images/fancybox/blank.gif);
    z-index: 1102;
    display: none
    }
#fancybox-left {
    left: 0
    }
#fancybox-right {
    right: 0
    }
#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
    }
#fancybox-left-ico {
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -40px -30px
    }
#fancybox-right-ico {
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -40px -60px
    }
#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;
    /* IE6 */
    }
#fancybox-left:hover span {
    left: 20px
    }
#fancybox-right:hover span {
    left: auto;
    right: 20px
    }
.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001
    }
#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url(/images/fancybox/fancybox-x.png)
    }
#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -40px -162px
    }
#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url(/images/fancybox/fancybox-y.png);
    background-position: -20px 0
    }
#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -40px -182px
    }
#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url(/images/fancybox/fancybox-x.png);
    background-position: 0 -20px
    }
#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -40px -142px
    }
#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url(/images/fancybox/fancybox-y.png)
    }
#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url(/images/fancybox/fancybox.png);
    background-position: -40px -122px
    }
/* IE */
#fancybox-loading.fancybox-ie div {
    background: transparent
    }
.fancybox-ie #fancybox-close {
    background: transparent
    }
.fancybox-ie #fancybox-title-over {
    background: transparent;
    zoom: 1
    }
.fancybox-ie #fancybox-title-left {
    background: transparent
    }
.fancybox-ie #fancybox-title-main {
    background: transparent
    }
.fancybox-ie #fancybox-title-right {
    background: transparent
    }
.fancybox-ie #fancybox-left-ico {
    background: transparent
    }
.fancybox-ie #fancybox-right-ico {
    background: transparent
    }
.fancybox-ie .fancy-bg {
    background: transparent !important
    }
/* @end */
@-moz-document url-prefix() {
    h1 #page_header {
        top: -23px;
        } #page_content h1 {
        padding-bottom: 5px;
        } #support h1 #page_header {
        top: -27px;
        } /* 	#more_page_listing li a{padding: 8px 0 !IMPORTANT; } */
    }
.compare-hide {
    display: none
    }
@-moz-document url-prefix() {
    #more_page_listing li a span . link_text {
        position: relative;
        /* 	left: 50px; */
        }
    }