/*
 *CHILDREN'S PICTURE COMPANY picture CSS FILE
 *
 * Web Design by Webfountain
 * email:pete@webfountain.co.uk
 * http://www.webfountain.co.uk
 * 
 */

/* CSS for ADMIN pages - Girl's & Women's */


.indent
{
	padding-left: 30px;
	color: #666666;
}


img.centeredImage
    {
    
    display:block;
	margin-left:auto;
	margin-right:auto
    }


#category 
{
	width: 780px;
	height: 395px;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	font-size:90%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 5px;

	border-left: solid #cccccc 1px;	
	border-right: solid #cccccc 1px;	
	
	
}


#category_text
{
	width: 260px;
	height: 395px;
	background-color: #FFFFFF;
	font-size:90%;
	text-align: left;
	position: absolute;
	left: 0px;
	top: -2px;
	padding: 5px;
	z-index: 9001;
	border-right: solid #cccccc 1px;
	

}
	

#p1, #p2,#p3, #p4, #p5, #p6 ,#p7,#p8,#p9,#p10
{
	width: 503px;
	height: 400px;
	background-color: #FFFFFF;
	font-size:90%;
	text-align: center;
	padding: 0px;
	position: absolute;
	left: 277px;
	top: 0px;
	color: #999999;
	z-index: 9897;
	visibility: hidden;
	
	text-align: center;
    vertical-align: middle;
display:table-cell;
	
}

#p1
{
	z-index: 9899;
	visibility: visible;
	padding: 0;
}

#p2
{
	z-index: 9897;
}

#p3
{
	z-index: 9896;
}

#p4
{
	z-index: 9895;
}

#p5
{
	z-index: 9894;
}


#p6
{
	z-index: 9893;
}

#p7
{
	z-index: 9892;
}

#p8
{
	z-index: 9891;
}

#p9
{
	z-index: 9890;
}

#p10
{
	z-index: 9889;
}
#p1_image, #p2_image,#p3_image, #p4_image, #p5_image,#p6_image,#p7_image, #p8_image, #p9_image,#p10_image 
{
	width: 460px;
	height: 320px;
	background-color: #FFFFFF;
	font-size:90%;
	padding: 0px;
	position: absolute;
	left: 16px;
	top: 0px;
	color: #999999;
	padding-top: 5px;
}


#p1_image, #p2_image,#p3_image, #p4_image, #p5_image,#p6_image,#p7_image, #p8_image, #p9_image,#p10_image 
{
	
}



#picture_right_image
{
	width: 504px;
	height: 40px;
	background-color: #FFFFFF;
	text-align:centre;
	position: absolute;
	left: 7px;
	top: 4px;
	color: #999999;
	visibility:visible;

		
}



#p1_text,#p2_text,#p3_text,#p4_text,#p5_text,#p6_text,#p7_text,#p8_text,#p9_text,#p10_text
{
	width: 331px;
	height: 25px;
	background-color: #FFFFFF;
	font-size:90%;
	text-align: left;
	padding: 5px;
	position: absolute;
	left: 8px;
	top: 331px;
	color: #999999;

	
}


#p1_control
{
	width: 493px;
	height: 30px;
	background-color: #FFFFFF;
	font-size:90%;
	text-align: left;
	padding: 5px;
	position: absolute;
	left: 276px;
	top: 361px;
	color: #999999;
	z-index: 9999;
	visibility: visible;

	
}
#enlarge_text, #p2_next,#p3_next,#p4_next,#p5_next,#p6_next{
	position:absolute;
	left:391px;
	top:1px;
	width:113px;
	height:30px;
	text-align: center;
	font-size: 80%;
	z-index: 3;
}

#display-box {
	position:absolute;
	left:76px;
	top:4px;
	width:350px;
	height:20px;

	text-align: center;
}


#move_text,#p2_back,#p3_back,#p4_back,#p5_back,#p6_back{
	position:absolute;
	left:12px;
	top:1px;
	width:109px;
	height:30px;
	text-align: center;
	font-size: 80%;
	z-index: 6;
}






