#content h1 {color:#242424; font: normal 30px/38px arial; padding: 20px 0; text-align: center; }
p.disclaimer{color:#7E7E7E; font: normal 12px arial; text-align:left; padding: 10px; }


div.video_container {width:98%; position:relative; display:block; padding: 20px 10px; border-bottom: solid 1px #adadad;}
div.video_right{float: left; padding: 20px 0 0 20px; position:relative; text-align:left; vertical-align:middle; width:400px;}
.last{border-bottom: none!important; padding-right:0px!important}
div.video{position:relative; float:left; width:31%; vertical-align:middle; padding-right:2%}
div.video iframe{height: 180px; }
div.video h2{font: normal 22px/24px arial; padding: 5px 0px; color:#ec8105; text-align:center;}
div.video p{font: normal 14px/20px arial; padding: 5px 0px; color:#7e7e7e; text-align:left;}
div.video a{font: normal 14px/20px arial; color:#ff8820; text-decoration:none;}

div.coachvideo{background:#d5d5d5;}
div.coachvideo_content {margin: auto; max-width: 1000px; position: relative; width: 100%;}
div.coachvideo_content h2 { color: #000000; font: normal 30px/38px arial; padding: 20px 0; text-align: center; }
div.coachvideo_content h3 { color: #373737; font: normal 20px/24px arial; padding: 5px 0;}

div.outils {background:#e8f5fb; padding-bottom:20px;}
div.outils_content {margin: auto; max-width: 1000px; position: relative; width: 100%;}
div.outils_content h2 { color: #242424; font: normal 30px/38px arial; padding: 20px 0; text-align: center; }
div.outils_container {position:relative; float:left; width:31%; vertical-align:middle; padding-right:2%; padding-bottom: 20px; }
div.outils_container img{position:relative; float:left; width: 32%;}
div.outils_container p{text-align:left; position:relative; float:left; width: 66%; padding-left: 2%; padding-top: 20px; font: normal 16px arial; color:#7e7e7e;}


div.repas {background:#ffffff; padding:20px 0px;}
div.repas_content {margin: auto; max-width: 1000px; position: relative; width: 100%;}
div.repas_content h2 { color: #242424; font: normal 30px/38px arial; padding: 10px 0; text-align: center; }
div.repas_container {position:relative; float:left; width:48%; vertical-align:middle; padding-right:2%; padding-bottom: 20px; }
div.repas_container img{width: 100%;}
div.repas_container h3{font: normal 18px arial; color:#3a3a3a;}
div.repas_container p{text-align:left; position:relative; float:left; padding-left: 2%; padding-top: 20px; font: normal 16px arial; color:#7e7e7e;}
div.left_container {border-right: solid 1px #e0e0e0;}
div.left_container ul {list-style:none; margin:0; padding:0; text-align:left;}
div.left_container ul li {margin-bottom:20px;}
div.left_container ul li.last {margin-bottom:0px;}
div.left_container ul li div.recipe_img{width:200px; position:relative; float:left; margin-right:10px;}
div.left_container ul li div.recipe_img img{width:100%; height:120px; }
div.left_container ul li div.ingradients{font: normal 14px arial; color:#7e7e7e; position:relative; float:left; width:270px;}
div.left_container ul li div.ingradients h3{font: normal 18px arial; color:#3a3a3a; text-align:left;}
div.right_container{width:46%; vertical-align:middle; padding:0 1%;}
div.right_container a{color:#ff8820; text-decoration:underline;}
div.right_container a:hover{text-decoration:none;}

div.mobileapp {background:#d5d5d5; padding:20px 0px;}
div.mobileapp_content {margin: auto; max-width: 1000px; position: relative; width: 100%;}
div.mobileapp_content h2 { color: #000000; font: normal 30px/38px arial; padding: 10px 0; text-align: center; }
div.mobileapp_content h3{font: bold 17px arial; color:#000000;}
div.mobileapp_container { position: relative; float: left; width: 36%; vertical-align: middle; padding-right: 2%; }
div.mobileapp_container_middle { position: relative; float: left; width: 21%; vertical-align: middle; padding-right: 2%; }
div.mobileapp_container ul {list-style:none; margin:10px 0px; padding:0; text-align:left;}
div.mobileapp_container ul li {margin-bottom:20px;}
div.mobileapp_container ul li.last {margin-bottom:0px;}
div.mobileapp_container ul li div.icon{width:78px; position:relative; float:left; margin-right:10px;}
div.mobileapp_container ul li div.icon img{width:100%; height:78px; }
div.mobileapp_container ul li div.description{font: normal 14px arial; color:#7e7e7e; position:relative; float:left; width:270px;}
div.mobileapp_container ul li div.description h3{font: bold 17px arial; color:#000000; text-align:left;}

div.community_manager {background:#ffffff; padding:20px 0px;}
div.community_manager_content {margin: auto; max-width: 1000px; position: relative; width: 100%;}
div.community_manager_content h2 { color: #242424; font: normal 30px/38px arial; padding: 10px 0; text-align: center; }
div.community_manager_video{position:relative; float:left; width:48%; vertical-align:middle; padding-right:2%}
div.community_manager_video iframe{height: 280px; }
div.community_manager_video h3{font: normal 18px/22px arial; padding: 5px 0px; color:#3a3a3a; text-align:center;}
div.community_manager_video p{font: normal 14px/20px arial; padding: 5px 0px; color:#7e7e7e; text-align:left;}
div.community_manager_video a{font: normal 14px/20px arial; color:#ff8820; text-decoration:none;}

div.customer_service {background:#fff9e9; padding:20px 0px;}
div.customer_service_content  {margin: auto; max-width: 1000px; position: relative; width: 100%;}
div.customer_service_content  h3{font: normal 21px/24px arial; padding: 5px 0px; color:#2b2b2b; text-align:center;}
div.customer_service_content  h2 { color: #ff8a1e; font: normal 42px/45px arial; padding: 10px 0; text-align: center; }
div.customer_service_content  p {font: normal 12px arial; color:#2b2b2b;}
div.customer_service_container{position:relative; float:left; width:48%; vertical-align:middle; padding-right:2%}
div.submit_customer_service {margin-top:30px;}
div#full_recipe p{padding-top:0px;  }

.minisite-vid-l2 {margin: 0; position: relative; text-align: center;}
.minisite-vid-l2 .vid-shaper {display: block; width: 100%;}
.minisite-vid-l2 .l2-vids {height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2;}
/*header*/
#header{position:relative; background:#1f1f1f url(/img/2014/sm2014-header-bg.png) repeat-x 0 0;}
#header .hdrdiv{max-width:1000px; margin:0 auto;}
#header h1{margin:0px; padding:0;}
.grayBG{background:#d5d5d5;}
/*header*/

/* mobile ----------- */
@media only screen and (max-width: 850px) {



}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 640px) {
div.video_container {width:95%; position:relative; display:block; padding: 20px 10px; border-bottom: solid 1px #adadad;}
div.video{position:relative; float:none; width:98%; vertical-align:middle; padding-right:2%}
div.video iframe{height: 250px; }
div.outils_container {width: 45%;}
div.repas_container {float: none; padding: 10px; position: relative; vertical-align: middle; width: 96%;}
.right_container img{width:250px!important;}
div.left_container ul li div.recipe_img {float: none; margin-right: 10px auto; position: relative; width:100%; text-align:center;}
div.left_container ul li div.recipe_img img{width:200px;}
div.left_container ul li div.ingradients {color: #7e7e7e; float: left; font: 14px arial; position: relative; width: 98%;}
.mobileapp_container_middle{display:none;}
div.mobileapp_container {float: left;  padding-right: 2%; position: relative; vertical-align: middle; width: 48%;}
div.mobileapp_container ul li div.description {color: #7e7e7e; float: left; font: 14px arial; position: relative; width: 200px;}
div.community_manager_video{float:none;width:96%;padding: 0 2%; }
div.customer_service_container {float: none; padding: 0 2%; position: relative; vertical-align: middle; width: 96%;
}


@media only screen and (max-width : 480px) {
div.video iframe{height: 250px; }
div.video_right{float: none; padding: 0px 2%; position:relative; text-align:left; vertical-align:middle; width:96%;}
div.outils_container {width: 98%; float:none;}
div.outils_container img{width: 90px;}
div.mobileapp_container {float: none;  padding: 0px 2%; position: relative; vertical-align: middle; width: 96%;}
div.mobileapp_container ul li div.description {color: #7e7e7e; float: left; font: 14px arial; position: relative; width: 350px;}

}
}

@media only screen and (max-width : 360px) {
div.mobileapp_container ul li div.description {color: #7e7e7e; float: left; font: 14px arial; position: relative; width: 250px;}
div.video iframe{height: 200px; }
}

@media only screen and (max-width : 320px) {
div.mobileapp_container ul li div.description {color: #7e7e7e; float: left; font: 14px arial; position: relative; width: 210px;}
div.video iframe{height: 200px; }
}