/*STYLE SHEET FOR PETERCOXDESIGN.CO.UK */
/* LAST EDITED BY: PETER COX */

/* 14_pcds_global.css v16.0 (23.01.16) */
/* W3C validated 20.09.14 */



/* zero everything from browser defaults. Don't put list selectors in here */
html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, td, tr, blockquote q { 
margin: 0; 
padding: 0; 
border: 0;
outline:0;
}

/* Force the display of right-hand scroll bar on every page */
html { 
	min-height:100%; 
	padding-bottom:50px;
	/*border:1px solid black;*/ 
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#000000;
	background-image:url(/images14/gif/bghorizon4.gif);
	background-position:top left;
	background-position:0px -50px;
	background-repeat:repeat-x;
	background-color:#e5e5e5;
	}

.clear {
	clear:both;
	font-size:0;
	line-height:0
	}

#accessbar {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	}
	
#accessmenu { 
	min-width:500px;
	width:800px;
	max-width:960px;
	margin:auto;
	height:1.4em;
	/*border:1px solid #000;*/
	}

#accessmenu ul {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
	/*margin-left:150px;*/
	margin-left:135px;
	/*border:1px solid teal;*/
	}
#accessmenu ul li {
	display:inline;
	position:relative;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #666666;
	border-left:1px solid #666699;
	}
	
#accessmenu ul li:first-child {	
	border-left:0px;
	}
	
#accessmenu li a, #accessmenu li a:visited {
	color:#3058bd;
	color:#1e47c0;
	color:#b3cce7;
	color:#3f629d;
	margin-left:0;
	text-decoration:none;	
	}	
#accessmenu li a:hover, #accessmenu li a:focus {
	color:#006eff;
	text-decoration:none;	
	}
	
#pagewrapper {
	float:none;
	width:800px;
	margin:auto;
	min-height:460px;
	/*border:1px solid red;*/
	}
	
	
#basearea {
	position:relative;
	width:960px;
	min-height:500px;
	margin:auto;
	margin-top:5px;
	overflow:visible;
	background-image:url(/images/gifs/14marginbg.gif);
	background-repeat:repeat-y;
	background-position:top left;
	/*border:1px solid magenta;*/
	}
	
#leftMargin {
	position:relative;
	float:left;
	width:10px;
	height:100%;
	background-color:#342673;
	/*border:1px solid teal;*/
	}
	
#badgeColumn {
	position:relative;
	float:left;
	width:100px;
	height:100%;
	margin-left:10px;
	background-color:#3f629d;
	}
	
#sqcolumn {
	position:relative;
	float:left;
	/*left:-60px;*/
	width:60px;
	height:auto; /* this needs to expand to fill available */
	margin-top:15px;
	margin-left:20px;
	/*margin-right:90px;*/
	/*background-color:#00FFCC;*/
	}
	
#sqcolumn ul {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	}
	
#sqcolumn ul li {
	float:left;
	}	

.badgesquare { /* This is a link class */
	float:left;
	position:relative;
	top:-9px;
	left:-10px;
	width:81px;
	height:80px;
	background-color:transparent;
	background-image:url(/images/png24/pcdsbadge.png);
	}


.contactsquare { /* This is a link class */
	float:left;
	position:relative;
	/*top:-9px;*/
	/*margin-bottom:10px;*/
	left:-8px;
	width:74px;
	height:74px;
	background-color:transparent;
	background-image:url(/images09/png24/contactsprite.png);
	background-position:top left;
	}

.contactsquare:active, .contactsquare:hover, .contactsquare:focus {
	background-image:url(/images09/png24/contactsprite.png);
	background-position:bottom left;
	}

.aboutsquare { /* This is a link class */
	float:left;
	position:relative;
	top:-5px;
	left:-8px;
	width:74px;
	height:74px;
	background-color:transparent;
	background-image:url(/images09/png24/aboutsprite.png);
	background-position:top left;
	}

.aboutsquare:active, .aboutsquare:hover, .aboutsquare:focus {
	background-image:url(/images09/png24/aboutsprite.png);
	background-position:bottom left;
	}


