@charset "utf-8";
/* CSS Document */
div.prod_window {padding-top:8px;border:0px;}

#container {position: relative; width: 470px;overflow: hidden;}
#scroller {width: 928px;}
.content {float: left;}

body {margin:0px; text-align:center;}
a.header {color:7A1FDB; font-family:verdana;font-weight:bold; font-size:13px; text-decoration:none;}
div#Main{ margin: 0 0%;background: <cfoutput>#bodybg#</cfoutput>; width:900px; height:200px;}

div#BlueBg{ margin: 0 0%;background:#0000cc; width:970px;}

div#Horoscope{ margin: 0 0%;background: #029bfe; width:203px; height:205px;}

div#Coloring{ margin: 0 0%;background: #009bff; width:255px; height:200px;}
div#VideoBg{ margin: 0 0%;background: #9b6bce; width:537px; height:490px;}

#divbg {width: 100%; height: 1700px; left: 0px; top: 0px; position: absolute; z-index: -10;}

b.rptop, b.rpbottom{display:block;background:#FFFFFF;}
b.rptop b, b.rpbottom b{display:block;height: 1px; overflow: hidden; background: #9b6bce;} 

b.rctop, b.rcbottom{display:block;background:#ff9fba;}
b.rctop b, b.rcbottom b{display:block;height: 1px; overflow: hidden; background: #009bff;}

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rptop b.r4, b.rpbottom b.r4{margin: 0 1px;height: 2px;}
b.rctop b.r4, b.rcbottom b.r4{margin: 0 1px;height: 2px;}
img {border:0px;}

.stepcarousel{
position: relative; /*leave this value alone*/  
border:0px;
overflow: scroll; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 80px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
padding-top:1px;
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
} 
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
padding:0px;
width: 82px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
a#vThmbNails:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a#vThmbNails.tooltip span {display:none; padding:20px 3px; margin-left:8px; width:130px;}
a#vThmbNails.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
  
#targetDiv {display:block;position:inherit;background-color:#9b6bce;z-index:0;text-align:center;}
a.button{
display: block;
background-image: url(/images/tyhomepurplebtn_new.gif);
background-repeat: repeat;
width:auto;
text-align: center;
line-height:35px;
color:#FFFFFF;
font-family: ARIAL;
font-size: 18px;
font-weight: bold;
text-decoration: none;
padding-left:5px;
padding-right:5px;
border-right:2px solid #663398;
}
a.button:hover {background-image: url(/images/tyhomeredbtn_new.gif);}