/*
_______________________________
Desktop version layout - place your custom code here */

body {font:normal 13px Arial; line-height:18px; color:#262626; background-color:#ffffff;}




/*
_______________________________
Mobile version - single break point */

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

	
#sm-community .row .col_4{width:auto !important}
ul.topnav li{float:left; margin-right:10px;}
ul.topnav li a{font:normal 14px Arial; display:block; color:#aaaaaa; padding:8px 5px;}

li .sm-pname{ width:80%; margin-left:5px; margin-top:0px;}
li .sm-pdate{ float:left !important; width:80%; margin-left:5px; font-weight:normal; margin-top:0px; text-align:left;}


.offside{padding:0px!important; margin:0 !important;}
.radius-all{border-radius:0px !important;}
.main-img{height:auto; position:relative; text-align:center;}
.main-img .mim-holder{position:relative; margin:0px auto; right:auto; width:100%;}
.main-img .mim-holder img{width:100%;}	
#main-win{background-image:none;}

ul.flexifeatures li{float:none; width:100%; border-bottom:1px solid #ffffff; margin:0;}
ul.flexifeatures li.plus{display:none;}
ul.flexifeatures li p{font-weight:bold; padding-top:5px;}

div.flexbox{position:relative; clear:both;}
div.flexbox .thb{margin-bottom:10px; float:left; width:30%; margin-right:8px;}
div.flexbox .desc{margin:0; float:left; width:60%; font-size:14px; text-align:left;}

.left-tipbox h4{font:italic bold 16px arial; padding:5px 0 0 140px; margin:0px;}
.left-tipbox p{font:italic 14px arial; padding:5px 0 0 140px; margin:0px;}
.cohen-bottom{position:absolute; left:-5px; bottom:0;}
.right-tipbox{padding:0 0 0 130px;}


.footbg{background-image:none; padding-bottom:10px;}
#dp-form{border-radius:0 0 10px 10px; background-color:#f38900; margin-top:0px;}

#logreg-buttons{margin:5px 0; position:relative; float:right; width:40%;}
#contactInfo{float:left; width:60%; text-align:left; margin:12px 0 0 0;}




/*PAYMENT*/
h2.sideB strong{font-size:28px; color:#ff8820; display:inline;}
#paymentHelp1 .title3{margin:0;}
#bannerPayment {background-color:#026CA9;}
#bannerPayment .bannerImage{width:45%; float:left; padding:0;}
#bannerPayment .bannerBottom{width:55%; float:left; padding:15% 0 0 0;}
.img-offer{display:none;}

div.stepNum span.stepNumDesc{width:90%;}
#Contact div{width:100%;}
#Contact input{width:100%;}
.labelContact{text-align:left; width:100%;} 
/* END PAYMENT*/

/*ARTICALE PAGE - AFFILIATION*/
#numbercontact{float:left; width:100%; text-align:left; margin:0px 0 10px 0;}
#numbercontact strong{display:inline-block;}

.jmc-picL{height:auto; position:relative; text-align:center;}
.jmc-picL .jmc-picL-holder{position:relative; right:auto; width:100%; margin:0 auto;}
.jmc-picL .jmc-picL-holder img{width:100%;}
.gray-parag-txt{margin:10px;}

.blue-strip{padding:0px}
.blue-strip h2{margin:0px;}
.strw-spc{display:block;}
.ingdts-box{width:100%; margin:0px;}
.ingdts-list{width:45%; display:inline-block;}

#testi-box-right h3{display:inline-block; font-size:35px; max-width:48%; vertical-align:top;}
#testi-box-right div.testi-pix{display:inline-block; max-width:50%;}


/*minisite level 2*/
.minisite-vid-l2{margin:0;}
#breadcrumbs{display:none;}
#parole-fig{ min-height:200px; margin:0;}
#parole-fig p{padding-top:0; padding-bottom:20px; margin:0;}
.vs-text, .vs-text2{padding-top:10px;}
.vs-text p{font-size:14px; line-height:20px;}
/* end minisite level 2*/

/*start forum*/
form#mailer label { display: block; font-weight: bold; text-align: left; padding: 5px;}
form#mailer .smallText {color: #58585A; font-family: Arial,Helvetica; font-size: 10px;}
form#mailer p {margin:2px 0;}
.formfield input {background-color: #FFFFFF; border: 1px solid #A7A6AA; font: normal 12px arial; padding:5px; width: 95%;}
.formfield select {background-color: #FFFFFF; border: 1px solid #A7A6AA; font: normal 12px arial; padding:5px; width: 99%;}
.formfield textarea {background-color: #FFFFFF; border: 1px solid #A7A6AA; font: normal 12px arial; padding:5px; width: 95%;}
.formfield input:hover {background-color: #FFFFFF; border: 1px solid #0D58A6; }
.formfield select:hover {background-color: #FFFFFF; border: 1px solid #0D58A6;}
.formfield textarea:hover {background-color: #FFFFFF; border: 1px solid #0D58A6;}
.formfield input:focus {background-color: #FFFFFF; border: 1px solid #0D58A6; }
.formfield select:focus {background-color: #FFFFFF; border: 1px solid #0D58A6;}
.formfield textarea:focus {background-color: #FFFFFF; border: 1px solid #0D58A6;}
.formfield input.submit {border:none; width:auto;}
.formfield input.submit:hover {border:none;}
div.range{display:none!important;}
table.forum_subscribe{width:100%; margin:0px; padding:0px; background: #ffffff;}


li.frm-img{width:20%;}
li.frm-img img {width:100%;}
li.frm-title{width:40%; text-align:left !important; line-height:16px;}
li.frm-topic{width:15%; line-height:16px;}
li.frm-msgs{width:60px; line-height:16px;}

/*login page*/
 .login-box span.fields{text-align:left;}
/*login page*/

/* gain-weight box */
#gain-weight-box ul.body-sil li.colTwo{float:left; display:block;}
/* gain-weight box */
}



/*
_______________________________
Mobile version - single break point */

@media handheld, only screen and (max-width: 361px) {

div.col2pic{text-align:center; float:none !important; width:100%;}
	
ul.topnav li{float:left; margin-right:5px; }
ul.topnav li a{font:normal 12px Arial; display:block; color:#aaaaaa; padding:3px; }


.left-tipbox h4{font:italic bold 14px arial; padding:5px 0 0 0px; margin:0px;}
.left-tipbox p{font:italic 14px arial; padding:5px 0 0 0; margin:0px;}
.cohen-bottom{display:none;}
.right-tipbox{padding:0;}

#sm-community .row .col_4{width:100%; margin:0; padding:0;}
#paroles .desc p{display:none;}
#dp-form h2{font-size:18px;}

#logreg-buttons{margin:5px 0; position:relative; float:none; width:100%; }
#contactInfo{float:none; width:100%; margin:5px 0; text-align:center;}


/*PAYMENT*/
.paystep2 label span.line1 {font: bold 16px Arial;}
.paystep2 label span.line2 {font: bold 14px Arial;}
.paystep2 label p{font-size:11px}
.pay24 {font: bold 14px Arial;}
h2.sideB strong{display:block;}
#adFig1{display:none;}
.advantageList li h4{font-size:16px;}
#paymentHelp1 .bannerImage{display:none;}
.payment-left h1{font-size:20px; line-height:22px;}
.payment-left h2{font-size:18px;}
.tableObForm td.c1{width:50%;}
.tableObForm td.c2{width:50%;}
.tableObForm td span.break{display:block;}
.tableObForm .ifields{font:normal 14px Arial; border:1px solid #bdc7d8; padding:3px; width:75%;}
.ifields.sel{width:65%;}
.sldr-frame .sldr3, .sldr-frame .sldr4{display:block; width:100%; text-align:left;}
.divide2{display:block; float:none; width:100%;}
#paymentSelect .sep img{display:none;}

/* END PAYMENT*/


/* minisite level 2*/
#parole-fig{background-image:none; min-height:0;}
#parole-fig p{padding:0 0 10px; margin:0; font-size:20px;}
.testi-padder{padding:8px 0px;}
.testimon .userpic {display:none;}
ul.faq-list{margin-left:15px; }
/* end minisite level 2*/


/*contact form*/
form#mailer label { display: block; font-weight: bold; text-align: left; padding: 5px;}
form#mailer .smallText {color: #58585A; font-family: Arial,Helvetica; font-size: 10px;}
form#mailer p {margin:2px 0;}
.formfield input {background-color: #FFFFFF; border: 1px solid #A7A6AA; font: normal 12px arial; padding:5px; width: 95%;}
.formfield select {background-color: #FFFFFF; border: 1px solid #A7A6AA; font: normal 12px arial; padding:5px; width: 99%;}
.formfield textarea {background-color: #FFFFFF; border: 1px solid #A7A6AA; font: normal 12px arial; padding:5px; width: 95%;}
.formfield input:hover {background-color: #FFFFFF; border: 1px solid #0D58A6; }
.formfield select:hover {background-color: #FFFFFF; border: 1px solid #0D58A6;}
.formfield textarea:hover {background-color: #FFFFFF; border: 1px solid #0D58A6;}
.formfield input:focus {background-color: #FFFFFF; border: 1px solid #0D58A6; }
.formfield select:focus {background-color: #FFFFFF; border: 1px solid #0D58A6;}
.formfield textarea:focus {background-color: #FFFFFF; border: 1px solid #0D58A6;}
.formfield input.submit {border:none; width:auto;}
.formfield input.submit:hover {border:none;}
/*end contact form*/


/*forum*/
li.frm-img{width:20%;}
li.frm-img img {width:100%;}
li.frm-title{width:40%; text-align:left !important; line-height:16px;}
li.frm-title span{padding:5px 0px 0px; display:block;}
li.frm-topic{width:15%; line-height:16px;}
li.frm-topic span{padding:10px 0px 0px; display:block;}
li.frm-msgs{width:30px; line-height:16px; display:block !important; overflow:hidden; text-overflow:ellipsis;}

li.latest-img{width:34px;}
li.latest-sbj{width:80%; text-align:left !important;}
li.latest-prof{width:40%; text-align:left !important;}
li.latest-cmts{width:15%; text-align:left;}
li.latest-prof-narrow{width:50%; text-align:left !important;}

table#forum-table3 th{padding:5px; color:#ffffff; background-color:#878787; font: normal 11px arial !important;}
table.search_form{height:90px; width:98%; text-align:center; margin: 20px auto; box-shadow:#cccccc; padding:10px; border-radius:0px; background-color: #F2F2F3; font: normal 12px arial;}
table.search_form b{font: bold 12px arial;}
table.search_form INPUT{font: normal 12px arial;}
div.range{display:none!important;}
table.forum_subscribe{width:100%; margin:0px; padding:0px; background: #ffffff;}
/*end forum*/


/*login page*/
  .espace-minceur{display:none;}
  .login-box{border:none; box-shadow:none; min-height:346px; padding:0px; font:normal 16px Arial;}
/*login page*/

/*ARTICALE PAGE - AFFILIATION*/
.gray-parag-txt{font-size:20px!important;}
.strw-spc{display:block; height:160px;}
.ingdts-list{width:100%; display:block;}

#right-content{border:none;  padding-left:0;}
#testi-box-right h3{display:block; font-size:24px; max-width:100%;}
#testi-box-right div.testi-pix{display:block; max-width:100%;}
.affil-video{width:100%; height:100%;}
/* gain-weight box */
#gain-weight-box ul.body-sil li.colTwo{float:none; display:block;}
/* gain-weight box */
}

/*
_______________________________
Provide higher res assets for higher resolution mobile screens */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}