/* Yellow: #EFCE08;
	Green: #08844A;
	Blue: #12258C;
	teale: #00AB7E;
*/




body
{
	background: white url('../images/newrepeat.gif') repeat;
}


#pitch #BWcontainer td
{
	font: 12pt arial;
	
}
div.topcontact
{
	color: #000;
	font: bold 11pt verdana;
	clear: both;
	margin: 0;
	padding-top: 2px;
	background: #EFCE08;
	width: 100%;
	height: 23px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

div.topcontact a
{
	float: left;
	text-decoration: none;
	color: #12258C;
	font-weight: bold;
	margin-left: 5px;
}

div.topcontact a:visited
{
	color: #12258C;
}

div.topcontact a:hover
{
	color: red;
}

div.topcontact p
{
	float: right;
		margin-right: 5px;

}


#contactleft
{
	font: 10pt verdana;
	color: white;
}

#contactleft p
{
	margin: 50px 20px 0 10px;
}

.undertitle
{
	font-family: Verdana, Geneva, Arial, Helvetica;
	color: #E0B705;
	font-size: 7pt;
	text-align: center;
}

#leftform
{
	font-family: Verdana, Geneva, Arial, Helvetica;
	color: white;
	text-align: left;
}

#leftform span
{
	font-size: 12pt;
}

div.center
{
	width: 100%;
	text-align: center;
	margin: 5px 0;
}

td
{
	font: 10pt arial;
}

p
{
	text-align: left;
}

a img
{
	border-color: black;
}
.sitemaptd
{
	border-bottom: 1px solid black;
	text-align: right;
	height: 20px;
}

.sitemaptd a
{
font: 9pt arial;
text-decoration: none;
color: white;
}

.sitemaptd a:hover
{
color: #FFCE31;
}

#BWcontainer
{
	border: 1px solid black;
	background: #12258C;
	width: 950px;
	padding: 0;
	margin: 0 auto;
}

.headwhite
{
	color: white;
	font: bold 14pt verdana;
	text-align: center;
}

.gallerytable
{
	width: 100%;
	border: none;
	padding: none;
}

.gallerytable td img
{
		border: 1px solid black;
}

#dannav a
{
	width: 170px;
	height: 23px;
	background: #FFCE31;
	border: 1px solid black;
	color: black;
	margin: 5px 0;
	text-decoration: none;
	padding: 2px 0 0 3px;
	display: block;
	

}
#dannav a:hover
{
	
	background: #12258C;
	color: white;
	

}
.danrule
{
	
	width: 100%;
	height: 1px;
	font-size: 1pt;
	border-top: 1px dashed #12258C;
	clear: both;
	

}



#dancontent td
{
	padding: 10px;
	font: 10pt verdana;
	vertical-align: top;
}


.bullets
{
	
	
    margin-right: 10px;
	margin-bottom: 5px;
	text-align: left;
	display: block;
	clear: both;
	

}

.bullets img
{
	float: left;
	border: 1px solid black;
	margin: 0 10px 20px 0;
}

.topimage
{
	width: 754px;
	text-align: center;
}


.leftcell
{
	width: 225px;
	vertical-align: top;
	text-align: center;
}

.leftcell p
{
	margin: 10px;
}

#footer
{
	background: #EFCE08;
	color: white;
	font-size: 18pt;
	text-align: center;	
}


/* --------------------------------------------------------------- Headings ---------------------------------- */

h1.sbc
{
	background: url('images/titles/self-build-conservatories-title.gif');
	width: 212px;
	height: 16px;
}

h1.sbc span
{
	display: none;
}

h1.pitch
{
	color: #000;
	text-align: left;
	font: 18pt arial;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

h3
{
	color: #12258C;
	font-size: 16pt;
	font-weight: normal;
	text-align: left;
}

h4
{
	color: #08844A;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

/* ------------------------------------------------ Top Nav --------------------------- */

#adpage
{
	width: 600px;
	margin: auto;
		font: 12pt;
		text-align: left;

}


div.imageright
{
	float: right;
	text-align: center;
	width: 150px;
	font-size: 9pt;
	margin: 0 0 10px 10px;
}

div.imageright img
{
	border: 1px solid black;
}



ul#topnav
{
	margin-bottom: 0px;
}

/* Yellow: #EFCE08;
	Green: #08844A;
	Blue: #12258C;
	teale: #00AB7E;
*/

#topnav a#home, #topnav a#heritage, #topnav a#cons, #topnav a#windows, #topnav a#doors, #topnav a#timber, #topnav a#joinery, #topnav a#gallery, #topnav a#contact  
{
	width: 105px;
 	height: 26px;
 	display: block;
	background:  #08844A;
	border: none;
	margin-bottom: 10px;
	margin-left: 14px;
	margin-right: 14px;
	
}
#topnav li a
{
	background:#08844A
}



#topnav li a span
{
	display: none;
}

#topnav a#home
{
 	background: url('images/home.gif') no-repeat 0 0px;
}

#topnav a#heritage
{
 	background: url('images/listed-buildings.gif') no-repeat 0 0px;
}


#topnav a#home:hover, #topnav a#heritage:hover, #topnav a#cons:hover, #topnav a#windows:hover, #topnav a#doors:hover, #topnav a#timber:hover, #topnav a#joinery:hover, #topnav a#gallery:hover, #topnav a#contact:hover  
{
 	background-position: 0 -26px;
}

#topnav a#cons
{
 	background: url('images/conservatories.gif') no-repeat;
}
#topnav a#windows
{
 	background: url('images/windows.gif') no-repeat;
}

#topnav a#doors
{
 	background: url('images/doors.gif') no-repeat;
}

#topnav a#timber
{
 	background: url('images/buttons/timber-button.gif') no-repeat;
}

#topnav a#joinery
{
 	background: url('images/joinery.gif') no-repeat;
}

#topnav a#contact
{
 	background: url('images/contact.gif') no-repeat;
}

#topnav a#gallery
{
 	background: url('images/gallery.gif') no-repeat;
}

/* #topnav li ul li a, #topnav li ul li a:visited {background:#08844A; display:block;width:175px; font-size:11px; color:#fff; height:18px; line-height: 17px;text-decoration:none; text-indent:5px; border:4px solid #EFCE08;  margin: 0;}
*/

#topnav li ul li a, #topnav li ul li a:visited {border-width:0 1px 1px 1px; width: 195px;}


/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */

/* Get rid of the margin, padding and bullets in the unordered lists */
#topnav, #topnav ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#topnav a, #topnav a:visited {display:block;width:175px; font-size:11px; color:#fff; height:25px; line-height:17px; text-decoration:none; text-indent:5px; border:1px solid #EFCE08;  margin: 0;}

#topnav a.small, #topnav a.small:visited {width:80px;}

/* Set up the sub level borders */
#topnav li ul li a, #topnav li ul li a:visited {border-width:0 1px 1px 1px; width: 145px; text-align: left;}
#topnav li ul li a.liwrap, #topnav li ul li a.liwrap:visited {border-width:1px;}
#topnav ul.large li a, #topnav ul.large li a:visited {border-width:0 1px 1px 1px; width: 180px;}
#topnav li a.liwrap, #topnav li a.liwrap:visited {border-top: 1px solid #EFCE08;} 
a.liwrap,a.liwrap:visited {border-top: 1px solid #EFCE08;} 

/* Set up the list items */
#topnav li {float:left; margin-right: 1px;}

/* For Non-IE browsers and IE7 */
#topnav li:hover {position:relative;}
/* Make the hovered list color persist */
#topnav li:hover > a {background:#EFCE08; color:#08844A;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#topnav li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#topnav li:hover > ul {display:block; position:absolute; top:-11px; left:116px; background:url('css/transparent.gif'); width:120px; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:30px}
/* Position the first sub level beneath the top level liinks */
#topnav > li:hover > ul {left:-20px; top:15px;}

/* get rid of the table */
#topnav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #topnav li a:hover {position:relative; background:#EFCE08; color:#08844A;}

/* For accessibility of the top level menu when tabbing */
#topnav li a:active, #topnav li a:focus {background:#dfd7ca; color:#c00;}

/* Set up the pointers for the sub level indication */
#topnav a.out {background:#08844A url("images/arrow.gif") no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #topnav li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; background: transparent url('images/transparent.gif'); padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:30px}

/* keep the third level+ hidden when you hover on first level link */
#topnav li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#topnav li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#topnav li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#topnav li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#topnav li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#topnav li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:110px;
}
/* make the fourth level visible when you hover over third level link */
#topnav li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#topnav li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#topnav li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */



/* -------------------------------------- Form Style -------------------------------------------------------------------- */

.error
{
	font: bold 14pt verdana;
	color: red;
}


form#two {background:#12258C; width:370px; padding:10px; border:1px solid #000; margin:0 auto; text-align: left;}
div#bratzform form#two {background:#F9A7E2;}
form#two fieldset {width:350px; display:block; border:1px solid #EFCE08; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#two fieldset#personal {background:transparent url(images/crutch.gif) no-repeat 400px 10px;}
form#two fieldset#medical {background:transparent url(cssplay/sling.gif) no-repeat 400px 10px;}
form#two fieldset#current {background:transparent url(cssplay/cold.gif) no-repeat 390px 10px;}
* html form#two fieldset#personal, * html form#two fieldset#medical {background-position:400px 20px;}
* html form#two fieldset#current {background-position:390px 20px;}
form#two fieldset#opt {background:#DDF3FF;}
form#two legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(images/form.gif) repeat-x center left; color: #12258C;}
form#two fieldset#personal label {clear:left; display:block; float:left; width:110px; text-align:right; padding-right:10px; color:#fff; margin-bottom:0.5em;}
div#bratzform form#two label {color: white;}
form#two label {font-size: 10pt; clear:left; display:block; float:left; width:270px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em;}
form#two input {border:1px solid #fff; background:#fff url(images/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em;}
form#two select {margin-left:0.5em;}
form#two textarea {width:310px; height:8em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(images/form.gif) repeat-x bottom left;}
form#two option {background:#788; color:#fff;}
form#two optgroup {background:#abb; color:#000; font-family:georgia, serif;}
form#two optgroup option {background:#9aa; color:#fff;}
form#two #button1, form#two #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:135px; margin-left:8px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}

div#fmc
{
	width: 460px;
	margin: 20px auto;
	clear: both;
	text-align: center;
}

.footermenu
{
				color: white;
				text-align: center;
				width: 100%;
				background: #08844A;
				margin: 0;
				padding: 0;
}
.footermenu a
{
				color: white;
}
.footermenu a:hover
{
				color: #EFCE08;
}

form#two p
{
	color: white;
	font-weight: bold;
	margin-bottom: 6px;
}