.locationsquare { /* This is a link class */
	float:left;
	position:relative;
	top:-10px;
	left:-8px;
	width:74px;
	height:74px;
	background-color:transparent;
	background-image:url(/images09/png24/locationsprite.png);
	background-position:top left;
	}

.locationsquare:active, .locationsquare:hover, .locationsquare:focus {
	background-image:url(/images09/png24/locationsprite.png);
	background-position:bottom left;
	}


#menuContainer {
	position:relative;
	float:right;
	width:840px;
	/*border:1px solid yellow;*/
	}



#contentWrapper {
	position:relative;
	float:left;
	width:708px;
	min-height:200px;
	height:100%;
	/*line-height:0;*/
	/*height:200px;*/ /* Lose this later*/
	/*background-image:url(/images08/gif2/white75.gif);*/
	/*margin:0;*/
	/*padding:0;*/
	margin-top:50px;
	margin-left:80px;
	background-color:#FFFFFF;
	opacity:.80;
	/*border:1px dashed #342673;*/
	}
	
.siteMap #contentWrapper {
	position:relative;
	float:left;
	width:710px;
	min-height:200px;
	/*height:100%;*/
	/*line-height:0;*/
	/*height:200px;*/ /* Lose this later*/
	/*background-image:url(/images08/gif2/white75.gif);*/
	/*margin:0;*/
	/*padding:0;*/
	margin-top:50px;
	margin-left:80px;
	background-color:transparent;
	/*opacity:.80;*/
	/*border:1px dashed #342673;*/
	}


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ INTRO BOXES & HEADINGS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ INTRO BOXES & HEADINGS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

	
#introBoxWrapper, .mainTextIndex {
	position:relative;
	float:right;
	width:680px;
	margin-top:0px;
	margin-right:60px;
	/*margin-bottom:30px;*/
	/*margin-bottom:-50px;*/
	/*font-size:1.1em;*/
	line-height:1.6em;
	/*border:1px dashed black;*/
	}
	

h1 {
	padding-top:10px;
	padding-bottom:10px;
	font-size:2.5em;
	line-height:1.5em;
	font-weight:normal;
	color:#006eff;
	color:#342673;
	}

.error h1 {
	position:relative;
	margin-top:130px;
	color:#342673;
	font-size:1.5em;
	}
	
.error h2 {
	margin-top:20px;
	color:#222222;
	font-size:1.2em;
	}


h3 {
	padding-top:10px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	color:#3f629d;
	}


.index #intro { /* Specific to index page - not sure why */
	display:block;
	width:280px;
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:9px;
	/*margin-left:100px;*/ /* this is additional to other introBoxes */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.76em;
	font-size:1.2em;
	line-height:1.8em;
	font-style:italic;
	color:#000000;
	background-color:transparent;
	border:1px solid teal;
	}



#introBox {
	display:block;
	width:280px;
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:9px; /* To align with 1st pic & slider */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.76em;
	font-size:1.2em;
	line-height:1.8em;
	font-style:italic;
	color:#000000;
	background-color:transparent;
	/*border:1px solid red;*/
	}
	
#introBox2 {
	display:block;
	width:150px;
	padding:3px;
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:60px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-size:1.0em;
	line-height:1.4em;
	font-style:normal;
	color:#000000;
	/*background-color:#eeeeee;
	border:3px solid #eeeeee;*/
	background-image:url(/images14/png/20whitebg.png);
	background-repeat:repeat;
	/*opacity:.60;*/
	/*border:1px solid red;*/
	}
	
#introBox2 a {
	color:#3f629d;
	text-decoration:none;
	}

#introBox2 a:hover, #introBox2 a:focus {
	color:#000000;
	text-decoration:underline;
	}
	
#introBox3 {
	display:block;
	width:150px;
	padding:3px;
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-size:1.0em;
	line-height:1.4em;
	font-style:normal;
	color:#000000;
	/*background-color:#eeeeee;*/
	/*border:3px solid #eeeeee;*/
	/*opacity:.60;*/
	background-image:url(/images14/png/20whitebg.png);
	background-repeat:repeat;
	/*z-index:10;*/
	/*border:1px solid red;*/
	}	
	

