/* === How it Works == */
#promo{display:none}
#content{width:960px;margin:0px 5px 0 5px}
#content-title{background:none;height:auto;min-height:0;margin:0}
#content-title h2{margin-bottom:8px;background-position: 0px -555px;height:46px;padding-left:25px;/*font:normal 16px/32px Arial,sans-serif;*/color:#FFF}
#content-title .grid-col-footer{display:none}

/*
 * @group internal-content
 */

#internal-content {min-height:568px;_height:568px;}
#internal-content .grid-col-content .flow-right{margin-left:20px;float:right}
#internal-content .grid-col-content .flow-left{margin-right:20px;float:left}
#internal-content .grid-col-content{padding:15px 20px 8px 20px;}
#internal-content .grid-col-content h3{/*font:normal 17px/24px Arial,sans-serif;*/height:auto;background:none;padding:0}
#internal-content .grid-col-content p{margin-bottom:5px}
#internal-content .grid-col-content p.no-separate{margin-bottom:0}
#internal-content .grid-col-content sup{vertical-align:top;}
#internal-content .grid-col-content ul{/*font:normal 12px/16px Arial,sans-serif;*/margin:0 0 0px 0}
#internal-content .grid-col-content ul li{background:url('/etc/designs/rosettastone/us/images/lidot.gif') no-repeat 0px 5px;padding-left:12px}
#internal-content .grid-col-footer{border:none;padding:0px 0px 0px 0;font-weight:bold}
#internal-content .grid-col-footer img{vertical-align:middle;margin-left:10px}
#internal-content #video-experience{border-top:1px solid #f3e8ab;background:url('/etc/designs/rosettastone/us/images/beigebg.gif') no-repeat bottom left;/*min-height:200px;*/margin:0;padding:0; float:left; width:100%;_height:0;}

#qa6 p.ans6{width:330px;}

#video-experience p{margin:0}
#video-experience .video-holder{border:none;width:230px;float:left;margin:10px 40px 0 15px; display:inline;height:160px;}
#video-experience .video-selections{width:290px;float:left;margin:10px 0 0 0;font-weight:bold; display:inline;}
*html #video-experience .video-selections p{clear:none;}
#video-experience .video-selections p{clear:left;}
#video-experience .video-selections ul {margin:10px 0 0 0;}
#video-experience .video-selections ul li{float:left;background:none;padding:0;width:85px;height:56px;margin-right:5px;margin-bottom:5px; display:inline;}
#video-experience .video-selections ul li a{display:block;width:73px;height:40px;background:url('/etc/designs/rosettastone/us/images/videothumbbg.gif') no-repeat;padding:8px 6px}
#video-experience .video-selections ul li a:hover,#video-experience .video-selections ul li a.active{background-image:url('/etc/designs/rosettastone/us/images/videothumbbgover.gif')}
#video-experience em{/*font:normal 11px/13px Arial,sans-serif;*/font-size:10px;line-height:1.3em; color:#bebcb1;font-style:italic}
* html #video-experience{height:200px}

#video_clicks {float:left; padding-bottom:10px;}
#video_clicks div {float: left;}
#video_clicks img {padding-left:6px;}
#video_clicks a {display:block;width:186px;height:143px;background:transparent url(/etc/designs/rosettastone/us/images/videothumbbg-big.gif) no-repeat; margin-left:20px; padding-top:6px;}
#video_clicks a:hover, #video_clicks a.active {background-image:url('/etc/designs/rosettastone/us/images/videothumbbgover-big.gif');}


/*
 * @group learn-method
 */

#learn-method{min-height:277px}
* html #learn-method{height:277px}
#learn-method h3{background-color:#FDD80E;background-position:0px -74px;text-transform:uppercase;}
#learn-method .grid-col-content{padding:2px;}
#learn-method .grid-col-footer{margin-top:0;padding:0;border:none}

/*
 * @group faqs
 */

#faqs{min-height:0}
* html #faqs{height:auto}
#faqs h3{background-color:#FCD60F;background-position:0px -74px;text-transform:uppercase;}
#faqs .grid-col-content{min-height:0;padding:15px 20px}
* html #faqs .grid-col-content{height:auto}
#faqs .grid-col-footer{}

/* 
 * @group try-the-demo
 */

