@import "/css/style.css";

.IIICollSubBox {height: 15em}

#coloring {width:830px;height:445px;}
#stickers {width:760px;height:450px;}
#coloring.popup {width:630px}
#coloring-flash.popup {width:630px}
#stickers.popup {width:570px}

.subImg {border:none; margin:0 0 0 6px;}

.instbtn img { margin:10px;}

.fullPageLeftNavContainer {padding-top:30px;padding-right:12px;float:left;}

#printThumbs {float:left; padding:10px 0;}
#printThumbs img#previewImg{ padding: 80px; margin-top: 30px; border:2px ridge #88B6C2; background-color:#357787;}
#printThumbs.coloring img#previewImg{ width: 230px; height: 180px;}
#printThumbs.stickers img#previewImg{ width: 144px; height: 192px;}

#printFrame{ height:0;width:0;}

#selectSize {text-align:left; margin:0px;}
#selectSize label {font-size:10px;}
#selectSize input {display:inline; margin:0;}
#selectSize input .submit {font-size:.8em; background:#ccc; color:#000; border:1px solid #666;}

#moreLinksArea {float: right;}
#moreLinksArea.stickers  #scroller{margin-top: 7px; height: 355px;}
#moreLinksArea.coloring #scroller {margin-top: 7px; height: 340px;}

#imageThumbs {float: left; text-align:center;}
#imageThumbs .imgbox {float: left;}
#imageThumbs.postcards .imgbox {margin: 20px 25px 0px 25px; width: 136px; border: 0px;}
#imageThumbs.postcards p {height: 50px; margin: 0px;}
#imageThumbs.coloring img {margin: 10px 12px 0px 12px; width: 120px; height: 81px; border: 1px solid #000;}
#imageThumbs.coloring-flash img {margin: 10px 0px 0px 10px; width: 180px; height: 138px; border: 1px solid #000;}
#imageThumbs.stickers img {margin: 10px 25px; width: 144px; height: 192px; border: 0px;}
#imageThumbs.movies .imgbox {padding: 10px 25px; width: 180px; border: 0px;}
#imageThumbs.screensavers .imgbox {margin: 10px 10px; width: 250px;}
#imageThumbs.screensavers img {width: 218px; height: 176px; margin: 0;}
#imageThumbs.screensavers p {height: 7em;}

/* WALLPAPER PAGE STYLES */
#wallFrameHolder {margin-top:20px;position:absolute;}
#wallFrame {float:left; padding: 65px 60px; margin:15px 0 10px 10px; border:2px ridge #88B6C2; background-color:#357787;clear:left;} 
wallFrame #previewImg {padding: 21px 0 0 0 18px; border:none; width:228px; height:182px;}
#wallThumbs div { position:relative; float:left; width:152px; height:152px; margin:5px 16px;}
#wallThumbs img {border:0px}
#wallThumbs a {color:#fff;}
#wallThumbs a:hover {text-decoration:none;}
#wallThumbs a:hover .link { text-decoration:underline; cursor:pointer; }
#wallThumbs a:hover .image { border:1px solid #fff;}

#postcardform  {margin: 30px; width:90%;}
#postcardform  td {align: top; clear: both; width: 120px; margin: 0; color: #fff; text-align: right; font-weight: bold; line-height: 1.1em; font-size: .8em;margin-right:10px}
#postcardform  td#input { text-align: left; margin-left: 20px}
#postcardform  dd {margin-left: 130px; border: 1px red solid; width: 300px; text-align: left;}
#postcardform  .alert {color: #ff0; font-weight: normal; line-height: 1.1em; font-size: .8em;}
#postcardform  .needed {color: #ff0; font-weight: bold; font-size: 1em;}

#postcardInfo {background-color:#fff;color:#000;font-size:14px;width:100%;}
#postcardInfo a {color:#363}
#postcardInfo td {text-align:left;}
#postcardInfo .address {display:inline;font-size:10px}
#postcardInfo .pad {padding-left:20px}



.content .ICollContBox .IICollSubBox {float: left; width: 274px; padding-left: 10px; display: block; }
.content .ICollContBox .IICollSubBox .2CollHeader h2 {width: 274px; height: 34px}