/*
 *PINKBAMBOO COMMON9 CSS FILE
 *
 * Web Design by Webfountain
 * email:pete@webfountain.co.uk
 * http://www.webfountain.co.uk
 * 
 */

/* COMMON STYLE - DEFAULT TEXT SETTINGS*/

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	color: #336699;
	padding-left: 0px;
	line-height: 12pt;
}





body {
	background-color: #B3C8DF;
	background-image: url(file:///D|/webfountain/cpc/cpc_local/images/grey_grad_bgnd.gif);
	
}


h1 {
	color: #224466;
	text-decoration:none;
	font-weight: normal;
	font-size: 100%;
	text-align: left;	
}

h2 {
	color: #999999;
	text-decoration:none;
	font-weight: normal;
	font-size: 100%;
}

h3 {
	color: #0066CC;
	text-decoration:none;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
}

.date_format {
	color: #0066CC;
	text-decoration:none;
	font-weight: bold;
	font-size: 90%;
	text-align: left;
}

.selected {
	color: #CCCCCC;
	
	
	
}


.bullet-indent{
margin-left:10px;
}

/* DIV - ID DEFINITIONS AND STYLES */

#wrapper {
	width:779px;
	height:500px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -283px;
	margin-left: -390px;
	
	visibility: visible;
	
	z-index:1;
	background-repeat: no-repeat;
	background-color: #ffffff;
	
	}









#main {
	width:780px;
	height:540px;
	
	background: #ffffff;
	text-align: left;
	}
	
#workspace{
	width:780px;
	height:566px;
	background: #ffffff;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 0px;
	}
	
#content_1 {
	width:780px;
	background: #ffffff;
	height: 398px;
	background-color: #FFFFFF;
	
	position: absolute;
	top: 94px;
	left: 0px;
	}

#content_2 {
	width:780px;
	background: #ffffff;
	text-align: left;
	height: 400px;
	background-color: #FFFFCC;
	
	}
	
#content_3 {
	width:780px;
	background: #ffffff;
	text-align: left;
	height: 400px;
	background-color: #FFFFCC;

	}
	
#content_4 {
	width:780px;
	background: #ffffff;
	text-align: left;
	height: 400px;
	background-color: #FFFFCC;

	}




#header{
	width: 780px;
	height: 60px;
	background-color: #ffffff;
	}
		
	
#header_logo{
	width: 550px;
	height: 60px;
	background-position: 0px 0px;
	background-image: url(../../images/cpc-logo.jpg);
	background-color: #FFFFFF;
	position: absolute;
	left: 4px;
	top: 0px;
	}
	
#header_strapline{
	width: 228px;
	height: 60px;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	background-image: url(../girl_clothes_clothing/images/girl_clothes_clothing_text.jpg);
	position: absolute;
	top: 0px;
	left: 552px;
	}
	
#header_1_3_3{

	width: 60px;
	height: 60px;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	float:right;
	padding-bottom: 2px;	
	}
	
#header_1_3_4{
	width: 60px;
	height: 60px;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	float:right;
	padding-bottom: 2px;	
	}

	
#topmenubar,#botmenubar {
	padding-left: 0px;
	color: #999999;
	border-top: 0px;
	border-top-color: #ffffff;
	border-top-style: solid;
	padding-top: 5px;
	font-size: 90%;
	height: 20px;
	background-color: #FFFFFF;
	text-align: center;
	width: 772px;
	position: absolute;
	z-index: 12018;
	}

#topmenubar {
	left: 0px;
	top: -32px;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
	border-bottom-style: solid;
	font-size: 90%;
	padding-left: 8px;
	text-align: left;
	color: #999999;
	}
	
#botmenubar {
	left: 0px;
	top: 405px;
	border-top-width: 1px;
	color: #999999;
	text-align: left;
	padding-left: 8px;
	left: 0px;
	border-top-style: solid;
	border-color: #cccccc;
	}

	
#topmenubar a:link,#topmenubar a:visited,#botmenubar a:link,#botmenubar a:visited{
	color: #336699;
	text-decoration: none;
	font-weight: normal;
	}

#topmenubar a:hover,#botmenubar a:hover {
	color: #6699FF;	
	text-decoration: none;
	font-weight: normal;
	}
	
#alt-site{
	position:absolute;
	left:595px;
	top:-53px;
	width:119px;
	height:25px;
	padding: 5px;
	text-align: right;
	z-index: 1;
}

#content_left_1 {
	width: 290px;
	height: 395px;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	font-size:90%;
	text-align: center;
	position: absolute;
	left: 141px;
	top: 0px;
	padding-top: 5px;
	z-index: 12011;
	}
		
