html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none} ul {list-style-type:none} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none} :focus {outline:0} .clear {clear:both}

::-moz-selection {background:#00A1DE; color:#ffffff; text-shadow:none}
::selection {background:#00A1DE; color:#ffffff; text-shadow:none}
::-webkit-input-placeholder {color: #bebebe;}
:-moz-placeholder {color: #bebebe;}

body {font:12px 'Open Sans', arial, sans-serif; color:#343434}
.home {background:url('../img/assets/bg.jpg') center 80px no-repeat white}
#header {position:relative; height:80px; background-color:#fff; box-shadow: 3px 3px 6px -2px #ccc; border-bottom: 1px solid #CECECE;}
.wrapper {position:relative; background-color:#fff; width:960px; overflow:hidden; margin:0 auto}
#logo {width:174px; height:31px; padding:24px 0 25px 0}
#header ul {position:absolute; top:0; right:0; -webkit-text-stroke: 0.10px}
#header ul li {float:left}
#header ul li a {display:block; line-height:74px; border-top:4px solid transparent; font-weight:300; height:76px; padding:0px 15px; font-size:14px; color:#063540; text-transform:uppercase; text-decoration:none}
#header ul li a:hover {color:#063540; border-color:#176273; text-decoration:none}
#header ul li a#npr {padding-right:0px;}
#main-container {position:relative; margin:0; border-bottom:1px solid #1e4d64}
.banner {position:relative; width:960px; overflow:hidden; margin:0 auto; height:499px}
#cta {float:left; width:500px}
#main-search {margin:0 auto; padding:50px 0 68px 0}
#search-box .container {padding:8px 0 7px 8px; position:relative}
#search-box .icon {display:inline-block}
#search-box input {background:#fff; border:1px solid #d9d9d9; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:2px; width:274px; display:inline-block; margin:0; height:38px; color:#BEBEBE; font-size:14px; font-family: 'Open Sans', Arial, sans-serif; width:250px; position:absolute; top:360px; left:60px; padding-left:12px}
#search-box input:hover, #search-box input:focus {border:1px solid #5695fc; box-shadow: 0 0 5px #9dbbc5, 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px #9dbbc5, 0 2px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 0 5px #9dbbc5, 0 2px 2px rgba(0,0,0,.1) inset;}
#search-box button {cursor:pointer; position:absolute; height:47px; left:338px; top:358px; width:141px; color:#ffffff; font-size:22px;  text-shadow:0 1px 1px #426806; border: 1px solid #63911C; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#86bf2e; -o-transition:none 0.3s ease-in-out 0s; -webkit-transition:none 0.3s ease-in-out 0s; -moz-transition:none 0.3s ease-in-out 0s; -webkit-appearance:none}
#search-box button:hover{cursor:pointer; background:#91C540}
#search-box button:active{background:#91c540;border-top:1px solid #649810;-webkit-box-shadow:0 0 6px 3px #649810 inset,0px 0px 0px rgba(0,0,0,0);-moz-box-shadow:0 0 6px 3px #649810 inset,0px 0px 0px rgba(0,0,0,0);box-shadow:0 0 6px 3px #649810 inset,0px 0px 0px rgba(0,0,0,0)}
#screen {position:absolute; top:119px; right:0}
.explain {background:#F7F7F7; margin:0 auto}
#popular-searches h3 {text-align: center;}
.banner-s {border-top: 1px solid #e5e5e5; position:relative; width:960px; overflow:hidden; margin:0 auto; padding: 70px 0 76px;}
.banner-s p {font-size:17px; line-height:27px; margin-top:20px;}
.teaser2 {background:#F7F7F7}
.teaser2 p {width:550px; font-style: italic; text-align:center; margin: 23px 0 14px 205px; font-size:16px; font-weight:300}
#fairmarket {float:left; margin:20px 20px 0 0 ;}
.explain-benefits {text-align:center; width: 634px; position: relative; margin: 0 auto;}
.explain-benefits h5 {color:#636466}
.explain-benefits p {padding:10px 5px}
.figure {width: 300px; height:166px; float: left; border: 1px solid #DEDEDE; margin:30px 30px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#l-figure {margin:30px 0 0 0;}
#nm {margin:0}
#hl {margin-top: 62px; font-size:26px;}
#counter1, #counter2, #counter3 {letter-spacing: -1px; padding-right: 3px; color: #7E9E00; font-weight: 500; font-size: 3em; text-align: center; line-height: 2;}
#qrcodemain {padding:20px; margin:0 auto; width:466px;}
#qrcodemain p {display: inline-block; width: 308px; vertical-align: top; margin: 4px 0 0 17px; line-height: 1.7; font-size:15px;}
.environment {color: #747c33; background-image: url("../img/assets/recycledbg-mp.jpg")}
.environment h2 {background: url("../img/assets/recycletitle-sd.png") no-repeat; width:960px; margin:0 auto; display: block; font-size: 2.167em; letter-spacing: -1px; color: #68543F; padding: 22px 0; font-weight:300; text-align: center;}
.environment ul {display: block; margin: 40px auto; width: 960px;}
.environment li {display: inline-block; vertical-align: top; text-align: center; width: 262px; border: 1px solid #7E9E00; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-right: 20px; padding: 0 20px 20px;}
.environment li.nomar {margin:0}
.environment img {padding: 0 75px; margin: 0px 0 20px 0;}
.environment a {color: #68543F; font-size: 2.167em; letter-spacing: -1px; vertical-align: top;}
.environment a:hover {text-decoration: underline;}
#energy {margin: 16px 0 35px 0;}
#water {margin: 13px 0 22px 0;}
#epl {width: 226px; position: relative; margin: 0 auto; padding-bottom:40px;}
#epl img {margin:0 20px 0 0; padding:0 ;}
span.identification {color: #7E9E00;}
.environment h5 {color: #747c33;}
span.number {float:left; display:block; width:19px; height:19px; line-height:19px; margin:15px 10px 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.417em; color:#ffffff; text-align:center; background:#515151; border:1px solid #383838; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.footer {position:relative; background-color:#ffffff; border-top:1px solid #cbcacb}
#footer {background-color:#F7F7F7}
#footer-main {border:none; background-color:#F7F7F7}
.left {float:left}
.footer ul {float:left; width:520px; margin-top:50px;}
.footer li {float:left; width:148px; margin:0 0 10px 0}
.footer li.gl1 {width:82px}
.footer li.gl2 {width:113px}
.footer li.gl3 {width:99px}
.footer li.gl4 {width:90px}
.footer li.gl5 {width:70px}
.footer li.gl6 {width:102px}
.footer li.gl7 {width:140px}
.footer li.gl8 {width:237px}
.footer li.sub a {font-size:12px; text-transform: lowercase;}
.footer p, .footer li a { font-family: 'Open Sans', arial, sans-serif; color:#558292; font-size:1.167em; text-transform:uppercase; text-decoration:none; position:relative}
.footer a:hover {text-decoration:underline}
.footer a:active {color:#85c6dd}
span.slash {color:#989898; padding:0 20px}
span.slashsub {padding:0 12px;}
.right {display: inline-block; margin:50px 0 0 105px; font-weight:700;}
.follow {height:70px; text-align:right}
a {line-height: 1.5; color:#636466}


h1 {text-indent:-9990px}
h2 {color:#fff; font-weight:400; font-size:3.500em; letter-spacing:-2px; padding:140px 0 20px 30px; -webkit-text-stroke: 1px;}
h3 {color:#176273; font-weight:400; font-size:28px; line-height: 38px;}
h4 {color:#fff; font-weight:300; font-size:2.167em; letter-spacing:-1px; -webkit-text-stroke: 0.35px;}
h5 {color:#558292; font-weight:600; font-size:1.333em; letter-spacing:-1px}
h6 {color:#394e5b; font-weight:normal; font-size:1.333em; letter-spacing:-1px}
p {font-size:1.083em; line-height:1.5}
.em {font-weight:bold; padding:20px 0 12px 0; display:block}
.em2 {font-weight:bold}
.em3 {font-weight:bold; padding:20px 0 12px 0; display:block; font-size:1.250em}

#popular-searches li {display: inline-block; border-right:1px solid #ededed; padding:4px; margin:27px 0 0 0; text-align:center}
#popular-searches li a {border:none; overflow:hidden; display: inline-block; height:190px}
#popular-searches li img {width:120px; border: none; overflow: hidden; margin-top:7px}
#popular-searches li a:hover {margin:-3px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:3px solid #558292}
.teaser h3, .teaser2 h3 {text-align:center;}
span.se1 {text-transform:uppercase; color:#19191a; font-size:12px; display:block; margin-top:8px; width: 183px;}
span.se2 {color:#636466; font-size:12px; display:block}
span.se3 {text-transform: uppercase; color: #19191A; font-size: 12px; display: block; margin-top: 8px; width:204px;}
span.front-price {display:block; color: #558292; font-weight: 600; font-size: 1.333em; letter-spacing: -1px;}
#li {margin-left:18px}
#ri {margin-right:18px; border:none !important}
#footer-left {padding:0 52px 0 162px}
#footer-right {margin:20px 0}


/*2nd*/
.secondary {background-color:#f1f1f1}
#content {width:880px; margin:32px auto 110px auto; padding:36px 38px 50px 38px; min-height:420px; background:#ffffff; border:1px solid #cbcbcb; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px}
#box {width:880px}
#content p {padding-bottom:15px}
#content h5 {margin:0 0 15px 0}
#content a {color:#394E5B; text-decoration:underline}
#content a:hover {text-decoration:none}
.search-bar {position:absolute; top:26px; right:0}
.form .row input[type="text"], .form .row input[type="password"] { height:26px; line-height:18px; border:1px solid #D9D9D9; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color: #b1b1b1; font-size:12px; font-family:'Open Sans', Arial, sans-serif;}
.form .row input[type="text"]:focus, .form .row input[type="text"]:hover, .form .row input[type="password"]:focus, .form .row input[type="password"]:hover { border:1px solid #5695FC; box-shadow: 0 0 5px #9DBBC5, 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px #9DBBC5, 0 2px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 0 5px #9DBBC5, 0 2px 2px rgba(0,0,0,.1) inset;}
.form .row input.login {background-color:#f5f5f5; margin-right:66px; width:210px; padding:2px 5px 1px 10px}
.form .row input[type="submit"] { cursor: pointer; color:#ffffff; text-shadow:0 1px 1px #6F903A; border:1px solid #63911c; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#91C540; font-size:14px; font-weight:500; position:absolute; top:0; right:0; height:30px; width:60px;}
.form .row input[type="submit"]:hover {background: #86BF2E;}
.form .row input[type="submit"]:active {background:#91c540;border-top:1px solid #649810;-webkit-box-shadow:0 0 6px 3px #649810 inset,0px 0px 0px rgba(0,0,0,0);-moz-box-shadow:0 0 6px 3px #649810 inset,0px 0px 0px rgba(0,0,0,0);box-shadow:0 0 6px 3px #649810 inset,0px 0px 0px rgba(0,0,0,0)}



/*About*/
#about {width: 548px;}
#about-p {float:left; margin:53px 0 0 46px}
#about h3 #about-2 h3 {padding-bottom:10px}
#about-2 {width:568px; margin:40px 0 0 48px}
#about-p2 {float:left; margin-top:50px}
#signature {position: relative; top: -5px}
#emphasize {float: right; width:296px; margin-top: 80px; text-align: center; font-size: 17px; line-height: 1.5; font-style: italic;}
#emphasize p {padding-top: 40px;}

/*API*/
#api {width:580px;}
.bluebox {padding:1em 2em; background-color: #e2f5f9;}


/*condition*/
.condition {width:527px; margin-top: 43px}
.condition-p {float:left; margin:30px 0 0 0px}
.condition-e {float:left; width:213px; margin:24px 0 0 33px}
.condition img {border:1px solid #dedede; padding:4px}
.condition h3, .condition-right h3, .condition-2 h3, .condition-left h3, .condition-p h3 {padding-bottom:20px}
.condition-2 {width:568px; margin:40px 0 0 48px}
.condition-p2 {float:left; margin-top:50px}
.condition-right {margin:43px 0 0 46px; float:left; width:527px}
.condition-left {width:527px; margin-top: 43px; float:left}
img#nb {border:none; padding:0; margin-bottom:30px; width:880px;}


/*how-it-works*/
#features h3 {padding-bottom:20px}
#features-explained {margin-bottom:50px}
#features-explained img {border:none; margin: 15px 0 0 -15px}
#qrcode {float:left; margin:0 0 0 78px}
#embed-explained {margin-bottom:50px}
#embed-explained img {border:none; margin: 5px 0 0 30px}


/*pricebox*/
#contentbox {width:880px; margin:32px auto 110px auto; padding:36px 38px 50px 38px; min-height:420px; background:#fff; border:1px solid #d7d7d7; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);}
#pricebox {width:880px}
.bread {text-align:left; position:relative; font-size:11px; color:#989898; border-bottom:1px solid #dedede; padding-bottom:4px}
.bread p {color:#558292; display:inline-block}
.bread a {padding-right:5px; color:#558292;}
span.arrow {padding-right:5px; font-size:12px}
.inner-box {width:100%; margin:6px 0 0 0; overflow:hidden; border-bottom:1px solid #dedede; padding-bottom:24px}
#phone-image {display:inline-block; width:294px; border-right: 1px #DEDEDE dotted; margin:36px 0 0 0; padding: 0;}
#phone-image a {color:#fff; text-decoration:underline}
#phone-image a:hover {text-decoration:none}
#phone-display {padding:0 30px}
.devicedetails {padding: 0 83px;}
.share-report {margin: 0 39px; width:202px; background-color: #FAFAFA; border: 1px solid #EDEDED; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; height: 24px;}
.share-report img {cursor:pointer}
.share-report p {float: left; padding: 3px 8px 0 6px; font-size: 0.917em;}
li.share {float:left; padding:4px 0 0 8px}
li#np {padding:4px 0 0 0 ;}
.sharebutton {padding:0}
.leftcol {width:544px; display: inline-block; margin: 0 0 0 37px; vertical-align: top;}
.priceblock {margin:26px 0 0 0; font-size:1.167em}
h1.title {font-weight:500; color:#394E5B; font-size:2.500em; letter-spacing:-1px; background-image:none; height:auto; text-indent:0}	
.details {margin:10px 0 10px 0; border-bottom:1px dotted #dedede; padding-bottom:32px}
.details p {line-height:1}
.details a {color:#78a9ba}
.details a:hover {text-decoration:underline}
.details .detail {padding-right:15px; display:inline-block; vertical-align:top; line-height:1.2}
span.condition-set {color: #558292;}
.fair_range {display:inline-block;}
.fair-price {float:left; width:285px; height:112px; margin-top:15px; border-right:1px dotted #dedede}
.fair-price p {font-size:1em; line-height:1.2}
.fair-price h5 {color:#558292; font-weight:700; font-size:1.500em; letter-spacing:0; float:left;}
.fair-price h2 {color:#558292; font-size:5.833em; line-height:1; font-weight:600; padding:0; margin-bottom:5px}
.fair-price img {display:inline-block; cursor:pointer; margin:5px 0 0 2px}
.misc-price {float:left; width:226px; margin:16px 0 0 30px; border-bottom:1px dotted #dedede; padding-bottom:17px}
.misc-price .item {display:inline-block; margin-right:8px}
.misc-price h5 {float:left; color:#394E5B; font-weight:500; font-size:14px; letter-spacing:0; padding: 0 3px 5px 0}
.misc-price h2 {font-size:14px; line-height:1; font-weight:500; clear:both; padding:0; margin-bottom:0; letter-spacing:0}
.misc-price p {font-size:14px; line-height:1.2; margin-left:1px;}
.misc-price img {margin:4px 0 0 2px; cursor:pointer; display:block}
#last {border:none; margin:13px 0 0 30px}
.price-guide-box {position: relative; margin-top: 44px;}
.top-bar {position: relative;}
#movaluate-review {float:left; width:674px}
#movaluate-review p {font-size: 13px; margin-bottom:10px} 
#user-condition {display: inline-block; padding-left: 35px}
#user-condition h5 {text-transform: uppercase;}
#user-selected-condition {border: 1px solid #DEDEDE; background-color:#FAFAFA; font-weight:600; border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px; height:53px; width:144px; text-transform:uppercase; text-align:center; line-height:3.1; margin-top:14px; font-size:1.417em;}
.pricegraph {float:left; width:660px; display: inline-block;}
.pricegraph h5 {margin:7px 0 0 10px; line-height:1; color:#394E5B; font-weight:600}
#condition-selection {width: 220px; display: inline-block; margin: 10px 0 0 0;}
#chart_area {background-image: url("../img/assets/price-graph.png"); height:485px; margin:16px 0 0 14px; width:660px}
.percentage {position:relative; text-align:center; font-weight:700; font-size:1.167em}
.percentage li {float:left; width:220px; margin-top:7px}
.totalnumber li {float:left; width:220px; margin-top:15px}
.totalnumber {position:relative; text-align:center; font-size:1em}
#chart1 {width:660px; height:321px; margin:78px 0 0 -14px; position:absolute}
#chart2 {width:660px; height:321px; margin:82px 0 0 -14px; position:absolute}
#price_fair2 {position:relative; top:405px; left:133px; color:#558292; font-weight:700; font-size:16px; line-height:1.2; width:148px; display:inline-block; text-align:center}
#update {position:absolute; top:864px; left:21px}
.condition-selection {width:220px; display: inline-block; margin: 25px 0 0 0;}
.condition-selection h5 {margin:24px 0 10px 0}
.condition-box {margin:0 0 0 52px}
span.screen {font-size:1.167em; padding-bottom:5px; line-height:1.6; padding-right:1px}
.analyzed-data {width:188px; display:inline-block; margin-left:51px}
.analyzed-data ul {list-style-type:square; margin-top:12px}
.analyzed-data li {width:168px; display:inline-block}
.analyzed-data p {display:inline-block}
.analyzed-data h5, #movaluate-review h5, .column h5 {color:#558292; font-weight:600; font-size:1.333em; letter-spacing:-1px; margin-bottom:10px; text-transform: uppercase;}
.sale-numbers {margin:68px 0 0 42px; border-bottom:1px dotted #DEDEDE; padding-bottom:24px}
.sale-numbers ul {list-style-type:disc; margin-left:17px}
.sale-numbers li {padding-bottom:10px}
#low-market-range {position:relative; top:404px; left:77px; font-size:14px; color:#394E5B; width:118px; display:inline-block; text-align:center}
#high-market-range {position:relative; top:404px; left:189px; font-size:14px; color:#394E5B; width:119px; display:inline-block; text-align:center}
#pricefluctuation2, #mode, #updatedate {font-size:1.083em; line-height:1.5; padding-left:5px}
.column {display:inline-block; border-top:1px solid #DEDEDE; margin-top:30px; padding-top:30px}
.column ul {margin-top:25px}
.column li {float:left; width:263px; height:166px; background-color:#FAFAFA; border:1px solid #DEDEDE; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; display:inline-block; margin-right:42px}
.column li.n-mar {margin:0}
.column h6 {color:#ffffff; font-weight:400; font-size:13px; border-bottom:1px solid #dedede; padding:2px 0 3px 20px; background-color:#558292}



p.line {border-top:1px solid #eeeeee; font-size:12px; line-height:1.3; padding:10px 0 0 12px}
p.line-2 {font-size:12px; line-height:1.3; padding:10px 0 0 12px}
span.box-word {float:left}
span.box-word-r {float:right}
span.small-letter {font-weight:300; color:#558292; text-shadow:0px 0px 1px transparent; letter-spacing:-3px; font-size:34px; position:absolute; left:56px}
span.big-letter {font-size:40px; font-weight:300; color:#558292; text-shadow:0px 0px 1px transparent; letter-spacing:-3px}
.boxliner {margin:4px 0; padding-left:53px}
.learn {float:right; margin-top:14px}
.learn a {color:#78A9BA; text-decoration:underline}
.learn a:hover {text-decoration:none}
.shoplink {text-align: center; margin-top: 10px; font-weight: 800;}
.shoplink a {color:#78A9BA; text-decoration:underline}
.shoplink a:hover {text-decoration:none}
.shopcart {vertical-align: middle; height: 15px; margin-right:1px;}
#notrash {float: left; padding-right: 14px}


/*view phone detail*/
#fade { /*--Transparent background layer--*/display: none; /*--hidden by default--*/background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .70;z-index: 9999;}
.popup_block {display: none; /*--hidden by default--*/ margin-left:-250px; background:#f8f8f8 ;float: left;font-size: 1.2em;position:absolute; height:500px; width:500px; top:80px; left:50%; z-index: 99999;width: 100px;/*--CSS3 Box Shadows--*/-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;/*--CSS3 Rounded Corners--*/-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
img.btn_close {float:right; margin:-12px -13px 0 0; border:none}
#popID {width:100px}
img {border:none}
.phone-detail-box {padding:20px 35px 0 35px}
.popup_block li {padding:14px 20px 0 30px; border-top:1px solid #fafafa; border-bottom:1px solid #d4d4d4; background-color:#f3f3f3; background: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#efefef)); 	background:-moz-linear-gradient(top, #f6f6f6 0%, #efefef); height:34px}
.popup_block li.last {-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px}
.popup_block p {font-size:13px}
.phone-title-box {border-bottom:1px solid #949494; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background-color:#b1b1b1; background: -webkit-gradient(linear, left bottom, left top, from(#b1b1b1), to(#d5d5d5)); background:-moz-linear-gradient(top, #b1b1b1 0%, #d5d5d5)}  
.phone-title-box h4 {font-size:1.833em; line-height:2; text-align:center; padding-left:10px; font-weight:600; -webkit-text-stroke: 0;}
.specification {width:140px; float:left}
.specs {margin-top:-8px; display:inline-block; width:310px}


/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {position:absolute}
*html .popup_block {position:absolute}


/*search page*/
ul.grid {margin-top:10px}
.grid-item {float:left; width:220px}
.grid-item-f {width:200px}
.display-box {float:left; margin:0 0 10px 0; height:250px; padding:8px; width:209px; text-align:center; border-bottom:1px dotted #ECECEC}
.display-box a {border:none; overflow:hidden; float:left; padding-top:26px; width:204px; height: 210px}
.display-box .cover-img-el {border:none; overflow:hidden; width:142px}
.display-box a:hover {margin:-3px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:3px solid #558292}
#llnb {border:none;}
.filter {margin: 10px auto 20px; width: 743px; display: none;}
#f_carrier {margin-right: 68px; width:200px;}
#f_model {margin-right: 68px !important; width:200px;}
#f_storage {width:200px;}

/*tooltip*/
.tooltip {display:none; z-index:1; background:#343434; font-size:14px; width:168px; padding:16px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; opacity:0.96; text-align:center; color:#fff}
.tooltip2 a {color:#ffffff; text-decoration:underline}
.tooltip2 a:hover {text-decoration:none}
.tooltip2 ul {margin-bottom:20px}
.tooltip2 {display:none; z-index:1; background:#343434; font-size:14px;  width:220px; padding:16px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; opacity:0.96; text-align:center; color:#fff}
.tooltip2 .learn-more a {color:#78A9BA; text-decoration:underline}
.tooltip2 .learn-more a:hover {text-decoration:none}
.tooltip3 {display:none; z-index: 1; background: #343434; font-size: 14px; width: 188px; padding: 16px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; opacity: 0.96; text-align: center; color: #fff; height: 165px; line-height: 10;}


/* autocomplete */
.autocomplete-w1 {position: absolute; top: 0px; left: 0px; margin: 6px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 1px 0 0 0; }
.autocomplete {font-weight:700; font-size:14px; border: 1px solid #dedede; background: #FFF; cursor: default; text-align: left; max-height: 350px; overflow: auto; margin: -6px 6px 6px -6px; box-shadow:0 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.3); /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden;}
.autocomplete .selected {background:#ececec; }
.autocomplete div { padding: 5px 10px; white-space: nowrap; overflow: hidden; }
.autocomplete strong { font-weight: normal; color: #676767 }


/*contact page */
#contact-info {float:left; width:249px; padding:10px 0 0 60px}
#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }
#contact {display: block; width:440px; margin:0 auto; border-right: 1px solid #EEE; padding:0 20px 0 61px}
#contact p {padding: 0}
#contact label { display: inline-block; float: left; height: 22px; line-height: 22px; width: 155px; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 4px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; border-radius:5px; }
#subject {width:291px}
#contact input:focus, textarea:focus, select:focus {border: 1px solid #B8D564; box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; -webkitkit-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; background-color:#f5f5f5; color:#333; }
#contact input.submit {background:none repeat scroll 0 0 #91C540; border: 1px solid #63911C; color:#FFFFFF; cursor:pointer; font-size:24px; font-weight:bold; width:140px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#91C540; -o-transition: none 0.3s ease-in-out 0s; -webkit-transition: none 0.3s ease-in-out 0s; -moz-transition:none 0.3s ease-in-out 0s; text-shadow:0 1px 1px #426806}
#contact input.submit:hover {background:#86BF2E}
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset {padding:10px 0 0 0}
#contact legend { padding:7px 10px; color:#242424; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */
#message { margin: 5px 0; padding: 0; }
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../img/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }
.loader {display:block; margin-top:10px; padding: 0 10px; }
#contact #success_page h1 { background: url('../img/success.gif') left no-repeat; padding-left:22px; }


/*checkbox style */
form {margin:0 0 18px 0}
fieldset {margin-bottom:20px;}
fieldset p {position: relative; overflow: hidden; display: block; margin-top:10px}
fieldset input[type=text], fieldset input[type=email] { border: 1px solid #ccc; line-height: 20px; padding: 3px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;	border-radius: 5px}
label + p, input + p { margin-top: 20px}
p > input {padding: 0; margin: 0; width: 16px; float: left; position: absolute; left: 0; opacity: 0}
p > label {float: left; line-height: 16px; padding: 0 0 0 18px}
p:not(#foo) > input:hover + label, p:not(#foo) > input:focus + label,
p:not(#foo) > input + label:hover, p:not(#foo) > input:focus + label {color: #636466}
p:not(#foo) > input + label {background: url("../img/assets/gr_custom-inputs.png") 0 -1px no-repeat; height: 16px}
p:not(#foo) > input[type=radio] + label { background-position: 0 -161px; }
p:not(#foo) > input[type=radio]:checked + label 							{ background-position: 0 -241px; }
p:not(#foo) > input[type=checkbox]:checked + label 							{ background-position: 0 -81px; }
p:not(#foo) > input[type=checkbox]:hover:checked + label,
p:not(#foo) > input[type=checkbox]:focus:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover,
p:not(#foo) > input[type=checkbox]:focus:checked + label 					{ background-position: 0 -101px; }
p:not(#foo) > input[type=radio]:hover:checked + label,
p:not(#foo) > input[type=radio]:focus:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover,
p:not(#foo) > input[type=radio]:focus:checked + label 						{ background-position: 0 -261px; }
/* Hover & Focus styles */
p:not(#foo) > input[type=checkbox]:hover + label,
p:not(#foo) > input[type=checkbox]:focus + label,
p:not(#foo) > input[type=checkbox] + label:hover 							{ background-position: 0 -21px; }
p:not(#foo) > input[type=radio]:hover + label,
p:not(#foo) > input[type=radio]:focus + label,
p:not(#foo) > input[type=radio] + label:hover								{ background-position: 0 -181px; }
/* Active styles */
p:not(#foo) > input[type=checkbox]:active + label,
p:not(#foo) > input[type=checkbox] + label:hover:active						{ background-position: 0 -41px; }
p:not(#foo) > input[type=radio]:active + label,
p:not(#foo) > input[type=radio] + label:hover:active						{ background-position: 0 -201px; }
p:not(#foo) > input[type=checkbox]:active:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover:active				{ background-position: 0 -121px; }
p:not(#foo) > input[type=radio]:active:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover:active				{ background-position: 0 -281px; }
/* Disabled styles */
p:not(#foo) > input[type=checkbox]:disabled + label,
p:not(#foo) > input[type=checkbox]:hover:disabled + label,
p:not(#foo) > input[type=checkbox]:focus:disabled + label,
p:not(#foo) > input[type=checkbox]:disabled + label:hover,
p:not(#foo) > input[type=checkbox]:disabled + label:hover:active			{ background-position: 0 -61px; }
p:not(#foo) > input[type=radio]:disabled + label,
p:not(#foo) > input[type=radio]:hover:disabled + label,
p:not(#foo) > input[type=radio]:focus:disabled + label,
p:not(#foo) > input[type=radio]:disabled + label:hover,
p:not(#foo) > input[type=radio]:disabled + label:hover:active				{ background-position: 0 -221px; }
p:not(#foo) > input[type=checkbox]:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
p:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active	{ background-position: 0 -141px; }
p:not(#foo) > input[type=radio]:disabled:checked + label,
p:not(#foo) > input[type=radio]:hover:disabled:checked + label,
p:not(#foo) > input[type=radio]:focus:disabled:checked + label,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover,
p:not(#foo) > input[type=radio]:disabled:checked + label:hover:active		{ background-position: 0 -301px; }


/*pagination*/
.pagination {margin:0 auto; float: right; font: 14px/24px sans-serif; clear:both;}
.page { display: inline-block;padding: 2px 10px;margin-right: 4px;border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9;font-weight: bold;text-decoration: none;color: #727272; text-shadow: 0px 1px 0px rgba(255,255,255, 1);box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);}
.page:hover, .page.gradient:hover {background: #fefefe; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);}
.page.current {border: none; background: #616161;box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0,0,0, .5)}
.page.gradient {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9)); background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);}



/*environment-page*/
#about-2 ul {list-style-type:disc; margin:0 0 20px 20px}

.fb_edge_widget_with_comment {position: relative; top: 5px; left: 17px;}

/*contest */

#contest {width: 464px; display: inline-block; margin-left: 30px;}
#contest ul {list-style-type: square; margin:8px 0 12px 35px; float: left;}
#contest li {margin-bottom: 10px; font-size: 12px;}
#contest img {float: left; border: solid 1px #CECECE;}
#kicker {display: block; font-size: 1.083em; line-height: 1.5; padding-bottom: 20px;}
#contest label { display: inline-block; float: left; height: 22px; line-height: 22px; width: 155px; -webkit-border-radius:5px; }
#contest input, textarea, select { width: 299px; margin:0 0 10px 0; padding: 3px; color: #666; background: #f5f5f5; border: 1px solid #ccc; border-radius:5px; }
#contest input:focus, textarea:focus, select:focus {border: 1px solid #B8D564; box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; -webkitkit-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; background-color:#f5f5f5; color:#333; }
#contest input.submit {float: right; margin: 18px 18px 0 0; background:none repeat scroll 0 0 #91C540; border: 1px solid #63911C; color:#FFFFFF; cursor:pointer; font-size:24px; font-weight:bold; width:140px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#91C540; -o-transition: none 0.3s ease-in-out 0s; -webkit-transition: none 0.3s ease-in-out 0s; -moz-transition:none 0.3s ease-in-out 0s; text-shadow:0 1px 1px #426806}
#contest input.submit:hover {background:#86BF2E}
#contest input[type="submit"][disabled] { background:#888; }
#contest fieldset {padding:10px 0 0 0}
#contest legend { padding:7px 10px; color:#242424; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contest span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */
#message { margin: 5px 0; padding: 0; }
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../img/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }
.loader {display:block; margin-top:10px; padding: 0 10px; }
#contest #success_page h1 { background: url('../img/success.gif') left no-repeat; padding-left:22px; }
.vimeo {margin:15px 0 20px 36px;}
.code {display:inline-block; margin:0 0 26px 160px;clear:both}
.code2 {display:inline-block; margin:0 0 0 160px;}
.blogarticles {margin-top:30px;}

/* notice popup */
.notice-wrap {position: fixed; top: 60px; right: 20px; width: 200px; z-index: 9999;}
* html .notice-wrap {position: absolute;}
.notice-item { height:234px; background: #000; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 6px 6px 0 6px; font-size: 11px; border: 2px solid #cecece; display: block; position: relative; margin: 0 0 12px 0; opacity: 0.9 }
.notice-item-close {position: absolute; font-family: Arial; font-size: 14px; font-weight: bold; right: 6px; top: 2px; cursor: pointer; color:#d75460;}
.notice-item p {margin: 24px 0 0 0px; text-align: center; color: #fff;}
.notice-item a {color: #558292; display: block; margin-top: 8px; font-weight: bold; text-decoration: underline;}
.notice-item a:hover {text-decoration: none}
.notice-item img {padding: 8px 10px;}

#median-trend {width:638px; height:220px; margin: 32px 0 0 14px; background-image: url("../img/assets/price-trend-graph.png");}
#median-trend .jqplot-xaxis {margin-top:13px}
#median-trend .jqplot-yaxis {left: 612px;}
#median-trend .jqplot-y2axis {right: 612px;}
#pricetrend {margin-top: 10px; width: 674px; display: inline-block; }
#sales-trend {margin:22px 0 30px 44px; height:70px; width:596px; border:1px solid #ececec;}
#trend-box {border: 1px solid #EDEDED; margin-top: 45px;}
#high-trend {margin: 16px 0 16px 8px; height: 415px; width: 638px;}

.jqplot-title {display:none;}
table.jqplot-table-legend {display:none;}

.pricetrendfeature {width:170px; display: inline-block; vertical-align: top; margin:10px 0 0 32px;}
span.box {cursor: pointer; float: left; display: block; width: 48px; height: 32px; line-height: 32px; margin: 4px 10px 25px 0; font-weight: 600; font-size: 12px; text-align: center; background: #FAFAFA; border: 1px solid #DEDEDE; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
span#lastbox {margin-right:0;}
span.box:hover {background:#558292; color:#fff}
.price-feature {border: 1px solid #DEDEDE; background-color: #FAFAFA; font-weight: 500; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: 53px; width: 166px; text-align: center; font-size: 12px; display: inline-block; margin: 15px 0 15px 0;}
span.indicator {line-height:2.4;display: block; }
.price-feature h5 {text-transform: lowercase; font-size:20px; margin-top:-7px; color:#636466; display: inline-block;}
span.down {background: url("../img/assets/downarrow.png"); width: 12px; height: 12px; display: inline-block; position: relative; top: -1px; margin-left: 16px;}
span.up {background: url("../img/assets/uparrow.png"); width: 12px; height: 12px; display: inline-block; position: relative; top: -1px; margin-left: 16px;}
span.neutral {background: url("../img/assets/neutral.png"); width: 12px; height: 12px; display: inline-block; position: relative; top: -1px; margin-left: 16px;}
span.upf {font-size: 11px; font-weight: 700; position: relative; top: -2px; margin-left: 4px; color: #6EA64A;}
span.downf {font-size: 11px; font-weight: 700; position: relative; top: -2px; margin-left: 4px; color: #BE3223;}
span.neutralf {font-size: 11px; font-weight: 700; position: relative; top: -2px; margin-left: 4px; color: #656565;}

#not-enough-data { display: none;top: 250px;left: 195px;z-index: 99;width: 298px; height: 169px; position: absolute;background-image: url("../img/assets/not-enough-data.png");}