html, body { min-height: 100%; }
body  { color: #4a4a4a; font-family: Helvetica, Verdana, Arial, sans-serif; background-color: silver; text-align: center; padding: 4px   }

.off {display: none;}
.on {display: block;}

.maintable  { background-image: url(/mobile_recycle_images/mobile_recycle_body_bg.jpg); background-repeat: repeat-y; background-position: left top; width: 770px; height: 100%; border: solid 1px #dcdcdc }
.header  { background-color: transparent; background-image: url(/mobile_recycle_images/mobile_phone_recycle.jpg); background-repeat: no-repeat; background-position: left top; width: 770px; height: 160px }
.header2 { background-color: transparent; background-image: url(/mobile_recycle_images/mobile_phone_recycle-2009.jpg); background-repeat: no-repeat; background-position: left top; width: 770px; height: 160px; }
.headertext   { color: #fff; font-size: 12px; font-weight: bold; text-align: right; width: 100%; height: 65px; padding-bottom: 10px; padding-left: 20px   }
.mainbody { background-color: white; background-image: url(/mobile_recycle_images/mobile_recycle_body_bg.jpg); background-repeat: repeat-y; background-position: left top; width: 770px }
.menuarea { padding-left: 3px; width: 149px }
.bodyarea     { color: #282828; font-size: 12px; line-height: 1.6em; padding-right: 8px; padding-left: 3px; width: 402px  }

.bodytext, .bodyarea p  { color: #282828; font-size: 12px; line-height: 1.6em; text-align: justify; padding-right: 8px; padding-left: 4px  }
.bodytitle, p.bodytitle, .bodyarea h2 { color: #606060; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-align: right; margin-right: 8px; margin-bottom: 8px; margin-left: 3px; padding-bottom: 2px; border-bottom: 1px solid #848484; }
.bodytitleleft { color: #505050; font-size: 14px; font-weight: bold; font-style: italic; line-height: 1.1em; text-decoration: none; text-align: left; margin-top: 0; margin-left: 3px; padding-right: 8px      }
.newsarea   { color: #8d8d8d; font-size: 10px; text-align: justify; padding-right: 2px; padding-left: 6px; width: 218px }
.address  { color: #8d8d8d; font-size: 10px; line-height: 9px; text-align: left; padding-left: 2px; overflow: visible }
.newsarea u { color: #8d8d8d; font-size: 12px; font-weight: bold; text-align: right }
.newsarea a:link { color: #8d8d8d; font-size: 9px; text-decoration: none }
.newsarea a:visited { color: #8d8d8d; font-size: 9px; text-decoration: none }
.newsarea a:hover { color: #03c; font-size: 9px; text-decoration: underline }

.bodyarea h2 a { font-size: 14px; text-decoration: none; margin: 0; padding: 2px 0 0; }
.bodyarea h2 a:link,.bodyarea h2 a:visited { color: #004a73; text-decoration: none; }
.bodyarea h2 a:hover { color: blue; border-top: 1px dotted #004a73; } 

ul.headmenu { margin-top: 30px; list-style-type: none; }
ul.headmenu li { margin: 0; display: inline; }
ul.headmenu li a { font-weight: bold; text-decoration: none; text-align: center; padding: 5px 10px; }
ul.headmenu li a:link,ul.headmenu li a:visited { color: white; text-decoration: none; border: solid 1px transparent; }
ul.headmenu li a:hover { color: white; background-color: green; text-decoration: none; border: solid 1px #fff; }

ul#breadcrumbsDISABLED { list-style-type: none;}
ol#breadcrumbs { margin: 8px 0 32px; padding: 0; }
#breadcrumbs li { text-align: center; margin-right: 8px; margin-left: 2px; padding: 8px 6px 8px 1px; border: solid 1px #c0c0c0; display: inline; }
#breadcrumbs li.active { color: white; font-weight: bold; background-color: #6ecc6d; }
#breadcrumbs li.past { color: #434343; background-color: #c0c0c0; }
#breadcrumbs li.future { color: #6ecc6d; background-color: white; }
#breadcrumbs li span.num { color: #8a8a8a; font-size: 150%; }
#breadcrumbs li span.next { color: white; font-size: 150%; }
#breadcrumbs li a {}
#breadcrumbs li a:link {}
#breadcrumbs li a:visited {}
#breadcrumbs li a:hover {}

ul#memberMenu { text-align: center; margin: 0 0 24px; padding: 0; list-style-type: none; }
#memberMenu li { font-size: 150%; margin: 0; padding: 0 10px 10px; display: inline; }
#memberMenu li a { text-align: center; background-color: #81a4cf; background-image: url(/mobile_recycle_images/offer_footer_bg.jpg); background-repeat: repeat; background-position: center; vertical-align: middle; margin: 0; padding: 5px 15px; border: solid 3px #bfbfbf; }
#memberMenu li a:link { color: #000; text-decoration: none; }
#memberMenu li a:visited { color: #000; text-decoration: none; }
#memberMenu li a:hover { color: white; background-color: #6ecc6d; background-image: url(/mobile_recycle_images/offer_bg.jpg); background-repeat: repeat; background-position: center; text-decoration: none; border-color: #81a4cf; }

.menutable { margin-top: 10px; }
.menu { color: white; font-size: 13px; font-weight: bold; background-color: #787878; text-align: left; border-bottom: 1px solid #5f5f5f; border-top: 1px solid #b2b2b2; }
.menu a { width: 140px; height: 16px; padding: 4px 0 4px 1px; display: block; }
.menu a:link  { color: #fffff0; text-decoration: none ; padding-left: 2px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 4px solid transparent; }
.menu a:visited  { color: #fffff0; text-decoration: none ; padding-left: 2px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 4px solid transparent; }
.menu a:hover  { color: #4a4a4a; background-color: #e1e1e1; text-decoration: none  ; padding-left: 2px; border-left: 4px solid green; border-top: 1px solid #d1d1d1; border-bottom: 1px solid white; }
.mobileissue { width: 380px; height: 128px }
.mobileissuebody  { color: #282828; font-size: 11px; line-height: 10px; text-decoration: none; background-color: transparent; background-image: url(../mobile_recycle_images/broken_lcd/screen-problems_05.jpg); background-repeat: no-repeat; background-position: left top; text-align: justify; padding-top: 2px; padding-bottom: 0; padding-left: 2px; width: 265px; height: 80px; max-width: 265px; max-height: 80px; overflow: scroll }
.mobileissuebody a:link   { color: navy; font-size: 12px; line-height: 12px; text-decoration: underline; background-color: transparent; text-align: right; padding-left: 115px }
.mobileissuebody a:visited   { color: navy; font-size: 12px; line-height: 12px; text-decoration: underline; background-color: transparent; text-align: right; padding-left: 115px }
.mobileissuebody a:hover   { color: #ac0000; font-size: 12px; line-height: 12px; text-decoration: none; background-color: white; text-align: right; padding-left: 115px }
.powerissuebody  { color: #282828; font-size: 11px; line-height: 10px; text-decoration: none; background-color: transparent; background-image: url(../mobile_recycle_images/power_issues/power-issues_05.jpg); background-repeat: no-repeat; background-position: left top; text-align: justify; padding-top: 2px; padding-left: 2px; width: 265px; height: 80px; max-width: 265px; max-height: 80px; overflow: scroll }
.powerissuebody a:link { color: navy; font-size: 12px; line-height: 2px; text-decoration: underline; background-color: transparent; text-align: right; padding-right: 8px; padding-left: 2px }
.powerissuebody a:visited { color: navy; font-size: 12px; line-height: 2px; text-decoration: underline; background-color: transparent; text-align: right; padding-right: 8px; padding-left: 2px }
.powerissuebody a:hover { color: #ac0000; font-size: 12px; line-height: 2px; text-decoration: none; background-color: #758bcc; text-align: right; padding-right: 8px; padding-left: 38px; border: solid 1px #c2c9fd }
.disclaimer  { color: black; font-size: 10px; line-height: 1px; text-decoration: none; padding: 0 }
.disclaimer a:link { color: black; font-size: 10px; text-decoration: underline; padding: 0px }
.disclaimer a:visited { color: black; font-size: 10px; text-decoration: underline; padding: 0px }
.disclaimer a:hover  { color: black; font-size: 10px; text-decoration: none; background-color: transparent; padding: 0; border: 0 }

.networktitle { color: #333; font-size: 12px; font-weight: bold; text-decoration: none; background-color: #f0f0f0; background-image: url(../mobile_recycle_images/mobile_network_providers/mobile_network_bg.jpg); background-repeat: repeat-y; background-position: right top; text-align: left; padding-bottom: 3px; padding-left: 4px; width: 140px }
.networkimage { color: #333; font-size: 11px;  font-weight: bold; text-decoration: none; background-color: #f0f0f0; text-align: left; padding-bottom: 2px; width: 140px }
.networkcell { color: #333; font-size: 11px;  font-weight: bold; text-decoration: none; background-color: #f0f0f0; background-image: url(../mobile_recycle_images/mobile_network_providers/mobile_network_bg.jpg); background-repeat: repeat-y; background-position: right top; text-align: left; padding-left: 4px; width: 108px; height: 20px }
.networkcell a:link { color: #333; font-size: 11px;  font-weight: bold; text-decoration: none; text-align: left }
.networkcell a:visited { color: #333; font-size: 11px;  font-weight: bold; text-decoration: none; text-align: left }
.networkcell a:hover { color: #333; font-size: 11px;  font-weight: bold; text-decoration: none; background-color: white; text-align: right; width: 104px; height: 20px; border: dotted 1px #03c }
input { color: black; font-size: 11px;  text-decoration: none; background-color: #c2c9fd }
select { color: black; font-size: 11px;  text-decoration: none; background-color: #c2c9fd }
textarea { color: black; font-size: 11px;  text-decoration: none; background-color: #c2c9fd }
option { color: black; font-size: 11px;  text-decoration: none; background-color: #c2c9fd }
.searchtable { color: #8d8d8d; font-size: 12px;  margin: 2px; padding: 2px; border: solid 1px silver }
.provider { }
.manufacturercell { color: #8d8d8d; font-size: 12px;  font-weight: 700; padding: 2px }
.manufacturercell a:link { color: #8d8d8d; font-size: 12px;  font-weight: bold; text-decoration: underline }
.manufacturercell a:visited { color: #8d8d8d; font-size: 12px;  font-weight: bold; text-decoration: underline }
.manufacturercell a:hover { color: #03c; font-size: 12px;  font-weight: bold; text-decoration: none }
.modelcell  { color: #8d8d8d; font-size: 11px;  text-decoration: none; background-color: white; text-align: center; text-transform: capitalize }
.modelcell a:link { color: #8d8d8d; font-size: 11px;  text-decoration: none; background-color: white; text-align: center; text-transform: capitalize }
.modelcell a:visited { color: #8d8d8d; font-size: 11px;  text-decoration: none; background-color: white; text-align: center; text-transform: capitalize }
.modelcell a:hover { color: #03f; font-size: 11px;  text-decoration: underline; background-color: white; text-align: center; text-transform: capitalize }
.border { border: solid 1px gray }
.footer { color: #fffff0; font-size: 10px;  background-color: #333; text-align: center; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid silver }
.footer a:link { color: #fffff0; font-size: 10px;  text-decoration: none; background-color: #333; text-align: center; padding-top: 2px; padding-bottom: 2px }
.footer a:visited { color: #fffff0; font-size: 10px;  text-decoration: none; background-color: #333; text-align: center; padding-top: 2px; padding-bottom: 2px }
.footer a:hover { color: #fdbe51; font-size: 10px;  text-decoration: underline; background-color: #333; text-align: center; padding-top: 2px; padding-bottom: 2px }
.bulletpoints { color: #282828; font-size: 12px;  font-weight: 700; text-decoration: none; background-color: #d6d6d6; background-image: url(../mobile_recycle_images/bullet.gif); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 0 21px; height: 22px }

/*NEW 2009*/
#modelCont {  }
#modelCont .modelBox { background-color: white; width: 184px; height: 120px; float: left; clear: none; margin: 4px; border: solid 1px #e1e1e1; }
#modelCont .modelBox .modelPic { width: 75px; height: 100px; overflow: hidden; clip: rect(auto auto auto auto); float: left; clear: left; margin-top: 4px; margin-right: 4px; }
#modelCont .modelBox .modelPic img {}
#modelCont .modelBox .modelName { font-weight: bold; background-color: #f3f3f3; border-bottom: 1px solid silver; }
#modelCont .modelBox .modelName a { color: #444; }
#modelCont .modelBox .modelName a:link,#modelCont .modelBox .modelName a:visited { text-decoration: none; }
#modelCont .modelBox .modelName a:hover { text-decoration: underline; }
#modelCont .modelBox .modelText { font-size: 12px; padding: 8px 2px 2px; }
#modelCont .modelBox .modelPrice { color: #5f8fff; font-size: 16px; font-weight: bold; height: 32px; padding: 8px 4px 4px; }
#modelCont .modelBox .recycleButton { color: gray; font-size: 10px; padding: 4px 0; }

.scroll120 { position: relative; width: auto; height: 320px; overflow: auto; padding-right: 4px; display: block; }

table.searchtable tr td input {width: 100%;}
#important {font-size: 1%; display: none;}
.menuSeach { font-size: 11px; background-color: white; }
.menuarea form { background-color: white; width: 144px; clear: both; margin: 10px 1px 10px 0; padding: 0; border: solid 1px #e1e1e1; display: block; }
.menuarea form h3 { color: #5f8fff; font-size: 13px; font-weight: bold; background-color: #f3f3f3; margin: 1px; padding: 0; border-bottom: 1px solid silver; }
.menuarea form table.searchtable { color: #808080; width: 140px; }
.menuarea form table.searchtable tr {}
.menuarea form table.searchtable tr th { color: #5f8fff; font-size: 13px; font-weight: bold; background-color: #f3f3f3; margin: 1px; padding: 0; border-bottom: 1px solid silver; }
.menuarea form table.searchtable tr td { font-size: 11px; font-weight: normal; padding-top: 2px; padding-bottom: 2px; }
.menuarea form table.searchtable tr td.label { width: 40px; }
.menuarea form table.searchtable tr td label {}
.menuarea form table.searchtable tr td.field { width: 90px; }
.menuarea form table.searchtable tr td.submit {}
.menuarea form table.searchtable tr td select,.menuarea form table.searchtable tr td select option, .menuarea form table.searchtable tr td input { font-size: 11px; background-color: white; width: 99%; margin: 0; padding: 1px; }
.menuarea .bulletpoints { color: #282828; font-size: 12px;  font-weight: 700; text-decoration: none; background-color: #f3f3f3; background-image: url(/mobile_recycle_images/bullet.gif); background-repeat: no-repeat; background-position: 3px center; padding: 4px 4px 12px 30px; margin: 0 10px 10px; border: solid 1px white; display: block; }

.headSearch form { background-color: white; width: 160px; clear: both; margin: 0 10px 0 0; padding: 0; border: solid 1px #e1e1e1; display: block; }
.headSearch form h3 { color: #5f8fff; font-size: 11px; font-weight: normal; background-color: #f3f3f3; text-align: left; margin: 0; padding: 0 0 0 4px; border-bottom: 1px solid silver; }
.headSearch form table.searchtable { color: #808080; width: 100%; margin: 0; padding: 0; border: 0 transparent; }
.headSearch form table.searchtable tr {}
.headSearch form table.searchtable tr td { font-size: 11px; font-weight: normal; text-align: left; padding: 0 0 1px; }
.headSearch form table.searchtable tr td select,.headSearch form table.searchtable tr td select option, .headSearch form table.searchtable tr td input { font-size: 10px; background-color: white; width: 99%; margin: 0; padding: 0; }

.newsarea form { background-color: white; clear: both; margin: 0 1px 10px 0; padding: 0; display: block; }
.newsarea form h3 { color: #5f8fff; font-size: 13px; font-weight: bold; background-color: #f3f3f3; margin: 1px; padding: 0; border-bottom: 1px solid silver; }
.newsarea form table.searchtable { color: #808080; width: 196px; margin: 0; padding: 0; }
.newsarea form table.searchtable tr {}
.newsarea form table.searchtable tr th { color: #5f8fff; font-size: 13px; font-weight: bold; background-color: #f3f3f3; margin: 1px; padding: 0; border-bottom: 1px solid silver; }
.newsarea form table.searchtable tr td { font-size: 11px; font-weight: normal; padding-top: 2px; padding-bottom: 2px; }
.newsarea form table.searchtable tr td.label { width: 40px; }
.newsarea form table.searchtable tr td label {}
.newsarea form table.searchtable tr td.field { width: 156px; }
.newsarea form table.searchtable tr td.submit {}
.newsarea form table.searchtable tr td select,.menuarea form table.searchtable tr td select option, .menuarea form table.searchtable tr td input { font-size: 11px; background-color: white; width: 99%; margin: 0; padding: 1px; }

.baseline td { border-bottom: 1px dotted #d7d7d7; }
.offerTable { color: #606060; font-size: 11px; background-color: white; width: 90%; margin-top: 20px; margin-right: auto; margin-bottom: 20px !important; margin-left: auto; border: solid 3px #c0c0c0; }
.offerTable tr {}
.offerTable tr th { color: white; font-size: 16px; font-weight: bold; background-color: #6ecc6d; background-image: url(/mobile_recycle_images/offer_bg.jpg); background-repeat: repeat-x; background-position: center; padding: 4px; }
.offerTable tr td { padding: 1px; }
.offerTable tr td.picURL { border-right: 1px dotted #c0c0c0; }
.offerTable tr td input { background-color: transparent; border-style: none; }
.offerTable tr td input.text { color: #606060; font-size: 13px; font-weight: bold; background-color: #f3f3f3; width: 100%; border: solid 1px #979797; }
.offerTable tr td input.printButton { font-size: 10px; background-color: #f6f6f6; border: solid 1px silver; cursor: pointer; }
.offerTable tr td img { margin: 2px; padding: 2px; height: 90px; }
.offerTable tr td.footer { background-color: #81a4cf; background-image: url(/mobile_recycle_images/offer_footer_bg.jpg); background-repeat: repeat-x; background-position: center; padding: 3px 1px; border-top: 1px solid #627c9d; }
.offerTable tr td.footer input  { font-size: 16px; font-weight: bold; background-color: ButtonHighlight; width: 80%; cursor: pointer; }
.offerTable tr.offer {  }
.offerTable tr.offer td { padding-left: 4px; border-bottom: 1px solid #f4f4f4; }
.offerTable tr.total {  }
.offerTable tr.total td { font-size: 11px; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; border-top: 1px solid #c0c0c0; border-bottom: 3px double #a3a3a3; }
.offerTable tr.terms {}
.offerTable tr.terms td { padding-left: 4px; border-bottom: 1px solid #f4f4f4; }

div.testimonials { color: #475a72; font-style: italic; background-color: white; margin: 12px; padding: 8px; border: solid 1px #e4e4e4; }
div.testimonials h2 { color: #627c9d; font-size: 140%; font-style: normal; text-align: right; margin-top: 4px; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #f2f2f2; }

table.howitworks { width: 95%; }
table.howitworks tr {}
table.howitworks tr td { font-size: 12px; padding-bottom: 30px; }
table.howitworks tr td h3 { font-size: 14px; margin: 0; padding: 0; }
table.howitworks tr td img { margin-bottom: 10px; }

#termsDetail { color: #404040; background-color: #eaeaea; margin: 20px; padding: 10px; border: solid 1px #b9b9b9; }
#termsDetail h3 { font-size: 15px; }
#termsDetail p { font-size: 11px; line-height: 15px; }