#content_left_1 a:link ,#content_left_1 a:visited{
	color: #999999;
	text-decoration: none;	
	}

#content_left_1 a:hover {
	color: #003399;	
	text-decoration: none;	
	}
	

#content_right_1 {
	width: 348px;
	height: 393px;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	font-size:90%;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	position: absolute;
	left: 431px;
	top: 3px;
	color: #999999;
	z-index: 12008;
	}
		

#content_right_1 a:link , #content_right_1 a:visited{
	color: #dd15ba; 
	text-decoration:none;	
	font-weight: normal;
	}
	
#content_right_1 a:hover {
	color: #003399;	
	text-decoration: none;
	font-weight: normal;	
	}
	
	
	
	
	
	
#bin_2 {
	width: 225px;
	height: 200px;
	background-color: #000146;
	background-position: 0px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-size:80%;
	text-align: center;
	position: absolute;
	top: 150px;
	left: 288px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	
	}	
	
#contact {
	width: 225px;
	height: 200px;
	background-color: #6A7FAA;
	background-position: 0px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-size:80%;
	text-align: center;
	position: absolute;
	top: 150px;
	left: 555px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	color: #000146;
	}

#contact a:link{
	color: #FFFFFF;
	text-decoration: none;	
	}
#contact a:visited {
	color: #FFFFFF;
	text-decoration: none;	
	}
#contact a:hover {
	color: #666666;	
	text-decoration: underline;	
	}




#spacer1{
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-size: 90%;
	text-decoration: none;
	background-color: #FFFFFF;
	height:1px;
	border-top: 0px;
	border-top-style: solid;
	width: 780px;
}			

#spacer5{
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	font-size: 90%;
	text-decoration: none;
	background-color: #FFFFFF;
	height:5px;
	border-top: 0px;
	border-top-style: solid;
}			
#spacer10{
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	font-size: 90%;
	text-decoration: none;
	background-color: #FFFFFF;
	height:10px;
	border-top: 0px;
	border-top-style: solid;
}			

#navbarleft{
	margin: 0;
	background-color: #FFFFFF;
	border-bottom: 1px solid #ffffff;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #cccccc;
	font-size: 70%;
	width:140px;
	height: 395px;
	padding-top: 0px;
	position: absolute;
	top: 0px;
	z-index: 12006;
	color:#999999;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	left: 0;
	
	}
	
	
	
	
/* NAVLAYERS - cascading! */
#navbarleft_l1,#navbarleft_l2,#navbarleft_l3,#navbarleft_l4,#navbarleft_l5,#navbarleft_l6,
#navbarleft_l7,#navbarleft_l8,#navbarleft_l9,#navbarleft_l10,#navbarleft_l11,#navbarleft_l12
{
	
	border: solid #cccccc 1px;
	background-color: #FFFFFF;
	
	
	width:60px;
	height:60px;
	
	text-align: center;
	padding-top: 0px;
	
	
	}
	

#navbarleft_l1{
	position:absolute;
	top: 4px;
	left: 8px;
	z-index: 4010;
	}
	
#navbarleft_l1_con {
	position:absolute;
	left:8px;
	top:10px;
	width:45px;
	height:40px;
	z-index:4011;
}	
	
	
	
#navbarleft_l2{
	position:absolute;
	top: 69px;
	left:8px;
	z-index: 4020;
	}
	
#navbarleft_l3{
	position:absolute;
	top: 134px;
	left:8px;
	z-index: 4030;
	}	
		
#navbarleft_l4{
	position:absolute;
	top: 199px;
	left:8px;
	z-index: 4040;
	}	
	
#navbarleft_l5{
	position:absolute;
	top: 264px;
	left: 8px;
	z-index: 4050;
	}	

#navbarleft_l6 {
	position:absolute;
	top: 329px;
	left:8px;
	z-index: 4060;
	}	
	
#navbarleft_l7{
	position:absolute;
	top: 4px;
	left:73px;
	z-index: 4070;
	}
	
#navbarleft_l8{
	position:absolute;
	top: 69px;
	left:73px;
	z-index: 4070;
	}	
	
#navbarleft_l1_con, #navbarleft_l2_con,#navbarleft_l3_con,#navbarleft_l4_con,#navbarleft_l5_con,#navbarleft_l6_con,
#navbarleft_l7_con,#navbarleft_l8_con,#navbarleft_l9_con,#navbarleft_l10_con,#navbarleft_l11_con,#navbarleft_l12_con
{
	position:absolute;
	left:3px;
	top:10px;
	width:55px;
	height:40px;
}		


	

	

#navbarleft a:link ,#navbarleft a:visited{
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	font-size: 75%;
	line-height: 8pt;
	}