#sitemap_left_1
{
	width: 390px;
	height: 395px;
	background-color: #FFFFFF;
	font-size:90%;
	text-align: left;
	position: absolute;
	left: 00px;
	top: 0px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	padding: 5px;
	

}
		

#picture_1 a:link ,#picture_1 a:visited,	
#picture_left_1 a:link ,#picture_left_1 a:visited,
#picture_right_1 a:link , #picture_right_1 a:visited,		
#sitemap_left_1 a:link ,#sitemap_left_1 a:visited,
#sitemap_right_1 a:link , #sitemap_right_1 a:visited
{
	color: #000000;
	text-decoration: none;	
}

#picture_1 a:hover,
#picture_left_1 a:hover, #picture_right_1 a:hover,
#sitemap_left_1 a:hover, #sitemap_right_1 a:hover
{
	color: #336699;	
	text-decoration: none;	
}

#p1_squares
{
	width: 265px;
	height: 22px;
	background-color: #ffffff;
	color:#cccccc;
	position: absolute;
	top: 3px;
	left: 124px;
	text-align: center;
	z-index: 4;
	}

#p1_s1, #p1_s2, #p1_s3,#p1_s4,#p1_s5, #p1_s6, #p1_s7,#p1_s8,#p1_s9, #p1_s10
 {
	width: 20px;
	height: 20px;
	color: #ffffff;
	border: solid #000000 1px;
	font-size:80%;
	text-align: center;
	position: absolute;
	top: 2px;
	visibility: visible;
	
	}
	
#p1_s1
{
	left: 0px;
	}
	
#p1_s2
 {
	left: 27px;
	}
	
#p1_s3
 {
	left: 54px;
	}

#p1_s4
 {
	left: 81px;
	}
	
#p1_s5
 {
	left: 108px;
	}
	
#p1_s6
 {
	left: 135px;
	}
	
#p1_s7
 {
	left: 162px;
	}
	
#p1_s8
 {
	left: 189px;
	}
		
	#p1_s9
 {
	left: 216px;
	}
	
#p1_s10
 {
	left: 243px;
	}
		
	
	
	
	
	
	
	
.sq_on {
	background-color: #0066CC;
}
	
.sq_off {
	background-color: #9999FF;
}
	
.control_ind {
	text-decoration: none;
	color: #9999FF;
}

#pagenav {
	position:absolute;
	width:151px;
	height:26px;
	z-index:5;
	left: 345px;
	top: -32px;
	padding: 4px; 
	font-size: 80%;
}

#pagenav a:hover {
	color: #6699FF;	
	text-decoration: none;	
	font-size: 100%;
}

#pagenav a:link, #pagenav a:visited, #pagenav a:active {
	color: #336699;	
	text-decoration: none;	
	font-size: 100%;
}









#pagenav_box {
	position:absolute;
	width:55px;
	height:20px;
	left: 80px;
	top: 1px;
	text-align: center;
	font-size: 100%;
	z-index: 1;
}



#pagenav1 {
	position:absolute;
	width:15px;
	height:15px;
	left: 4px;
	top: 3px;
	font-size: 100%;
}

#pagenav2 {
	position:absolute;
	width:15px;
	height:15px;
	
	left: 20px;
	top: 3px;
	font-size: 100%;
}
#pagenav3 {
	position:absolute;
	width:15px;
	height:15px;
 
	left: 36px;
	top: 3px;
	font-size: 100%;
}

#pagenav1 a:hover, #pagenav2 a:hover,#pagenav3 a:hover{
	color: #6699FF;	
	text-decoration: none;	
	font-size: 100%;
}

#pagenav1 a:link, #pagenav1 a:visited, #pagenav1 a:active,
#pagenav2 a:link, #pagenav2 a:visited, #pagenav2 a:active,
#pagenav3 a:link, #pagenav3 a:visited, #pagenav3 a:active {
	color: #336699;	
	text-decoration: underline;	
	font-size: 100%;
}