#introCol2 {
	position:relative;
	float:right;
	margin-right:15px;
	width:237px;
	border-top:1px solid #006eff;
	padding-top:10px;
	margin-top:10px;
	}


.feature {
	position:relative;
	/*opacity:1;*/
	/*z-index:100;*/
	}


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ END INTRO BOXES \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ END INTRO BOXES \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */



#portfolioinfo a, #portfolioinfo a:visited, #portfolioinfo a:active {
	color:#fff;
	text-decoration:underline;
	}
#portfolioinfo a:hover, #portfolioinfo a:focus {	
	color:#fff;
	text-decoration:underline;
	}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SITE MAP \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ SITE MAP \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */	

/* See also .contentWrapper above */


#siteMapCol1 {
	position:relative;
	float:left;
	top:50px;
	left:24px;
	width:210px;
	min-height:300px;
	background-color:#FFFFFF;
	opacity:.80;
	}
	
#siteMapCol2 {
	position:relative;
	float:left;
	top:50px;
	left:24px;
	margin-left:28px;
	width:210px;
	min-height:300px;
	background-color:#FFFFFF;
	opacity:.80;
	}
	
#siteMapCol3 {
	position:relative;
	float:left;
	top:50px;
	left:24px;
	margin-left:28px;margin-bottom:50px;
	width:210px;
	min-height:300px;
	background-color:#FFFFFF;
	opacity:.80;
	}


/* /////////////////////////////// CHOOSER STYLING ///////////////////////////////////*/
/* /////////////////////////////// CHOOSER STYLING ///////////////////////////////////*/


#chooserwrapper {
	position:relative;
	float:left;
	width:708px;
	line-height:0;
	/*height:200px;*/ /* Lose this later*/
	margin:0;
	padding:0;
	margin-top:50px;
	margin-left:80px;
	/*border:1px dashed #342673;*/
	}
	
#choosertop {
	position:relative;
	height:18px;
	}
	
#choosercentre {
	position:relative;
	float:left;
	width:690px;
	/*width:710px;*/
	min-height:166px; /* Lose this later*/
	min-height:170px;
	background-image:url(/images14/gif/chooser-rhedge.gif);
	background-position:right;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	opacity:.80;
	border-left:18px solid #342673;
	}
	
#choosercentre p {
	position:relative;
	width:670px;
	margin-left:10px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#000000;
	background:none;
	}
	
	
	#chooserwindow {
		position:absolute; /* original */
		position:relative;
		top:-162px;
		margin-bottom:-184px;
		left:18px;
		width:672px; /* original */
		/*width:600px;*/
		/*width:684px;*/
		height:184px; /* original */
		/*height:190px;*/
		/*height:100px;*/
		height:180px;
		background-color:transparent;
		color:#342673;
		overflow:auto;
		/*border:1px dotted red;*/
		}
		
		#chooserstage {
			position:relative;
			width:2000px;
			height:120px;
			text-align:left;
			background-color:transparent;
			color:#342673;
			}
		#chooserstage img {
			position:relative;
			float:left;
			margin-right:20px;
			margin-left:20px;
			max-height:160px;
			}
	
	.imgContainer {
		position:relative;
		float:left;
		height:160px;
		background-color:#3f629d;
		margin-left:20px;
		margin-right:20px;
		}
	
	
#chooserbottom {
	position:relative;
	height:18px;
	}





img.prompt {
	margin-right:5px;
	}
	

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ CONTACT FORM \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ CONTACT FORM \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#mainText { /* Contains form - needs to be phased out */
	position:relative;
	float:right;
	width:640px;
	margin-bottom:30px;
	margin-right:40px;
	font-size:1.1em;
	line-height:1.6em;
	/*border:1px dotted magenta;*/
	}


#contactForm {
	width:444px;
	width:454px;
	margin:auto;
	margin-top:20px;
	margin-bottom:40px;
	/*background-image:url(/images12/png/navDropBackground.png);*/
	/*background-repeat:repeat;*/
	/*border:1px solid red;*/
	}	