#navbarleft a:hover {
	color: #dd15ba;
	text-decoration: none;
	font-weight: normal;
	font-size: 75%;
	line-height: 8pt;
	text-align: center;
	}

#footer {
	background-color: #FFFFFF;
	color: #999999;
	position: absolute;
	top: 426px;
	left: 0px;
	text-align: right;
	font-size: 80%;
	width: 772px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;
	border-top: solid #999999 1px;
	z-index: 12017;
	}
	
#footer a:link , #footer a:visited{
	background-color: #FFFFFF;
	color: #000000;
	font-size: 100%;
	text-decoration: none;	
	}
	
#footer a:hover {
	background-color: #FFFFFF;
	color: #3366CC;	
	font-size: 100%;
	text-decoration: none;
	}
	
	



#footer_copyright  {
	width: 780px;
	text-align: center;
	font-size: 90%;
	border-top-style: solid;
	border-top-color: #999999;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	
	padding-top: 1px;
	padding-bottom: 1px;
	height: 20px;
	}
	
#footer_copyright  a:link {
	color: #000000;
	font-size: 90%;
	text-decoration: none;	
	}

#footer_copyright a:visited {
	color: #005655;
	font-size: 90%;
	text-decoration: none;	
	}
#footer_copyright a:hover {
	color: #666666;	
	font-size: 90%;
	text-decoration: underline;
	}
	
		
	
	
	
	


	
	#copyright {
	width: 160px;
	background-color: #ffffff;
	background-position: 0px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size:80%;
	text-align: left;
	float:left;
	font-style: normal;
	color: #cccccc;
	visibility: visible;
	height: 18px;
	}
	
#copyright a:link,#copyright a:visited {
	color: #666666;
	font-size: 100%;
	background-color: #FFFFFF;
	text-decoration:none ;
}	

#copyright a:hover {
	color: #cccccc;
	font-size: 100%;
	background-color: #FFFFFF;
	text-decoration: underline;

}	
		
#wf_credit {
	width: 190px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size:80%;
	text-align: right;
	float:right;
	font-style: normal;
	color: #cccccc;
	height: 18px;
	clear: right;
	}
	
#wf_credit a:link , #wf_credit a:visited {
	color: #999999;
	font-size: 100%;
	background-color: #FFFFFF;
	text-decoration: none;
}	

#wf_credit a:hover {
	color: #666666;
	font-size: 100%;
	background-color: #FFFFFF;
    text-decoration: underline;
}	
	
#keywords {
	text-align: center;
	font-size: 70%;
	border-top-style: solid;
	border-top-color: #ffffff;
	width: 780px;
	border-top-width: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 448px;
	color: #CCCCCC;
	z-index: 4;
	}
	

	#sitemap {
	position:absolute;
	left:668px;
	top:4px;
	width:108px;
	height:19px;
	z-index:11;
}
#sizelist {
	position:absolute;
	left:78px;
	top:7px;
	width:70px;
	height:70px;
	z-index:11;
}

#availlist {
	position:absolute;
	left:162px;
	top:7px;
	width:125px;
	height:70px;
	z-index:12;
}

#index_left_1
{
	width: 390px;
	height: 395px;
	background-color: #FFFFFF;
	font-size:90%;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 0px;
	border-right: solid #cccccc 1px;
	padding: 5px;
	z-index: 12040;
	padding-bottom: 0px;
}
		
#index_right_1
{
	width: 384px;
	height: 395px;
	background-color: #FFFFFF;
	font-size:90%;
	text-align: left;
	position: absolute;
	left: 396px;
	top: 0px;
	color: #999999;
	z-index: 12050;
	padding-top: 5px;
	border-left: solid #dddddd 1px;
}

#slideshow {
	position:absolute;
	width:380px;
	height:231px;
	z-index:12053;
	top: 40px;
	left: 5px;
	text-align: center;
	margin-left: 0;auto;
auto; 
}
#index_right_1_text {
	position:absolute;
	width:370px;
	height:396px;
	z-index:12052;
	left: 7px;
	top: 0px;
}

#index_right_1 a:link, #index_right_1 a:visited {
	color: #6699FF;
	text-decoration: none;	
}

#index_right_1 a:hover {

	color: #336699;	
	text-decoration: underline;	
}





#index_left_1_text {
	position:absolute;
	width:380px;
	height:37px;
	z-index:12052;
	left: 5px;
	top: 0px;
}
#index_left_2_text {
	position:absolute;
	width:380px;
	height:127px;
	z-index:12052;
	left: 5px;
	top: 271px;
	text-align: left;
}


#center-the-image {
	width:50%;
	height:204px;
	position: absolute;
	top: 50%;
	left: 228px;
	margin-top: -102px;
	margin-left: -190px;
	
	visibility: visible;