#try-the-demo{background-image:url('/etc/designs/rosettastone/us/images/gridcoldemobg.jpg');min-height:0}
#try-the-demo h3{background-color:#FCD60F;background-position:0px -74px;text-transform:uppercase;}
#try-the-demo h3 a{color:#2e1e0f}
#try-the-demo .grid-col-content{height:113px;padding:10px 20px 0px 20px}
* html #try-the-demo{height:auto}
#try-the-demo .grid-col-footer{border:none;padding:8px 0 2px 0}

#flash_content_area {background:#FBF8E5; border-top:1px solid #f3e8ab; border-bottom:1px solid #f3e8ab;height:227px;margin:1px;padding:0;}
#flash_portion {float:left; padding:10px 0 0px 20px; width:330px;}
#flash_text {float:right; width:250px; padding:10px 20px 0px 0px;}
#next_link {float:left; padding-top:10px;}
#bottom_buynow a {color:#2E7CA0;}
#buy_now_img {float:right; padding:14px 0px;}
#buy_now_img.fun {float:right; padding:10px 0px 11px;}

/* FAQ */
#internal-content .grid-col-content p.quest {font-weight:bold;}
.faq-qa {margin-bottom:20px;}
#faq-quest {line-height:1.5em; margin-bottom:20px;font-weight:bold;}