.formDiv {
	float:left;
	width:100%;
	text-align:center;
	font-size:1.1em; 
	line-height:1.4em; 
	color:#ffffff;
	margin-top:2px;
	margin-bottom:2px;
	border:1px solid #342673;
	background-color:#3f629d;
	}
label {
	display:block;
	float:left;
	text-align:left;
	/*width:170px;*/
	width:150px;
	margin-left:20px;
	margin-top:5px;
	/*border:1px dotted blue;*/
	}
	
.formTextField {
	float:right;
	width:266px;
	width:276px;
	font-family:Verdana, Arial, Helvetica, san-serif;
	font-size:1.1em; 
	line-height:1.8em;
	border:2px solid #3f629d;
	}
	
.formTextArea {
	float:right;
	width:266px;
	width:276px;
	font-family:Verdana, Arial, Helvetica, san-serif;
	font-size:1.1em; 
	line-height:1.8em;
	border:2px solid #3f629d;
	}
	
.formRed {
	color:#FF0000;
	color:#342673;
	color:#000000;
	color:#adcaea;
	font-size:xx-small;
	margin-left:5px;
	}
	
	

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ANCILLARY PAGES \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ANCILLARY PAGES \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#ancillary {
	float:left;
	display:block;
	position:relative;
	width:70%;
	margin-left:-40px;
	font-size:1.1em;
	line-height:1.6em;
	border:0px dashed red;
	}

#ancillary h1 {
	float:left;
	display:block;
	position:relative;
	width:100%;
	padding-left:0;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.8em;
	color:#342673;
	border:0px dotted yellow;
	}
	
#ancillary h3 {
	color:#342673;
	font-weight:normal;
	}
	
#ancillary p, .ancillary p, .about p {
	margin-top:10px;
	color:#000066;
	color:#000000;
	color:#333333;
	color:#222222;
	color:#111111;
	}

#ancillary a, #ancillary a:visited, #ancillary a:active {
	color:#fff;
	color:#006eff;
	color:#7fb6ff;
	color:#342673;
	color:#222222;
	text-decoration:underline;
	}

#ancillary a:hover, #ancillary a:focus  {
	color:#000;
	color:#342673;
	text-decoration:underline;
	}



/* //////////////////////////////// FOOTER STUFF ///////////////////////////////////*/
/* //////////////////////////////// FOOTER STUFF ///////////////////////////////////*/



#bottomk {
	float:left;
	width:100%;
	min-height:100px;
	background-color:#000;
	}
	
#footerwrapper {
	width:800px;
	margin:auto;
	min-height:100px;
	color:#006eff;
	color:#3058bd;
	color:#1e47c0;
	font-size:0.9em;
	line-height:1.6em;
	padding-top:5px;
	border:0px solid #666666;
	}
	
.homepage #footerwrapper {
	position:relative;
	top:-44px;
	width:800px;
	margin:auto;
	min-height:56px;
	color:#006eff;
	font-size:0.9em;
	padding-top:5px;
	border:0px solid #666666;
	}
	
	
#nominetlogo {
	float:right;
	}
	
/* 08footer.css v1.0 (31.03.08) */
/* W3C validated dd.mm.07 */


	
#footer {
	position:relative;
	/*float:left;*/
	float:right;
	/*top:-80px;*/
	margin-top:50px;
	margin-right:auto;
	margin-right:55px;
	margin-bottom:10px;
	margin-left:auto;
	width:900px;
	width:708px;
	width:700px;
	/*height:2.0em;*/
	padding-top:5px;
	padding-top:15px;
	padding-bottom:3px;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:0.6em;
	font-size:1.0em;
	font-weight:normal;
	color:#666666;
	color:#49649F;
	/*border:1px solid red;*/
	border-top:5px solid #342673;
	border-top:5px solid #4065a0;
	}
	
#leftWrapper {
	position:relative;
	margin-left:10px;
	}
	
#footer .blue {
	color:#49649F;
	}
#footer .grey {
	display:block;
	float:left;
	color:#666666;
	background-color:transparent;
	margin-top:5px;
	margin-right:10px;
	}	
