/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */

.outer {margin: 0 auto;width:995px;}
.main {float:left;width:980px;padding: 20px 8px 0px 8px; background:url(/images/content-bg.png) repeat-y;}
.header {padding: 15px;width:951px;float:left;}

.page {background:url(/images/beast.jpg) no-repeat 15px bottom; float:left; min-height:400px; padding-bottom:20px;}


.req {color:#d00;font-weight:bold;}

/* hidden text */
h1, a.btn {text-indent:-999em;outline:none;}

/* main navigation */

div.navigation {background:url(/images/nav-bg.gif); height:103px; padding:12px 27px;}
div.navigation div.logo {width:980px; height:50px;}


ul.nav {line-height:1.0;font-size:1.2em;float:left;width:940px; padding:21px 0 0 10px;list-style:none;}

ul.nav li {padding:0 9px; height:37px; float:left;}

ul.nav li a { height:37px;display:block; outline:none;}
ul.nav li a span {text-indent:-999em;display:block;}

ul.nav li a.home {background:url(/images/nav/home.gif) no-repeat; width:34px;}
ul.nav li a.about {background:url(/images/nav/about_quitting.gif) no-repeat;width:95px;}
ul.nav li a.quit {background:url(/images/nav/click2quit.gif) no-repeat;width:98px;}
ul.nav li a.buttout {background:url(/images/nav/workplace_quit.gif) no-repeat;width:100px;}
ul.nav li a.products {background:url(/images/nav/products.gif) no-repeat;width:62px;}
ul.nav li a.news {background:url(/images/nav/news.gif) no-repeat;width:33px;}
ul.nav li a.community {background:url(/images/nav/community.gif) no-repeat;width:70px;}
ul.nav li a.help {background:url(/images/nav/help_faqs.gif) no-repeat;width:73px;}
ul.nav li a.contact {background:url(/images/nav/contact.gif) no-repeat;width:71px;}
ul.nav li a.signup {background:url(/images/nav/signup.gif) no-repeat;width:72px;}
ul.nav li a.yourquitday {background:url(/images/nav/your_quit_day.gif) no-repeat;width:88px;}
ul.nav li a.quitpartner {background:url(/images/nav/quit_partner.gif) no-repeat;width:84px;}
ul.nav li a.signup:hover {background-position:0px 0px;width:72px;}

ul.nav li a:hover {background-position:0 -37px;}

ul.nav li a.on {background-position:0 -74px;}
ul.nav li a.on:hover {background-position: 0 -74px;}
ul.nav li a.MiscNav{ display:none; }

/* navsubnav */ 
ul.navsubnav {padding-top:0px; float:left; list-style:none; }
ul.navsubnav li {padding:0 10px; float:left;}
ul.navsubnav li a {color:#fff; text-transform:uppercase; font-size:1.2em; text-decoration:none; display:block;}
ul.navsubnav li a:hover {color:#f5e500;}
ul.navsubnav li a.selItem {color:#F5E500; font-weight:bold;}

/*ul.nav a {text-decoration:none;text-align:center;line-height:32px;color:#fff;font-weight:bold;white-space:nowrap; text-indent:-999em;}
ul.nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:2.5em;}
ul.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
ul.nav li li:hover ul,ul.nav li li.sfHover ul {left:13em;top:0px;}
ul.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}
ul.nav li li {float:left;width:13em;}
ul.nav li li a {text-align:left;text-indent:2em;line-height:1.6em;color:#d3e1ee;border-bottom:1px solid #448cd3;font-weight:normal;display:block;width:100%;}

ul.nav li:hover, .nav li.sfHover,.nav a:focus, .nav a:hover, .nav a:active {color:#ffd438;}
ul.nav li li a:hover, .nav li li a:focus {color:#f5e500;}
*/


/*hero */ 
.hero {width:960px; height:102px; margin-left:7px; padding:28px 0 0 20px;}


.maincontent {float:left; width:471px; font-size:1.2em; padding:0 20px 0 0; }
.home .maincontent {width:950px; padding:20px;}

.maincontent ul {margin: 20px;}
.subnav {width:149px;float:left;padding: 0 20px 5px 29px;font-size:1.3em}

/* level 1 */
.subnav ul {list-style:none; font-size:1em; }
.subnav ul li {margin:0; padding:0; }
.subnav ul li a {display:block; text-decoration:none; color:#e31836; padding:0px; margin:0; line-height:1.7em;}
.subnav ul li a:hover, .subnav ul li a:focus {color:#003b68;}
.subnav ul li.on a {color:#003b68; background:url(/images/subnavbullet.gif) no-repeat 0px 7px; padding:0 0 0 10px; margin:0;font-weight:bold;} /* affects all list items under the "on" one */
.subnav ul li a.on {color:#003b68; background:url(/images/subnavbullet.gif) no-repeat 0px 7px; padding:0 0 0 10px; margin:0;font-weight:bold;} /* affects all list items under the "on" one */



/* spots */
.spots {float:left; width:250px;}

/* steps */
div.steps {}
div.steps .top {background:url(/images/nextsteps-top.gif) no-repeat; margin:0; padding:0;width:250px; height:68px;}
div.steps ul.steps {background:url(/images/steps-bg.gif) repeat-y;margin:0;padding:0px 20px; font-size:1.3em; color:#fff; list-style:none;}
div.steps ul.steps li {background:url(/images/stepsbullet.gif) no-repeat;margin:0; padding:0 0 10px 24px;}
div.steps ul.steps li a {color:#f5e500; text-decoration:none;}
div.steps a.bottom {background:url(/images/steps-bottom.gif) no-repeat;margin:0 0 30px 0;width:250px; height:147px; display:block; outline:none;}


.footer { padding:10px 20px;font-size:1.1em;float:left;width:940px; color:#64d8ff;}
.footer .footernav {font-size:0.9em;float:left;width:600px;margin-top:11px;}
.footer a {color:#64d8ff;text-decoration:none;}
.footer a:hover, .footer a:focus {color:#000;}


.contentfooter { background:#fff url(/images/footer-bg.gif) no-repeat left top;padding:14px 20px;font-size:1.1em;float:left;width:940px; color:#969696; }
.contentfooter .footernav {font-size:0.9em;float:left;width:750px;margin-top:11px;}
.contentfooter a.glaxologo {float:right;width:104px; margin-top:30px;}

/* flash text replacement (sifr) - don't change these - REMOVE IF NOT USING */
.sIFR-flash {  visibility: visible !important;  margin: 0;  padding: 0;}
.sIFR-unloading .sIFR-flash {  visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore {  visibility: visible !important;}
.sIFR-alternate {  position: absolute;  left: 0;  top: 0;  width: 0;  height: 0;  display: block;  overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {  margin: 0pt;   padding: 0pt;   overflow: auto;   letter-spacing: 0px;   float: none;}
.sIFR-dummy {   width: 0px;  height: 0px;  margin-left: 42px;  z-index: 0;}


/* flash text content styles - change this to match the design - REMOVE IF NOT USING SIFR */
.sIFR-active h2.title {visibility: hidden;font-family: Verdana;line-height: 1em;padding:10px 0 0 6px;}
.sIFR-active h2.title {font-size: 24px;}

.sIFR-active h2.titlesteps {visibility: hidden;font-family: Verdana;line-height: 1em;padding:10px 0 0 6px;}
.sIFR-active h2.titlesteps {font-size: 24px;}

.sIFR-active h3.title {clear:both;visibility: hidden;font-family: Verdana;line-height: 1em;padding:1px 0 0 3px; margin-bottom:20px; height:19px; text-transform:uppercase;}
.sIFR-active h3.title {font-size: 14px;background-color:#000; text-transform:capitalize;}

.sIFR-active a.titleLink {color:#F5E500; line-height:1em; display:block; padding: 5px 0 0 6px; cursor:pointer; text-decoration: underline;}

.sIFR-active h5.title {visibility: hidden;font-family: Verdana;line-height: 1em;padding:1px 0 0 3px; height:19px;}
.sIFR-active h5.title {font-size: 14px;background-color:#0092cf;}


p.intro {font-weight:bold;}

div.listform {background:#f1f1f1 url(/images/ul-top.gif) no-repeat left top; width:434px; padding:20px 10px 0px 18px; overflow:hidden; margin:30px 0px 0 0; float:left;}
div.listform h4 {color:#e31836; font-size:1.2em; padding:10px 0 0 0;}
div.listform label.community {color:#003b68; font-size:1.1em; padding:0px 0 0 0; font-weight:bold;}
div.listform ul {list-style:none; margin-bottom:0; margin-left:0; padding-left:0;}
div.listform ul li {background:url(/images/listbullet.gif) no-repeat 0px 3px; padding:0 0 15px 12px;}
div.listform ul li span {font-weight:bold;}
div.listformbottom {clear:both;background:url(/images/ul-bottom.gif) no-repeat; height:14px; width:462px; margin-bottom:15px;}
div.listform label {clear:both;width:110px; float:left; margin:3px 10px 3px 32px; font-size:0.9em; color:#000;}
div.listform label.long {width:350px;}
div.listform label span {color:#009fe2;float:none;}
div.listform .submitline span {color:#009fe2;}
div.listform input {float:left;margin:3px 0px;}
div.listform textarea {float:left;margin:3px 0px;}
div.listform span {float:left;}
div.listform .submitline {margin-left:152px; width:222px; padding-top:20px; clear:both; color:#000; font-size:0.9em;}
div.listform .submitline input.submit { float:right;}


div.listform ul.faq {list-style:none; margin:10px 0px;}
div.listform ul.faq li {background:url(/images/faqbullet.gif) no-repeat 0px 3px; padding:0 0 5px 12px;}
div.listform ul.faq li span {font-weight:bold;}

img.quittips {margin:20px 0px;}
p.footnote {margin:0; padding:0; color:#969696; font-size:0.9em;}

.sep {clear:both; overflow:hidden; border-bottom:1px dotted #242424; margin:10px 0px; font-size:0.1em;}



.highlightboxtop { background:#0278a9 url(/images/highlightbox-top.gif) top left no-repeat; width:471px;}
.highlightboxtop .bottom { background:url(/images/highlightbox-bottom.gif) bottom left no-repeat; width:471px; }
.highlightboxtop .bottom .content { padding:20px; min-height:400px;height:auto !important;height:400px; color:#fff;}
.highlightboxtop .bottom .content a {color:#ffee00; text-decoration:underline;}
.highlightboxtop .bottom .content .testimonial {padding:0 20px;}
.highlightboxtop .bottom .content .testimonial .top {background:url(/images/quotes_left.png) no-repeat left top; height:20px; width:50px; margin-top:20px;}
.highlightboxtop .bottom .content .testimonial p {color:#06344c; font-size:1.4em; margin:0; padding:0;}
.highlightboxtop .bottom .content .testimonial .bottom {background:url(/images/quotes_right.png) no-repeat right bottom; height:20px; width:380px; margin-bottom:20px;}
/*.highlightboxtop .bottom .content p {padding:0 20px;}*/
.highlightboxtop .bottom .content p.highlight {font-size:1.2em; font-weight:bold;}

.highlightboxtop .bottom .content .buttout .buttouttop {background:url(/images/buttouttop.png) no-repeat left top; width:423px; height:20px; margin:0 auto; padding:0;}
.highlightboxtop .bottom .content .buttout .buttoutmiddle {background:url(/images/buttoutmiddle.png) repeat-y; width:423px; margin:0 auto; padding:0; text-align:center;}

.highlightboxtop .bottom .content .buttout .buttoutbotttom {background:url(/images/buttoutbottom.png) no-repeat; width:423px; height:15px; margin:0 auto; padding:0;}

ol li {font-weight:bold;}

.col1, .col2 {width:230px; float:left; padding-right:5px; height:150px;}
img.news {border:1px solid #004b85;}
img.newsdetail {text-align:left; margin:0 10px 5px 0; border:1px solid #004b85;}
ul.news {margin:5px 0px; padding:0; list-style:none;}
ul.news li {background:url(/images/newsbullet.gif) no-repeat left 5px; padding-left:6px;}
p.date {color:#969696; font-size:0.9em; margin-bottom:4px;}
p.date.newsdetail {padding-bottom:15px;}

.newssecondary {clear:both; padding:10px 0px 20px 0; float:left; width:475px;}
.newssecondary .col1 {width:134px;}
.newssecondary .col2 {width:327px;}
.newssecondary .col1, .newssecondary .col2 { height:90px;float:left; }
.newssecondary .col2 h4 {margin-top:0; padding-top:0; padding-bottom:3px;}
.newssecondary .col2 h4 {margin-top:0; padding-top:0; padding-bottom:3px;font-size:1.2em;}
h4.newsfirst {margin-top:0; padding-top:0; padding-bottom:2px;font-size:1.2em;}

a.back {background:url(/images/back.gif) no-repeat left 5px; padding-left:6px;}
h3.top {margin-top:30px;}


/* products		*/
.pdtImage {float:left; margin-right:10px; width:114px;}
.pdtImage .imagenone { display:block; }

.products {clear:both; }
.imagenone {display:none;}
div.productimagepatch {float:left; margin:10px 20px 20px 0;background:url(/images/productpatches.png) no-repeat; height:140px; width:164px;}
.productimage1 {float:left; margin-right:10px; background:url(/images/product1.png) no-repeat; height:120px; width:114px;}
.productimage2 {float:left; margin-right:10px; background:url(/images/product2.png) no-repeat; height:150px; width:114px;}
.productimage3 {float:left; margin-right:10px; background:url(/images/product3.png) no-repeat; height:150px; width:114px;}

.productplanimage {float:left;background:url(/images/click2quit.png) no-repeat; height:170px; width:140px; margin-right:10px;}
.productplan {float:left;background:url(/images/click2quitplan.png) no-repeat; height:18px; width:240px; margin:0 10px 20px 0px;}
.content a.signup {float:right;background:url(/images/signup.png) no-repeat; height:22px; width:100px; margin:0 10px 20px 0px;}

.more {float:right; margin-bottom:10px; background:url(/images/more.png) no-repeat; height:18px; width:47px;}
.producttitle {color:#f5e500;font-weight:bold; width:246px; float:left;padding-bottom:5px;}
.moreinfo {background:url(/images/productslinkbg.png) no-repeat; margin:30px 0 0 120px; padding:5px 20px; width:270px; height:40px;}
.moreinfo a {color:#f5e500;}
.buynow {padding:5px 10px; width:102px; height:22px; float:right;}
/* products */
.howtotop {background:url(/images/howtotop.png) no-repeat left top; height:15px; margin:0; padding:0; width:423px; }
.howtocontent {background:url(/images/howtocontent.png) repeat-y; margin:0; padding:0 20px; width:383px; overflow:hidden;}
.howtobottom {background:url(/images/howtobottom.png) no-repeat left bottom ; height:15px;margin:0; padding:0; width:423px;}

.howtocontent ul {margin:0; padding:0; list-style:none;}
.howtocontent ul li { margin:0; padding:0; background:url(/images/howtobullet.gif) no-repeat left 4px; padding:0 0 5px 8px; position:relative; list-style-position:outside;}
.highlightboxtop .content .howtocontent p {margin:0; padding:10px 0 0 10px;}
.highlightboxtop .content .howtocontent p a {color:#f5e500;}


.footnote.topspace {margin-top:20px;}

h4.community {padding-bottom:2px;}

.videocol1 {float:left; width:180px;}
.videocol2 {float:left; width:280px;}

.writtencol1 {float:left; width:80px;}
.writtencol2 {float:left; width:380px;}

.homehero {height:456px; width:1015px; padding-left:8px;}
.homehero .click {background:url(/images/hero-home-quitpartner.jpg) left top no-repeat; width:195px; float:left; padding-left:15px; height:456px; text-indent:-9999px; }
.homehero .click img {padding-top:60px;}
.homehero .center {background:url(/images/hero-home-center.jpg) left top no-repeat; width:526px;float:left;height:448px; padding:8px 0 0 7px;}
.homehero .center .bg {background:url(/images/hero-bg.gif) no-repeat; padding:8px; height:350px;overflow:hidden;}
.homehero .started {background:url(/images/hero-home-path2quit.jpg) right top no-repeat; width:244px; float:left;color:#fff; height:426px;  padding:30px 10px 0 15px; text-indent:-9999px; }
.homehero .started a {color:#ffee00; width:200px; height:310px; display:block;}
.homehero .started p {padding-left:30px; font-size:1.2em;}
.homehero .started img.sign {padding:10px 0 30px 10px;}
.homehero .started ul {list-style:none;font-family: Arial narrow, arial,verdana,sans;font-size:1.5em; }
.homehero .started ul li {height:60px;}
.homehero .started ul li span {font-size:1.4em;}
.homehero .started ul li.one {background:url(/images/step1.gif) no-repeat left 5px; padding-left:30px;}
.homehero .started ul li.two {background:url(/images/step2.gif) no-repeat left 5px; padding-left:30px;}
.homehero .started ul li.three {background:url(/images/step3.gif) no-repeat left 5px; padding-left:30px;}

.homehero .center .bg .buttons {margin-top:-5px; position:relative;}
.homehero .center .bg .buttons a {display:block; width:164px; height:80px; float:left; margin-right:4px;  background-repeat:no-repeat;height:80px}
.homehero .center .bg .buttons a.products {background-image:url(/images/button-products.png);}
.homehero .center .bg .buttons a.products:hover {background-position:0px -80px;}

.homehero .center .bg .buttons a.cash {background-image:url(/images/button-shopping.png);}
.homehero .center .bg .buttons a.cash:hover {background-position: 0px -80px;}

.homehero .center .bg .buttons a.plan {background-image:url(/images/button-plan.png);}
.homehero .center .bg .buttons a.plan:hover {background-position: 0px -80px;}

.homehero .center .bg .buttons a:hover, .homehero .center .bg .buttons a:focus {text-decoration:none;}

.maincontent .col1 p {padding-right:5px;}
img.above {clear:both; margin-top:20px;}


.homebuttons {margin-bottom:20px;}
.homebuttons .firstimg {margin-left:5px; margin-right:20px;}

.click .clickpng { width:170px; height:410px; display:block; }
.homeSep{ float:left; width:470px; margin:5px 0; height:5px; }
.SMapCat{ color:#E31836; font-weight:bold; font-size:1.1em;}
.SubPgSel{ color:#003B68; font-weight:bold;}

.mand { background-color: #ffff99; }