html { 
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 0;
margin:10px auto;
color: #3c3046;
background-color:#fff;
}
h1 {
padding:0 0 0 24px;
margin:0;
font-size:20px;
font-weight:normal;
}
h2 {
padding: 0;
margin:0;
text-align:center;
font-size:18px;
font-weight:normal;
}
h3 {
padding:0;
margin:0;
text-align:left;
font-size:16px;
font-weight:bold;
}
h4 {
padding:0;
margin:0;
text-align:left;
font-size:14px;
font-weight:normal;
}
img { 
border-style:none;
margin:0;
padding:0;
}
#header-top-bg {
height:20px;
background-image:url(img/header-top-bg.jpg);
background-repeat: no-repeat;
}
#main-page {
width:1040px;
margin:0 auto;
padding:0;
background-image:url(img/background.jpg);
background-repeat: repeat-y;
}
#content {
width:906px;
margin:0 auto;
padding:0;
}
#header {
width:906px;
height:132px;
margin:0 auto;
padding:0;
background: url(img/header-bg.jpg);
background-repeat: no-repeat;
background-color:#fff;
}
#header-inner-left {
display:inline-block;
float:left;
}
#header-inner-right{
float:right;
width:150px;
text-align:center;
padding:23px 10px 0 0;
}
#header-inner-right a {
font-family: verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#1984D7;	
text-decoration:none;
}
#header-inner-right a:hover 
{
text-decoration:underline;
}
.fairygirls-apply {
display:block;
width:106px;
height:22px;
margin:0 auto;
background: url(img/apply.jpg);
background-repeat: no-repeat;
}

.fairygirls-apply:hover{
background-position: 0pt -22px;
}



.space6 {
clear:both;
padding-top:16px;
margin:0;
}
.break-4 {
clear:both;
padding-top:3px;
margin:0;
}
.break-6 {
clear:both;
padding-top:5px;
margin:0;
}
.break-20 {
clear:both;
padding-top:20px;
margin:0;
}
#header-nav {
margin:0;
padding: 0 0 0 16px;
}
#header-nav ul {
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
#header-nav li {
padding: 0;
text-align:center;
display:inline;
}
#header-nav a {
}
#header-inner-nav a:hover {
}
#logo {
margin:0;
padding:0 0 0 16px;
}
.home-button {
display: inline-block;
margin: 6px 4px 0 0;
width: 144px;
height: 32px;
background-image: url(img/button-home.jpg);
background-repeat: no-repeat;
}
.home-button:hover {
background-position: 0pt -32px;
}
.aboutus-button {
display: inline-block;
margin: 6px 4px 0 0;
width: 144px;
height: 32px;
background-image: url(img/button-aboutus.jpg);
background-repeat: no-repeat;
}
.aboutus-button:hover {
background-position: 0pt -32px;
}
.products-button {
display: inline-block;
margin: 6px 4px 0 0;
width: 144px;
height: 32px;
background-image: url(img/button-products.jpg);
background-repeat: no-repeat;
}
.products-button:hover {
background-position: 0pt -32px;
}
.wholesale-button {
display: inline-block;
margin: 6px 4px 0 0;
width: 174px;
height: 32px;
background-image: url(img/button-wholesale.jpg);
background-repeat: no-repeat;
}
.wholesale-button:hover {
background-position: 0pt -32px;
}
.contactus-button {
display: inline-block;
margin: 6px 4px 0 0;
width: 144px;
height: 32px;
background-image: url(img/button-contactus.jpg);
background-repeat: no-repeat;
}
.contactus-button:hover {
background-position: 0pt -32px;
}
.login-button {
display: inline-block;
margin: 6px 0 0 0;
width: 80px;
height: 32px;
background-image: url(img/button-login.jpg);
background-repeat: no-repeat;
}
.login-button:hover {
background-position: 0pt -32px;
}
.reseller-button {
display: inline-block;
margin: 0;
width: 368px;
height: 65px;
background-image: url(img/button-reseller.jpg);
background-repeat: no-repeat;
}
.reseller-button:hover {
background-position: 0pt -65px;
}
#button-brands {
padding:0 0 0 30px;
margin:0;
background-color:#fff;
}
#button-brands ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
background-color:#fff;
}
.index-fg {
display:inline-block;
margin-right:20px;
width:400px;
height:194px;
background-image:url(img/index-fg.jpg);
}
.batmos:hover
{
background-position: 0pt -194px;
}
.index-lh {
display:inline-block;
margin-right:20px;
width:400px;
height:194px;
background-image:url(img/index-lh.jpg);
}
.batmos:hover
{
background-position: 0pt -194px;
}
#button-brands li {padding:0;text-align:center;display:inline;}

.batmos {
display:inline-block;
margin-right:20px;
width:286px;
height:191px;
background-image:url(img/button-atmos.jpg);
}
.batmos:hover
{
background-position: 0pt -191px;
}
.bfairy {
display:inline-block;
margin-right:20px;
width:286px;
height:191px;
background-image:url(img/button-fairygirls.jpg);
}

.bfairy:hover {
background-position: 0pt -191px;
}

.blittleh  {display:inline-block;
margin-right:0px;
width:286px;
height:191px;
background-image:url(img/button-little-heros.jpg);
}
.blittleh:hover
{
background-position: 0pt -191px;
}
#news {
clear:both;
width:906px;
margin:0;
padding:0;
background-image:url(img/news-bg-main.jpg);
background-repeat: no-repeat;
}
#news-banner {
display:inline;
float:right;
width:304px;
padding:28px 80px 0 0;	
}
#news p {
padding:10px 440px 0 30px;
}
#news a {
color:#E01A79;
}
#news a:hover {
text-decoration:underline;
}
#button-twitter {
display:inline-block;
margin:2px 2px;
width:220px;
height:60px;
background-image:url(img/twitter.jpg);
}

#button-twitter:hover {
background-position: 0pt -60px;
}

#button-fb {
display:inline-block;
width:220px;
height:60px;
background-image:url(img/fb.jpg);
}

#button-fb:hover {
background-position: 0pt -60px;
}




#footer-pre {
display:block;
width:906px;
height:86px;
margin:0;
padding:18px 0 0 30px;
background-image:url(img/footer-pre-bg.jpg);
background-repeat: no-repeat;
background-color:#fff;
}

#footer-pre ul {
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

#footer-pre li {padding:0;text-align:center;display:inline;}

#footer-pre a {
}
#footer-pre a:hover {
}

.footer-pre-atmos
{display:inline-block;
margin-right:0px;
width:244px;
height:66px;
background-image:url(img/footer-pre-atmos.jpg);
}
.footer-pre-atmos:hover
{
background-position: 0pt -66px;
}
.footer-pre-fg
{display:inline-block;
margin-left:68px;
width:244px;
height:66px;
background-image:url(img/footer-pre-fg.jpg);
}
.footer-pre-fg:hover
{
background-position: 0pt -66px;
}

.footer-pre-lh
{display:inline-block;
margin-left:58px;
width:244px;
height:66px;
background-image:url(img/footer-pre-lh.jpg);
}
.footer-pre-lh:hover
{
background-position: 0pt -66px;
}

#footer {
width:100%;

font-size:10px;
color:#ED006A;
margin:0 auto;
padding:10px 0;
text-align:center;
background-color:#fff;
}

#footer  a {
color:#ccc;
text-decoration:none;
}

#footer  a:hover {
text-decoration:none}


#footer-bottom-bg {
height:20px;
background-image:url(img/footer-bottom-bg.jpg);
background-repeat: no-repeat;
background-color:#fff;
}





.index-reseller-button {
padding: 20px 0 30px 280px;
}

/* FG Page */
#body-bg-fg {
clear:both;
display:block;
width:906px;
height:270px;
margin:0;
padding:0;
background-image:url(img/body-bg-fg.jpg);
background-repeat: no-repeat;
}
#body-bg-fg p {
font-size: 15px;
padding:40px 0 0 420px;
color:#f92aae;
}

#body-bg-fg a {
color:#e82a8c;
}

#body-bg-fg a:hover {
color:#fff;
background-color:#f92aae;
}


/* LH Page */
#body-bg-lh {
clear:both;
display:block;
width:906px;
height:270px;
margin:0;
padding:0;
background-image:url(img/body-bg-lh.jpg);
background-repeat: no-repeat;
}
#body-bg-lh p {
font-size: 15px;
padding:40px 0 0 420px;
color:#1639d4;
}

#body-bg-lh a {
color:#2b4de3;
}

#body-bg-lh a:hover {
color:#fff;
background-color:#2b4de3;
}


/* Atmos Page */
#body-bg-atmos {
clear:both;
display:block;
width:906px;
height:270px;
margin:0;
padding:0;
background-image:url(img/body-bg-atmos.jpg);
background-repeat: no-repeat;
}
#body-bg-atmos p {
font-size: 15px;
padding:40px 0 0 420px;
color:#3c3046;
}

#body-bg-atmos a {
color:#392549;
}

#body-bg-atmos a:hover {
color:#fff;
background-color:#392549;
}


/* Main Template Pages */
#body-bg-top {
clear:both;
display:block;
width:906px;
height:6px;
margin:0;
padding:0;
background-image:url(img/body-bg-top.jpg);
background-repeat: no-repeat;
}


#body-bg-content {
margin:0;
padding: 0;
color:#3c3046;
background-color:#fff;
}

#body-bg-content-text {
width:520px;
float:left;
margin:0;
padding: 6px 6px 6px 24px ;
color:#3c3046;
background:#fff;
}


#body-bg-content-text2 {
width:310px;
float:left;
margin:0;
padding: 6px 6px 6px 74px ;
color:#3c3046;
background:#fff;
}

#body-bg-content-right {
width:320px;
height:100%;
float:right;
margin:0;
padding: 0 ;
color:#3c3046;
background:#fff;
}


#body-bg-content a {
color:#E01A79;
}

#body-bg-atmos a:hover {

}

#body-bg-bottom {
clear:both;
display:block;
width:906px;
height:34px;
margin:0;
padding:0;
background-image:url(img/body-bg-bottom.jpg);
background-repeat: no-repeat;
}

.flipped
{
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	
}
.slider
{
	max-width:320px;
	max-height:350px;
	overflow:hidden;
}

:focus { outline: none }



/* ---------------Retailers------------ */

#retailers {
display:block;
width:888px;
height:186px;
margin:0 auto;
padding-top:25px;
background-image: url("img/r-background.jpg");
background-repeat:no-repeat;
text-align:center;
}

.retailer-logo {
display:inline-block;
width:195px;

margin:4px auto 0 auto;
padding:4px;
background-color:#FFEFFA;
}

.retailer-logo-1 {
background-color:transparent;
background-image: url("img/r-kidscentral.jpg");
display: block;
width: 185px;
height: 70px;
margin:5px auto;
}
.retailer-logo-2 {
background-image: url("img/r-letsdressup.jpg");
display: block;
width: 185px;
height: 70px;
margin:5px auto;
}
.retailer-logo-3 {
background-image: url("img/r-uncle-petes.jpg");
display: block;
width: 185px;
height: 70px;
margin:5px auto;
}
.retailer-logo-4 {
background-image: url("img/r-gas.jpg");
display: block;
width: 185px;
height: 70px;
margin:5px auto;
}
.retailer-logo-5 {
background-image: url("img/r-fairyjasmine.jpg");
display: block;
width: 185px;
height: 70px;
margin:5px auto;
}
.retailer-logo-6 {
background-image: url("img/r-fairyfantasy.jpg");
display: block;
width: 185px;
height: 70px;
margin:5px auto;
}
.retailer-logo-7 {
background-image: url("img/r-mymissymoo.jpg");
display: block;
width: 185px;
height: 70px;
margin:5px auto;
}
.retailer-logo-8 {
background-image: url("img/r-kidstuff.jpg");
display: block;
width: 185px;
height: 70px;
margin:5px auto;
}