#footer ul {
	list-style-type:none;
	float:left;
	display:block;
	background-color:transparent;
	margin-top:5px;
	color:#666666;
	}
#footer li {
	display:inline;
	border-left:1px solid #666666;
	padding:0 5px 0 5px;
	}	
	
#footer a {
	color:#3f629d;
	text-decoration:none;
	}

#nominet {
	position:relative;
	float:right;
	top:-36px;
	right:-15px;
	/*border:1px solid #000000;*/
	}
	
#wai {
	position:relative;
	float:right;
	top:-11px;
	height:26px;
	}
	
#css {
	position:relative;
	float:right;
	top:-12px;
	right:-10px;
	}
	
#xhtml {
	position:relative;
	float:right;
	top:-12px;
	right:-10px;
	width:67px;
	}
	
	
/*#standardsbar {
	width:100%;
	height:2em;
	color:#000000;
	background-color:#ffffff;
	margin-top:100px;
	}*/
	
	
/* ///////////////////// SHOW HIDE SECTION //////////////////////////////////////////////////////////////// */


#ShowLinkWrapper { /* The visible area before expansion */
	display:block;
	width:237px; 
	margin-top:20px;
	margin-left:50px;
	/*background-color:#000000;*/
	background-image:url(/images09/png24/bluetint.png);
	background-repeat:repeat;
	border-top:1px solid #006eff;
	/*border:1px solid red;*/
	}

#AddNewItemWrapper {
	/*display:none;*/
	width:237px;
	/*margin:auto;*/
	margin-left:50px;
	background-image:url(/images09/png24/bluetint80.png);
	/*background-repeat:repeat;*/
	padding-bottom:5px;
	/*border:1px solid cyan;*/
	}
/*.more {
	display:none;
	}*/
#AddNewItemWrapper-show, #AddNewItemWrapper-show .showLink {
	display:block;
	width:237px;
	/*margin:auto;*/
	/*border:1px solid red;*/
	}

/* This CSS is used for the Show/Hide functionality. ///////////////////////////////// */
	.more {
		display: none;
		/*border-top: 1px solid #666;
		border-bottom: 1px solid #666;*/
		}
			
/* Styling of the "Show" link: */		
a#AddNewItemWrapper-show, a#AddNewItemWrapper-show:visited, a#AddNewItemWrapper-show:active {
	padding-left:10px;
	font-size:0.8em;
	color:#006eff;
	text-decoration:none;
	/*background: transparent url(down.gif) no-repeat left;*/ 
	/*background: transparent url(/cms/cmsimg/down.gif) no-repeat left; */
	}
a#AddNewItemWrapper-show:hover, a#AddNewItemWrapper-show:focus {
	color:#BFE2FF;
	text-decoration:none;
	/*border-bottom: 1px dotted #36f;*/
	}
	
/* Styling of the "Hide" link: */
a#AddNewItemWrapper-hide, a#AddNewItemWrapper-hide:visited, a#AddNewItemWrapper-hide:active {
	padding-left:10px;
	font-size:0.8em;
	color:#006eff;
	text-decoration:none;
	/*background: transparent url(up.gif) no-repeat left; */
	/*background: transparent url(/cms/cmsimg/up.gif) no-repeat left; */
	}	
a#AddNewItemWrapper-hide:hover, a#AddNewItemWrapper-hide:focus {
	color:#BFE2FF;
	text-decoration:none;
	/*border-bottom: 1px dotted #36f;*/
	}
	
/* Styling of the "Related pages" links: */
/* These all sit within the AddNewItemWrapper div */
#AddNewItemWrapper a.relatednavlink, #AddNewItemWrapper a.relatednavlink:visited, #AddNewItemWrapper a.relatednavlink:active {
	padding-left:10px;
	font-size:0.8em;
	color:#006eff;
	text-decoration:none;
	}
#AddNewItemWrapper a.relatednavlink:hover, #AddNewItemWrapper a.relatednavlink:focus {
	color:#fff;
	text-decoration:none;
	}

/* ////////////////// END OF SECOND TRY  END OF SECOND TRY /////////////////////////////////////////////////////////////////// */