/* What People say */
#flash_content_area_old {background:#FBF8E5; border-top:1px solid #f3e8ab; border-bottom:1px solid #f3e8ab;height:280px;margin:30px 1px;padding:0;overflow:hidden;}
#flash_content_area_old #flash_text {width:250px;padding-right:20px;}
#cus-testimonial {float:right; margin-top:-37px; padding-left:15px; width:280px;}
#internal-content .grid-col-content  #cus-testimonial p.cust-head {background:#F2E8BB url(/etc/designs/rosettastone/us/images/personal/icon-quote-testimonial.gif) no-repeat scroll 10px 10px; font-weight:bold; padding: 5px 0 5px 35px; margin-bottom:0;}
#internal-content .grid-col-content p#arc-sub-message,p#arc-message{margin-bottom:20px !important;}
#internal-content .grid-col-content p.lastone {padding:0; margin:0;}
#cus-definition {background:#FFF6CF none repeat scroll 0 50%; float:right; padding-left:15px; padding-bottom:15px; width:265px;}
.wps-box {background-color:#fff; border:2px solid #CECCC2; border-bottom:none; color:#666666; font-size:16px; font-weight:normal; line-height:1.4em; margin-top:23px; padding:15px 10px 10px 15px; width:220px;}
.wps-btm {background:transparent url(/etc/designs/rosettastone/us/images/personal/quote-box-bottom2.gif) no-repeat scroll left top; color:#333333; display:block; font-size:11px; font-weight:normal; line-height:1.3em; margin-bottom:1em; padding:32px 0 0 20px; width:240px;}
#wps-btm span {color:#666666; font-weight:normal;}
#view-images {padding-left:10px;}
#internal-content .grid-col-content h3#rstories {padding-top: 10px; padding-left: 10px; margin-bottom: 15px; color: rgb(0, 0, 0); font-weight: bold;}
#arc-images {float:left; width:80px;}
#arc-messages {float:left; padding-left:25px; width:160px;}
#wps-box1 {background:transparent url(/etc/designs/rosettastone/us/images/personal/quote-box-top.png) no-repeat scroll left top; color:#666666; font-size:16px; font-weight:normal; line-height:1.4em; margin-top:23px; padding:15px 10px 10px 15px; width:240px;}
#wps-btm1 {background:transparent url(/etc/designs/rosettastone/us/images/personal/quote-box-bottomnew.png) no-repeat scroll left top; color:#333333; display:block; font-size:11px; font-weight:normal; line-height:1.3em; margin-bottom:1em; padding:32px 0 0 20px; width:240px;}
#internal-content #padme.grid-col-content {padding-top:0; padding-bottom:20px;}
#flash_content_area_old .video-selections{width:270px;display:inline;float:right;margin:10px 20px 0 0;}
#flash_content_area_old .video-holder{width:280px;_width:height:260px;float:left;margin:10px 0px 0 10px; display:inline; }
h3.testimonial_h3 {background:transparent url(/etc/designs/rosettastone/us/images/personal/icon-quote-testimonial.gif) no-repeat scroll 0 0.25em; color:#000000; font-size:13px; font-weight:bold; margin:0 5px 10px 20px; padding-left:20px;}
div.rs-teach-tory {color:#7A7A7A; float:left; padding-left:20px; width:50%;}
.schools .rs-teach-tory div.quote-box { padding:10px 15px;}
div.quote-box {background:transparent url(/etc/designs/rosettastone/us/images/personal/quote-box-top.png) no-repeat scroll left top; font-size:16px; line-height:1.4em; margin-top:10px; padding:10px 15px 10px 15px; width:230px;}
div.quote-btm {background:transparent url(/etc/designs/rosettastone/us/images/personal/quote-box-bottom.png) no-repeat scroll left top; display:block; font-size:11px; font-weight:bold; line-height:1.3em; margin-bottom:1em; padding:32px 0 0 20px; width:240px;}
.schools div.toty {padding:54px 0 0 20px;}
.rs-teach-tory div.quote-box { padding:25px 15px;}
.quote-btm span {font-weight:normal; display:block;}
div.andw-blom {color:#7A7A7A; float:left; width:45%;}
#view-all {padding:0 20px 20px;}
.testimonial {background:transparent url(/etc/designs/rosettastone/us/images/quote-top.jpg) no-repeat scroll 0 0; color:#739600; padding:15px 20px 0 10px;}
#default p cite {color:#7A7A7A; float:right; font-size:0.8em; font-weight:bold; margin:2px 0 10px;}
#review-quote {background:#F1EFE2 url(/etc/designs/rosettastone/us/images/personal/ac-promo-box-top-sm1.jpg) no-repeat scroll center top; height:1%; overflow:hidden; width:540px; margin:0px auto 15px auto;}
*html #review-quote {height:auto;}
#review-quote div.review-bottom {background:transparent url(/etc/designs/rosettastone/us/images/personal/promo-box-bottom-sm1.jpg) no-repeat scroll left bottom; display:block; float:left; width:540px;}
#review-quote blockquote {background:transparent url(/etc/designs/rosettastone/us/images/personal/quote-big1.jpg) no-repeat scroll left top; color:#666666; font-family:"Times New Roman",serif; font-size:15px; font-style:italic; line-height:1.5em; padding:15px 20px 10px 40px;}
#article-detail .article  #review-quote blockquote p {font-family:"Times New Roman",serif; font-size:16px; font-style:italic;}
#review-link {border-top:1px solid #DDDDDD; color:#666666; font-size:11px; margin:5px 20px 10px 40px; padding-top:5px; width:180px;}
#article-detail .article .review-item p {margin-bottom:0;}
div.review-item {background:transparent url(/etc/designs/rosettastone/us/images/personal/icon-quote.jpg) no-repeat scroll 0 0.25em; margin:0 20px 20px 30px; padding-left:20px;}
#view {background:#E5DAA8 none repeat scroll 0 50%; float:left; margin-top:5px; width:300px;}
#view-title {font-weight:bold; margin-left:20px; padding-bottom:5px; padding-top:5px;}
#view-message {background:#FFF6CF none repeat scroll 0 50%; padding-bottom:10px; padding-left:20px; padding-top:20px;}
#view-message h3 {font-size:14px; padding-bottom:2px; padding-top:12px; color:#333333;}
#view-detail {color:#7F6A0C; margin-top:0; width:253px;}
#view-story {float:right; width:280px;}
#title, #title-fl, #title-fll, #title-flll {font-size:12px; font-weight:bold; padding-bottom:5px; padding-top:15px; width:100px;}
#family {font-size:12px; font-weight:bold; width:100px;}
#family-tree {margin-bottom:30px; padding-left:100px; padding-top:3px; width:205px;}
#booster {font-size:12px; font-weight:bold; width:100px;}
#brain-booster {padding-bottom:30px; padding-left:100px; padding-top:0; width:205px;}
#sharethis {border-top:1px solid #DDDDDD; cursor:pointer; display:block; font-family:Arial,Helvetica,sans-serif; font-size:13px; padding:25px; margin:0px 1px;}
#head-title h3 {color:#333333; font-size:14px;}
#flex-content {float:left; padding-bottom:20px;}
#flex-content p {width:300px;}  
#side-bar {float:right; margin-top:-16px; width:280px;}
#flex-content img {text-align:center;margin-bottom:8px;}
#flex-content cite {font-style: italic; color: rgb(102, 102, 102); font-size: 11px;}
#flex-content span.sub {font-style: italic; color: rgb(102, 102, 102); font-size: 11px; padding-left: 15px; line-height: 1em; display:block; padding-top:3px;}
#language-article #lang-article-content h2 {background:#EEEEE6 none repeat scroll 0 0; font-size:15px; padding:10px 0 10px 15px; color:#333333; letter-spacing:0.01px; margin:0; font-weight:bold;}
#article-detail .article #lang-article-content p {padding:15px 15px 0px 15px; margin:0;}
#article-detail .article #lang-article-content p.read-link {padding-bottom:15px;}
#more-articles  {padding-top:15px;}
#more-articles div {width:530px;}
#article-detail .article #more-articles p {margin-bottom:5px;}
#language-article #more-articles p.head {font-size:13px; font-weight:bold; line-height:1.5em; padding-bottom:0.5em; padding-top:1em;}
#language-article #more-articles p {line-height:1.4em; padding-bottom:5px; padding-top:2px;}
#language-article #more-articles p.read-link {background:transparent url(/etc/designs/rosettastone/us/images/personal/icon-read-article.gif) no-repeat scroll 100px 2px; padding-left:120px; padding-top:0;}
.bullent_point {color:#A0A0A0; float:left; font-size:20px; font-weight:bold; padding:7px 33px 0 23px; width:15px;}
.bullent_content {float:left; padding-bottom:20px; width:500px; color:#3C2D1F; margin:3px 0 15px; font-size:12px; line-height:1.5em;}

.grid-col-content .awards {clear:both; padding: 0px 0px 10px;}
.grid-col-content .awards .bessie {margin:0px 140px 0px 65px;}

.schools #internal-content #video-experience-old {margin-bottom:5px;}

.schools #internal-content .grid-col-content ul.bullet {margin:3px 0 15px 30px;}
.schools #internal-content .grid-col-content ul.bullet li {background:none; padding-left:0px;}

.schools #flash_text {width:255px;}
#flash_content_area ul.bullet  {margin-left:25px;}
#flash_content_area ul.bullet li {padding-bottom:1px;}

.thumb-selection{ *padding-top:10px; *height:140px;}

/*
 * Styles added for redesign
 */
.overview-box {padding-top:10px; padding-left:10px; width:168px; height:244px; float:left; cursor:pointer; margin:25px 16px 10px 0; background:transparent url(/content/dam/rosettastonecom/images/howitworks/hiw_overview_box-sprite.jpg) no-repeat scroll 0px 0px;}
.learners-action {background:transparent url(/content/dam/rosettastonecom/images/howitworks/box_action.jpg) no-repeat scroll 0 0.25em; margin-right:22px; margin-left:5px;}
.test-drive {background:transparent url(/content/dam/rosettastonecom/images/howitworks/box_testDrive.jpg) no-repeat scroll 0 0.25em; margin-right:22px;}
.rs-approach {background:transparent url(/content/dam/rosettastonecom/images/howitworks/box_method.jpg) no-repeat scroll 0 0.25em;}
/*
 * Changes on box images
 */
#hiw-overview-head {margin-left: 9px;}
#drive.learners-drive-approach {background-position: -178px 0px;}
#approach.learners-drive-approach {background-position: -356px 0px;}
#learner.box-active {background-position: 0 -254px;}
#drive.box-active {background-position: -178px -254px;}
#approach.box-active {background-position: -356px -254px;}

.box-header {font-weight:bold;}
.overview-box p {font-size:11px; padding-top:20px;}
.overview-bottom-text {background:#F7EEC4 none repeat scroll 0 0; padding-left:30px; border-top:1px solid #F3E8AB; margin:40px 1px 4px 1px; height:110px; float:left;_width:598px;}
.overview-bottom-text .research{float:left;margin-right:5px;}
.overview-bottom-text p {font-size:11px; width:auto; padding-right:30px;}
.overview-bottom-text h2 {margin-top:15px;}
