@charset "UTF-8";
/* 
 "nail-training-kits" & nail-training-courses"
 */


#allKitsPage .allKitsWrapper{ margin: 10px auto 10px auto;  padding-bottom:5px; clear:both}

#allKitsPage p{ font-size:1em;}
.mobile #allKitsPage p{ font-size:1.4em;}

#allKitsPage h5.kitTitles { font-size:1em; color:#333; font-weight:bold; margin: 25px auto 12px auto;border-bottom:4px solid #e1e1e1; padding-bottom:5px;}
.mobile #allKitsPage h5.kitTitles{ font-size:1.4em}

#allKitsPage .fullInfo{ display:none; border:3px solid #f1f1f1; border-radius:5px; padding:10px 20px;  width:620px}
.mobile #allKitsPage .fullInfo{ width:100%; max-width:100%;}

#allKitsPage p.showFull {
display:inline-block;
color:#006699;
cursor:pointer;
font-weight: bold; 
padding: 0px  16px 0px  0px;
margin:4px 0 4px 0;
width:auto;
height:18px; line-height:18px; 
background-image:url(../images/icons/arrowDGray.png); background-position:right 50%; 
background-repeat:no-repeat;
 
} 

#allKitsPage p.showFullActive { background-image:url(../images/icons/arrowUgray.png) }

#allKitsPage  .allKitsKitImage{ float:right; width:360px;  margin:0 0 0 15px;}
.mobile #allKitsPage .allKitsKitImage{ float:none; width:100%;   margin:5px auto; display:block}
#allKitsPage .allKitsKitImage  img{ width:100%;padding:10px; border:0px solid #f1f1f1; border-radius:5px; }

#allKitsPage hr{ display:block; clear:both; margin:8px auto; padding:0; border:0; background:none}




#allKitsPage p{ font-size:1em;}
.mobile #allCoursesPage p{ font-size:1.4em;}

#allCoursesPage .allCoursesWrapper{ margin: 10px auto 10px auto; border-bottom:1px dashed #ccc; padding-bottom:5px;}
#allCoursesPage h5.courseCategories{ font-size:1em; color:#333; font-weight:bold; margin: 25px auto 8px auto;border-bottom:4px solid #e1e1e1; padding-bottom:5px;}
.mobile #allCoursesPage h5.courseCategories{ font-size:1.4em; }

#allCoursesPage p.coursesTitles{ font-weight:bold; font-size:1.2em}

#allCoursesPage .fullInfo{display:none; border:3px solid #f1f1f1; border-radius:5px; padding:10px 20px; clear: both}
#allCoursesPage p.showFull {
display:inline-block;
color:#006699;
cursor:pointer;
font-weight: bold; 
padding: 0px  16px 0px  0px;
margin:4px 0 4px 0;
width:auto;
height:18px; line-height:18px; 
background-image:url(../images/icons/arrowDGray.png); background-position:right 50%; 
background-repeat:no-repeat;
} 
#allCoursesPage p.showFullActive { background-image:url(../images/icons/arrowUgray.png) }