﻿@charset "utf-8";
@-ms-viewport { width: device-width;}
@-o-viewport {  width: device-width;}
@viewport { width: device-width;}
* {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	margin: 0;	padding: 0;}
html,body{height:100%;margin:0;padding:0; /*background-color:#1E9DCB cool in future */}
body {font-size:16px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;line-height:16px;}
#head{width:1000px;background-image:url(/assets/images/coloring-header-bg.jpg);background-position:top left;background-repeat:no-repeat;height:124px;margin-bottom:0} /*height remvd for res edits*/
.headText{position:absolute;text-align:center;margin-top:100px;margin-left:770px}
.headSearchBox{position:absolute;width:315px;text-align:center;margin-top:5px;margin-left:680px;background-color:#F90;padding:10px;border-radius:5px}
.headSearchBox input[type=text],.headSearchBox input[type=search],.headSearchBox input[type=submit]{padding:5px!important;font-size: 13px}
.searchMenu{width:100%}
.searchHeader{background-image:url(/assets/images/bar-search.gif);padding-left:3px;height:28px;line-height:28px}
.topHeadingSpace{padding:0}
.textCenter{text-align:center;}
#menuTop{width:100%; background-color:#8FCEE5; font-size:14px; font-weight:700;list-style:none; margin-bottom: 5px;}
ul#menuTop{max-width:100%;height:30px;}
ul#menuTop a{display:block;color:#174DA0;text-decoration:none;padding:7px 10px; border-right:1px #fff solid;}
ul#menuTop a:hover{color:#fff;background-color:#174DA0;font-weight:700;}
ul#menuTop li{float:left;text-align:center}
#menuMobile { display:none;}
a{text-decoration:none;font-weight:700;color:#17B196;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all  300ms ease 0s;
    -o-transition: all  300ms ease 0s;
    transition: all  300ms ease 0s;}
a:hover{color:#E85D01}

H1,h2,h3,h5{line-height:24px;}
H1{font-size:22px;color:#17B196;margin:0}
H2{font-size:18px;margin:0}
H4{font-size:16px;line-height:18px;color:#3E463C;padding-top:3px;padding-left:3px;font-weight:400;margin:0}
H3,H5{font-size:16px;color:#17B196;margin:0}

#container{height:auto;margin-left:auto;margin-right:auto;padding:0;width:100%;max-width:1000px;background-color:#fff;min-width:1000px/* ipad */}
#contentV2{width:1000px;position:relative;text-align:left}
.colMenu{float:left;width:170px;height:100%}
.colContent{float:left;width:660px;background-color:#FFF;margin:0;padding:8px}
.colRight{float:right;width:168px;height:100%;}
.colBlockLeft{width:300px;float:left;padding:8px 0; font-size:14px}
.colBlockRight{width:336px;float:right;padding:8px 0; font-size:14px}
.colBlockLeft.home{font-size:14px}
.colBlockLeft H3,.colBlockRight H3,.colBlockLeft H4,.colBlockRight H4{ padding: 5px 10px; font-size:14px}
.colBlockLeft H3 .whiteheader,.colBlockRight H3 .whiteheader{padding:0;}
.colBlockLeft .picture,.colBlockRight .picture{margin-right:10px}
.colBlockFull{width:100%; min-height:105px;}
.colBlockFull img{margin-right:10px}
.subCatBlock { display: inline-block; min-height:100px;}
.divider{background-image:url(/assets/images/divider.jpg);width:100%;height:4px;margin:5px 0}
/* top 5 */
.colBlockFull.top5{padding-bottom:10px}
.top5 ul{width:100%;list-style-type:none;font-size: 14px;padding:5px 0;background-color:#FECD1A;display:inline-block}
.top5 li{display:block;float:left;width:20%;text-align:center;min-height:100px}
.top5 img{margin:5px 0 0;border:2px solid}
/* Bread*/
#breadcrumb{padding:10px 5px;font-size: 13px;border-bottom:1px solid #ccc;margin-bottom:10px}
#breadcrumb ul{display:block;margin-left:10px}
#breadcrumb li{display:inline;padding:0 5px 0 0}
#breadcrumb li:first-child:after{content:''}
#breadcrumb li:after{content:'»'}
#breadcrumb li:last-child{font-weight:700}
#breadcrumb li:last-child:after{content:''}
#breadcrumb li a{text-decoration:underline;padding:0 5px 0 2px;font-weight:400}
/* OVERVIEW START */
.galleryText{width:500px;float:left;min-height:260px;font-size:16px;line-height:20px;margin-bottom:10px}
.galleryTextItem{padding:6px}
.galleryTextItem img{margin:0 10px 0 0}
.galleryText h1,.galleryText h2{padding-bottom:10px;width:100%;background-color:#fff!important}
ul.gallery{width:100%;list-style:none;line-height:18px;font-weight:700;font-size:16px;}
ul.gallery.right{float:right;margin-left:9px}
ul.gallery.left{float:left;margin-right:9px}
ul.gallery li{float:left;width:16%; min-height:200px; text-align:center;padding:6px;line-height:18px;display:inline-block}
ul.gallery li img{margin: 1%;width:98%;height:auto;max-width:150px;}
ul.gallery li a:link img,ul.gallery li a:visited img,ul.gallery li a:active img{border:2px solid #FF0;padding:0px;}
ul.gallery li a:hover img{border:2px solid #fff; padding:10px; background-color:#fff;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all  300ms ease 0s;
    -o-transition: all  300ms ease 0s;
    transition: all  300ms ease 0s;}
ul.gallery a:hover{color:#C00!important}
ul.gallery.category{width:100%; height:600px;}
ul.gallery.category.heightClear{height: inherit;}
ul.gallery.category.left,ul.gallery.category.right{width:49%;margin-bottom:1%;display:inline-block}
ul.gallery.category.left{float:left;margin-right:1%}
ul.gallery.category.right{float:right;margin-left:1%}
ul.gallery.category.center{width:100%;display:inline-block}
ul.gallery.category.center li{width:16%}
ul.gallery.category li{width:33%;height:185px}
ul.gallery.category li img{width:100%;height:auto;max-width:100px;max-height:135px}
ul.gallery.category li a:hover img{padding:10px;background:rgba(255,255,255,.5);border:none}
.buttonsGallery{width:100%;text-align:center;font-size:16px;font-weight:700;line-height:28px;padding:1%}
.buttonsGallery.More{font-size:22px;}
.buttonsGallery h3{font-size: 18px;text-align:center}
.buttonsGallery a{color:#fff;background-color:#9C75D2;padding:6px 9px;margin:5px;display:inline-block; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
.buttonsGallery a:hover{background-color:#E15A01}
.buttonsGallery img {vertical-align: middle;}
.adGallery336{width:336px;height:280px;float:right;display:inline-block;text-align:-webkit-center}
.adGallery336600{width:100%;min-height:inherit;display:inline-block;vertical-align:top;padding:5px 0}
.adCategory336600{width:50%;height:600px;float:right;display:inline-block;text-align:-webkit-center}
.animalBG{background-color:#FECD1A;color:#17B196}
.animalBG H1{color:#FF9100}
.cartoonBG{background-color:#FF7418;color:#fff}
.disneyBG{background-color:#E8625B}
.educationBG{background-color:#FF699B}
.familyBG{background-color:#BC6DA2}
.fantasyBG{background-color:#B292E0}
.holidayBG{background-color:#91C9ED}
.miscBG{background-color:#3B7EE6}
.moviesBG{background-color:#92A56E}
.natureBG{background-color:#9FC65F}
.religiousBG{background-color:#D2A34E}
.sportsBG{background-color:#EF8659}
.transportationBG{background-color:#B8B5B0}
.animalBG a{color:#17B196}
.cartoonBG a,.disneyBG a,.educationBG a,.familyBG a,.fantasyBG a,.holidayBG a,.miscBG a,.natureBG a,.religiousBG a,.sportsBG a, .transportationBG a {color:#fff;}
.footer h4{color: #fff;font-weight:700;}
/* OVERVIEW END */
/* MEDIA's ------------------------------------  */
@media only screen and (max-width: 768px) {
/* iPad layouts */
#head{width:100%;height:inherit;margin-top:-30px}
#head img{max-width:100%;height:auto}
#container{width:100%;max-width:100%;min-width:100%}
#contentV2{width:100%}
.logo{position:relative;text-align:left;padding:66px 3px 0}
.headSearchBox{position:relative;width:100%;text-align:center;margin:0;background-color:#F90;padding:5px 2px;border-radius:0}
.headSearchBox input[type=text],.headSearchBox input[type=search],.headSearchBox input[type=submit]{width:49%}
.topHeadingSpace{min-height:50px;}
#share{position:absolute;left:5px;top:5px;float:left;text-align:left;width:90%}
#share .shareItem{float:left;padding-left:5px}
.mobHide{display:none!important}
#menuTop{display:none !important;}
#menuMobile { display:block; width:100%; background-color:#8FCEE5; padding:8px 1.6%}
#menuMobile select{width:100%;padding:2px;font-size: 22px}
.colMenu{float:none;width:100%;height:auto}
.colContent{float:none;width:100%;background-color:#FFF;padding:0}
.colRight{float:none;width:100%;height:auto}
.colBlockRight,.colBlockLeft,.colBlockFull{width:100%;padding:8px;float:none; clear:both;}
.colBlockLeft{padding-bottom:0}
.colBlockRight.ad{padding:0!important;margin:5px 0;width:100%}
.colBlockFull img{margin-right:10px;}
/* OVERVIEW START */
.galleryText{width:49%;float:left;min-height: inherit;font-size:16px;line-height:20px}
.galleryBook{width:49%;height:auto;float:none;margin:0}
ul.gallery{width:100%}
ul.gallery li{width:25%;text-align:center;padding:8px;min-height:210px}
ul.gallery.right{float:right;margin:0}
ul.gallery.left{float:left;margin:0}
ul.gallery.category{ height:inherit;}
ul.gallery.category.left,ul.gallery.category.right{width:100%;float:left;margin:0;display:inline-block}
ul.gallery.category li,ul.gallery.category.center li{float:left;width:33%;min-height:195px}
.adGallery336{width:49%;height:inherit;min-width:inherit;float:none;text-align:center;display:inline-block}
.adGallery336600{width:100%;min-height:inherit;float:none;display:inline-block}
.adCategory336600{width:100%;min-height:inherit;height:inherit;float:none;display:inline-block;clear:both}
/* END */
.whiteheader{padding:5px 3px}
.home-menu-background{background-color:#fff}
/* footer */
.footer{clear:both;margin:10px 0 0;font-size:	14px;}
.footer ul{width:30%;min-height:140px}
}
@media only screen and (max-width: 600px) {
body{line-height:20px}
.galleryText{width:100%;float:none;font-size:14px}
.galleryText h1,.galleryText h2{padding-bottom:3px;font-size:18px}
.galleryBook{width:100%}
ul.gallery li{float:left;width:32%;min-height:210px}
ul.gallery.category li,ul.gallery.category.center li{float:left;width:32%;min-height:210px}
.adGallery336{width:100%;text-align:-webkit-center}
.adCategory336600{padding:10px 0}
.top5 li{display:block;float:left;width:50%;text-align:center;min-height:100px;margin:10px 0}
.whiteheader{font-size:18px;line-height:112.5%}
/* mobile bread */
#breadcrumb{padding:5px 0 0;font-size:15px;border:none}
#breadcrumb ul{display:block;margin-left:0;background-color:#8FCEE5}
#breadcrumb li:first-child,#breadcrumb li:last-child{display:none}
#breadcrumb li:after{content:''}
#breadcrumb li:nth-child(5n+2){border-bottom:1px solid #000;border-top:1px solid #000}
#breadcrumb li{display:block;text-align:center;padding:6px;border-bottom:1px solid #000}
#breadcrumb li a{color:#fff;text-decoration:none}
#breadcrumb a:hover{color:#E85D01}
.footer{padding:20px;}
.footer ul{display:block;float:none;margin:0;width:100%;padding:0;clear:both;min-height:inherit}
.footer li{margin:3px 0;padding:2px 0}
}
@media only screen and (max-width: 400px) {
ul.gallery li{float:left;width:50%;min-height:210px}
ul.gallery.category li,ul.gallery.category.center li{float:left;width:50%;min-height:210px}
.buttonsGallery{font-size:14px;font-weight:700;line-height:24px;}
.buttonsGallery.More{font-size:20px; }
.buttonsGallery h3{font-size:22px;text-align:center;margin:20px 0 10px}
.buttonsGallery a{display:inline-block;width:98%;border-bottom:1px solid #fff;padding:4px;margin:0;display:inline-block}
.buttonsGallery img{float: left;}
.colBlockLeft,.colBlockRight,.colBlockLeft H4,.colBlockRight H4, H4,.colBlockLeft.home{font-size:16px;}
h4{line-height:20px;}
	}