/*	CSS for coodgycoodgycoo.co.uk						*/
/*										*/
/*	Version:  <%Z% %M% %I%>						*/
/*										*/
/*	Copyright © 2009 CWB Limited (www.cwb.ltd.uk), all rights reserved.	*/


/*	Body defaults								*/
BODY		{
			margin:0;
			padding:0;
			color:black;
			background:white;
			font-family:"Arial","Helvetica",sans-serif;
		}

TABLE		{					/* fix IE6 broken inheritance */
			font-size:100%;			
			line-height:110%;
		}

/*	Link colours								*/
A,A:link,A:visited
		{
			color:#ec5ba0;
			text-decoration:none;
		}

A:hover		{
			color:#c1c2c4;
			text-decoration:underline;
		}

A:active	{
			color:black;
		}

#footer A,#footer A:link,#footer A:visited
		{
			color:blue;
			text-decoration:underline;
		}

#footer A:hover
		{
			color:#c1c2c4;
		}

/*	Page content								*/
.content	{
			font-size:9.25pt;
			line-height:1.125em;
		}

P		{
			margin-top:0;
			margin-bottom:8px;
		}

/*	Headers									*/

H1		{
			font-size:120%;
			line-height:115%;
			font-weight:bold;
			color:#ec5ba0;
			margin-top:0;
			margin-bottom:12px;
		}

.bigheader	{
			font-size:150%;
			line-height:115%;
			font-weight:bold;
			color:#ec5ba0;
			margin-top:0;
			margin-bottom:12px;
		}

/*	Separators								*/

#topsep,#botsep	{
			height:10px;
			padding:3px;
			background-image:url(logos/sep-grey.png);
			background-repeat:repeat-x;
			background-position:center left;
		}

/*      Miscellaneous text styles						*/

BLOCKQUOTE	{
			padding:12px 18px;
			margin:3mm 5mm;
			font-style:italic;
			font-size:90%;
		}

BLOCKQUOTE DIV	{					/* used for attribution */
			margin-top:4px;
			text-align:right;
			font-style:normal;
		}

#onecomment BLOCKQUOTE
		{					/* testimonial on home page */
			border:1px dotted #c1c2c4;
		}

.prodemphasis	{
			font-weight:bold;
		}

.prodcaption	{
			font-size:90%;
		}


.prodcaption2	{
			margin-top:0;
			margin-bottom:0;
			padding-left:8px;
			padding-right:8px;
		}



.quotecaption	{
			margin:0 10mm 5mm 10mm;
			text-align:right;
			font-weight:bold;
		}

TD.fillwidth	{
			width:2mm;
		}

.caption	{
			margin-top:3mm;
			text-align:center;
			font-style:italic;
			font-size:90%;
		}

.smallprint	{
			font-size:75%;
		}

.modtime	{
			display:none;
		}

.spaceabove	{
			margin-top:10mm;
		}

.tbd		{
			color:white;
			background-color:#FF8080;
		}

.money		{
			font-weight:bold;
		}

/*	Forms									*/



.contact1big	{
			font-size:130%;
			font-weight:bold;
			line-height:115%;
		}

.contact1	{
			font-size:110%;
			font-weight:bold;
		}

LABEL		{
			font-weight:bold;
		}

.formtext	{
			border:1px solid #ec5ba0;
			font-family:monospace;
			font-size:100%;
		}

.formerr	{
			margin-top:6px;
			color:red;
			font-weight:bold;
		}

.cgierr		{
			padding:4px;
			background-color:yellow;
			font-weight:bold;
		}

.button		{
			font-weight:bold;
			padding:3px 16px;
		}

.disabled	{
			color:silver;
		}

.textdisp	{
			font-size:120%;
			font-weight:bold;
		}


/*	Drop shadows,								*/
/*	see http://webdesign.about.com/od/csstutorials/a/aa102306.htm		*/
/*										*/
/*	Wrap the element to be shadowed in a construct of the form:		*/
/*										*/
/*	  image position/margin goes here					*/
/*	                          |						*/
/*	                          v						*/
/*	  <DIV CLASS="imgcontain" STYLE="margin-left:12mm">			*/
/*	  <DIV CLASS="imgshadow">						*/
/*	  <IMG CLASS="imgcontent" SRC="file.jpg" ALT="Text">			*/
/*	  </DIV>								*/
/*	  </DIV>								*/
/*										*/
/*	All of the above on one line, otherwise IE6 (hate, hate, hate) will	*/
/*	not show a uniform shadow.						*/

.imgcontain	{
			float:left;
		}

.imgshadow	{
			position:relative;
			bottom:-3px;
			right:-3px;
			background-color:#C1C2C4;
		}

.imgcontent	{
			position:relative;
			bottom:3px;
			right:3px;
		}

.imgshadow1	{
			position:relative;
			bottom:-2px;
			right:-2px;
			background-color:#C1C2C4;
		}

.imgcontent1	{
			position:relative;
			bottom:2px;
			right:2px;
		}