/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* body { line-height: 1.5; background: #fff; margin: 1.5em 0; } */
table { /*border-collapse: collapse; */ border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 {font-size:2em; line-height:1; margin-bottom:9px;}
h2 { font-size: 1.6em; margin-bottom: 0.75em; color: #ff6600;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 10px; text-align: center;}
h4 { font-size: 1.2em; line-height: 1.25;  text-transform: uppercase;}
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

h3.onedevice {font-size: 2.15em; float: left; margin: 0;}
.col-title h3 {text-align: center;}
.col-title h3.leftalign-quote {text-align: left;}
#device-cost h2, #plan-cost h2  {margin-top: 10px; line-height:22px;}
.hero-quote h2 {font-size:2.65em; margin-bottom:0; padding:10px;}
.quote h3 {text-align: left;}



/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.2em; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; font-size:1.08em; line-height:1.3em; color: #333;}

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #ff6600; text-decoration: none; }
a:hover { text-decoration: none; color: #000;}

blockquote { margin: 1.5em; }
strong { font-weight: bold;  color: #cc6600}
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }



/*Link*/
#link-1 a{background:transparent url('/landing/img/intro.gif') no-repeat scroll 0 0; display:block; float:left; height:23px; overflow:hidden; text-indent:-9999px; width:175px;}
#link-2 a{background:transparent url('/landing/img/case.gif') no-repeat scroll 0 0; display:block; float:left; height:23px; overflow:hidden; text-indent:-9999px; width:175px;}
#link-3 a{background:transparent url('/landing/img/pricing.gif') no-repeat scroll 0 0; display:block; float:left; height:23px; overflow:hidden; text-indent:-9999px; width:175px;}
#link-4 a{background:transparent url('/landing/img/specs.gif') no-repeat scroll 0 0; display:block; float:left; height:23px; overflow:hidden; text-indent:-9999px; width:175px;}
#link-5 a{background:transparent url('/landing/img/awards.gif') no-repeat scroll 0 0; display:block; float:left; height:23px; overflow:hidden; text-indent:-9999px; width:175px;}
#link-6 a{background:transparent url('/landing/img/why.gif') no-repeat scroll 0 0; display:block; float:left; height:23px; overflow:hidden; text-indent:-9999px; width:175px;}
#link-7 a{background:transparent url('/landing/img/contact.gif') no-repeat scroll 0 0; display:block; float:left; height:23px; overflow:hidden; text-indent:-9999px; width:175px;}
#link-1 a:hover, #link-2 a:hover, #link-3 a:hover, #link-4 a:hover, #link-5 a:hover, #link-6 a:hover, #link-7 a:hover{background-position: 0 -24px; display:block;}
#nav-BUY a {background:transparent url('/landing/img/nav-BUY.gif') no-repeat scroll 0 0; display:block; float:left; height:29px; overflow:hidden; text-indent:-9999px; width:157px; margin: 10px 0px 0px 5px;} 
#nav-BUY a:hover{background-position: 0 -30px; display:block;}

/*Bullet */
#bullet {width:225px;}
#bullet ul {font-size:0.9em; font-family:Helvetica, Arial, Sans-serif; line-height: 1.3em; padding-top:10px;}
#bullet ul li {color: #6c6b6b; font-family:Helvetica, Arial, Sans-serif; font-weight: bold; line-height: 1.3em; font-size:1.14em; margin-left: 5px; text-indent: -8px;}
#bullet ul li h4{text-align: center;}
#bullet ul li.features {font-size: 1.3em; color: #cc0000; margin-left: 10px; text-indent: -9px;}
.bullet {width:225px;}
.bullet-features {width: 100%; padding: 15px 0px 10px 5px; color: #6C6B6B;}
.bullet ul, .bullet-main-col ul {font-size:0.9em; font-family:Helvetica, Arial, Sans-serif; line-height: 1.3em; padding:10px 0 20px;}
.bullet ul li, .bullet-main-col ul li {color:#6C6B6B; font-family:Helvetica,Arial,Sans-serif; font-size:1.1em; font-weight:bold; line-height:1.3em; margin-left:20px;text-indent:-19px;}
.bullet-main-col ul li {line-height: 1.7em; font-size:1.35em; color: #ff6600;}
.bullet ul li h4{text-align: center;}
.bullet-main-col {margin-top:15px; margin-left: 25px;}
.logo ul li {list-style-image: none; padding:10px 0 0px 17px;}
.logo ul li h4{color: #ff6600; padding-left: 30px;}


/*Nav*/
#nav ul li {background-image: url(../img/bullet.gif); background-repeat: no-repeat;padding-left:15px; font-size: 1.1em; font-weight: bold; color: #333;}
#nav ul li a {color:#333;} 
#nav ul li a:hover {background-color:#e3881a; color:#FFF; height: 50px; padding: 3px} 


/* Layout Blocks
-------------------------------------------------------------- */
#container {width: 932px; height: 100%; margin: 0 auto;}
#content{padding-bottom: 25px;}
.col-title-features {width: 445px; /*padding-left:15px; */padding-top:15px; border-top: 1px dotted; border-bottom: 1px dotted;}
.col-title-maincol {border-bottom:1px dotted; border-top:1px dotted; float:left; margin:0 0 10px; padding-top:15px; width:100%;}
#left-col {width: 175px; height: 100%; float: left;}
#nav {margin-top: 10px;}
#pfb_logo{height: 20px; border-bottom: 1px dotted; padding-bottom: 5px;}
#right-col {width: 720px; height: 100%; margin: 10px; float: left;}
#right-large-col {width: 446px; height: 100%; /*background: #ff9900; */float: left; margin-top:10px; padding:10px;}
.small-col {height: 100%; float: left; margin-top: 10px; padding: 4px; /* border-left:1px dotted; */}
.three-col {padding:3px; width:170px; float:left;}

#5steps{margin-bottom: 100px;}
.awards {padding: 10px 0px 10px 0px; width: 85%;}
.awards-img {padding-bottom: 0px;}
#buy-now {width: 175px; height: 100%; margin-top: -225px}
#buy-now-notsticky {width: 175px; height: 100%; margin-top: 200px}
#care{width:225px; font-size:0.9em; font-family:Helvetica, Arial, Sans-serif; line-height: 1.3em; padding-top:10px;}
.caret {color:#333; padding-right: 10px;}
#cases {float:left; width: 100%;}
.col-title {width: 225px; /*padding-left:15px; */padding-top:15px; border-top: 1px dotted; border-bottom: 1px dotted;}
.col-title-quote {width: 225px;  padding-top:15px; border-top: 1px dotted; border-bottom: 1px dotted;}
#device-40 {float: left; width: 40px; padding-right:10px;}
#device-cost{width:340px; font-size:0.9em; font-family:Helvetica, Arial, Sans-serif; line-height: 1.3em; padding-top:10px; float: left;}
.device img {margin-bottom: 10px;}
#header .phone {border:medium none;}
#hero-peek {float: left; margin-right: 30px; background:transparent url() no-repeat scroll 0 0; border-right:1px dotted #999999; /*display:block;*/  height:231px; overflow:hidden; border: 0px;}
#hero-peek ul, #hero-peek li{margin:0; padding:0; list-style:none; overflow:hidden;}
.hero-quote {/* border-top: 1px dotted #000; */ padding: 10px 0px 10px 0px; padding:15px;}
.heroquote-logo{padding-left: 15px;}
#hero-img {width: 720px; height: 228px; }
#homescreen {float:left; margin: 15px;}
.image-pad {margin-bottom: 30px;}
#intro-bar{width: 100%; height: 40px; color: #0299c4;}
.left-nav-text {border-top:1px dotted; height:100%; padding:15px; width:175px; line-height: 150%;}
#logos {padding:10px 25px;}
.note{font-size: 1em; float: left;}
#plan-cost{width:340px; font-size:0.9em; font-family:Helvetica, Arial, Sans-serif; line-height: 1.3em; padding: 10px 0px 0px 10px; float: left;}
#pfb_title {padding-bottom: 15px;}
.prefooter-btn{width: 68px; height: 22px;}

.press-holder {border: none;}
#pricing-chart {float:left;}
#pricing-copy {float:left; padding-top:25px;}
#right-large-col .separator {overflow:hidden; width:100%;}
.right-nav-text {height:100%; padding:15px; width:210px; line-height: 150%;}
.quote {border-top: 1px dotted; border-bottom: 1px dotted; padding:20px;}		
.quote-logo {padding-bottom: 10px;}			
#savings-chart {padding:15px;}
.twocol-copy {padding-right: 60px;}
.worker {width: 100%; height: 75px; background-color: #ccc; padding-bottom: 10px;}	


/*Footer*/
#prefooter {height:400px;}
.prefooter {float: left; clear: left; width: 100%; background: url('/landing/img/bg_prefooter.gif') no-repeat; height: 72px;}
.prefooter .block1 {float: left; width: 236px; padding: 0 20px;}
.prefooter .block1 img {border: none; padding:15px 15px 15px 30px;}
.prefooter .block2 {float: left; width: 257px; padding: 0 20px;}
.prefooter .block3 {float: left; width: 286px; padding: 0 20px;}
.prefooter h4 {font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 12px; margin: 10px 0 5px 0;}
.prefooter p {font-size: 11px; line-height: 14px;}
.prefooter input {margin-right: 3px; clear:both; color:#999999; font-family:Helvetica,arial,sans-serif; font-size:20px; border: none; width: 68px; float: none; margin-left: 0px;}
.prefooter input.text {width: 150px; border: 1px solid #999; font-size: 12px; margin-top: 2px;}
.prefooter a {color: #355a8f;} 
#footer p {border: none;}
#footer p.copyright {border: none;}
#footer ul{margin-bottom: 15px; width: 700px; float: none; margin-left: 0px;}
#footer ul ol {margin: 0px;}


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; margin-top: 20px;}
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; width: 125px;}
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }
th {text-align: center;}

table h5 {color:#0099cc; font-size:1.1em; font-style:italic; margin-bottom:5px; text-align:center;}



/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

.peek-orange {color: #ff6600; }


/* -------------------------------------------------------------- 
   Forms
-------------------------------------------------------------- */

label { font-weight: bold; font-size: 1.2em;}

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
label {border: none; font-family: Helvetica, arial, sans-serif; font-size: 14px; color:#333333; font-weight: bold; font-size: 20px; display: block;}
input {width: 550px; clear: both; margin-bottom: 10px; border: none; font-family: Georgia, Times New Roman, serif; color:#666666; border: 1px solid #ccc;}
input, textarea, select {margin-left:10px; float: left;}
textarea {width: 550px; border: none; padding-bottom: 10px;  font-family: Helvetica, arial, sans-serif; font-size: 20px; padding: 5px; font-family: Georgia, Times New Roman, serif; color:#666666; border: 1px solid #ccc;}
label.name {margin-top: 10px;}
.submit {width:100px; height:26px; padding:0 2px; background:url(/landing/img/blue-submit.gif) repeat-x 0 0; border: 0px; margin: 15px 0px 0px 10px; vertical-align:middle;} 
 .submit:hover{width:100px; cursor: pointer; background-position:0px -28px;}
.large{width:450px;margin-top: 5px;margin-bottom: 10px;}
.small{width: 450px; margin-top: 5px;}



/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }