/* CSS Document */

/*table{border-style:solid; border-width:1px; border-color:#FF0000}
div{border-style:solid; border-width:1px; border-color:#0000FF}
td{border-style:solid; border-width:1px; border-color:#48ff00}
.find_div{border-style:solid; border-width:1px; border-color:#ffcc00}*/

body{margin:0px; background-color:#8C6CAF}

p{font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; color:#FFFFFF}

h2{font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; color:#FFFFFF}



.shadow {
  line-height: 2em;
  white-space: nowrap;
  
}

.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_richard_header:before { content: 'THE AUTHOR - RICHARD HARTMAN'; }

#shadow_tina_header:before { content: 'THE ILLUSTRATOR - TINA PRESCOTT'; }

#games_header:before { content: 'Colour in your Curious friends!'; }

.footerText{font-size:10px; color:#FFFFFF}

.footerText a:link{color:#FFFFFF; text-decoration: underline}
.footerText a:hover{color:#FFFFFF; text-decoration: underline}
.footerText a:active{color:#FFFFFF; text-decoration: underline}
.footerText a:visited{color:#FFFFFF; text-decoration: underline}

.basketLink a:link{color:#000000; text-decoration: none}
.basketLink a:hover{color:#000000; text-decoration: underline}
.basketLink a:active{color:#000000; text-decoration: none}
.basketLink a:visited{color:#000000; text-decoration: none}

.homeLink a:link{color:#FFFF00; text-decoration: underline}
.homeLink a:hover{color:#FFFF00; text-decoration: underline}
.homeLink a:active{color:#FFFF00; text-decoration: underline}
.homeLink a:visited{color:#FFFF00; text-decoration: underline}


.contact_box{background-color:#aa95c7; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; font-size:16px; float:left; border:0; color:#FFFFFF}

.message_box_left{border-left-style:solid; border-left-width:2px; border-left-color:#b9b9b9}

.message_box_right{border-right-style:solid; border-right-width:2px; border-right-color:#b9b9b9}

.contentBorderLeft{border-left-style:solid; border-left-width:3px; border-left-color:#FFFF00}

.contentBorderRight{border-right-style:solid; border-right-width:3px; border-right-color:#FFFF00}

.contentBorderTop{border-top-style:solid; border-top-width:3px; border-top-color:#FFFF00}

.contentBorderBottom{border-bottom-style:solid; border-bottom-width:3px; border-bottom-color:#FFFF00}

.contentBorder{border-style:solid; border-width:3px; border-color:#FFFF00}

.aboutBorder{border-style:solid; border-width:3px; border-color:#8C6CAF}

.imageBorderLeft{border-left-style:dotted; border-left-width:5px; border-left-color:#FFFF00}

.about-margin{margin-left:38px}

.about-padding{padding-left:40px;}

.about-top-margin{margin-top:60px}

.games-title-margin{margin-left:18px;}

.shop-basket-card-margin{margin-top:10px}

.flash-makeup{height:70px}

.sizeLinks{color:#FFFF00; font-size:16px}

.sizeLinks a:link{color:#FFFF00; text-decoration: underline}
.sizeLinks a:hover{color:#FFFF00; text-decoration: underline}
.sizeLinks a:active{color:#FFFF00; text-decoration: underline}
.sizeLinks a:visited{color:#FFFF00; text-decoration: underline}


#home_button{
width: 120px;
}

* html #home_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 114px;
}

#home_button a{
background-image: url("../images/home_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #home_button a{ /*Non IE rule*/
width: auto;
}

#home_button a:hover{
background-image: url("../images/home_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}






#about_button{
width: 120px;
}

* html #about_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 114px;
}

#about_button a{
background-image: url("../images/about_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #about_button a{ /*Non IE rule*/
width: auto;
}

#about_button a:hover{
background-image: url("../images/about_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}




#shop_button{
width: 120px;
}

* html #shop_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 114px;
}

#shop_button a{
background-image: url("../images/shop_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #shop_button a{ /*Non IE rule*/
width: auto;
}

#shop_button a:hover{
background-image: url("../images/shop_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}




#books_button{
width: 120px;
}

* html #books_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 114px;
}

#books_button a{
background-image: url("../images/books_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #books_button a{ /*Non IE rule*/
width: auto;
}

#books_button a:hover{
background-image: url("../images/books_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}







#contact_button{
width: 120px;
}

* html #contact_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 114px;
}

#contact_button a{
background-image: url("../images/contact_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #contact_button a{ /*Non IE rule*/
width: auto;
}

#contact_button a:hover{
background-image: url("../images/contact_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}





#games_button{
width: 120px;
}

* html #games_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 114px;
}

#games_button a{
background-image: url("../images/games_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #games_button a{ /*Non IE rule*/
width: auto;
}

#games_button a:hover{
background-image: url("../images/games_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}






#large_text_button{
width: 120px;
}

* html #large_text_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 114px;
}

#large_text_button a{
background-image: url("../images/large_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #large_text_button a{ /*Non IE rule*/
width: auto;
}

#large_text_button a:hover{
background-image: url("../images/large_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}








#small_text_button{
width: 120px;
}

* html #small_text_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 114px;
}

#small_text_button a{
background-image: url("../images/small_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #small_text_button a{ /*Non IE rule*/
width: auto;
}

#small_text_button a:hover{
background-image: url("../images/small_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}






#viewbask_button{
width: 119px;
}

* html #viewbask_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 113px;
}

#viewbask_button a{
background-image: url("../images/viewbask_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #viewbask_button a{ /*Non IE rule*/
width: auto;
}

#viewbask_button a:hover{
background-image: url("../images/viewbask_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}




#back_button{
width: 119px;
}

* html #back_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 113px;
}

#back_button a{
background-image: url("../images/back_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #back_button a{ /*Non IE rule*/
width: auto;
}

#back_button a:hover{
background-image: url("../images/back_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}









#clearbask_button{
width: 119px;
}

* html #clearbask_button{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 113px;
}

#clearbask_button a{
background-image: url("../images/clearbask_button_off.gif"); 
background-repeat:no-repeat;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px;
padding-left: 4px;
display: block;
width:100%;
color:#FFFFFF;
text-decoration: none;
}

html>body #clearbask_button a{ /*Non IE rule*/
width: auto;
}

#clearbask_button a:hover{
background-image: url("../images/clearbask_button_on.gif"); 
background-repeat:no-repeat;
height:30px;
color:#000000;
}