.spacer {
	padding-left:20px;
	}
	
ul.specials {
	margin-top:-15px;
	margin-left:-25px;
	line-height:20px;
}

td
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 11px;
}

h1
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 10px;
  font-weight : normal;
  color:#AD9573;
}

h2
{
  font-family : Arial, Arial, Helvetica,Verdana, sans-serif;
  font-size : 16px;
  font-weight : normal;
  color:#000000;
}

h3
{
  font-family : Arial, Arial, Helvetica,Verdana, sans-serif;
  font-size : 14px;
  font-weight : normal;
  color:#000000;
}

h4
{
  font-family : Arial, Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  font-weight : normal;
  color:#000000;
}

h5
{
  font-family : Arial, Arial, Helvetica,Verdana, sans-serif;
  font-size : 10px;
  font-weight : normal;
  color:#000000;
}

h6
{
  font-family : Arial, Arial, Helvetica,Verdana, sans-serif;
  font-size : 8px;
  font-weight : bold;
  color:#000000;
}

input, select, textarea
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  color:#ffffff;
  font-size : 12px;
  font-weight : normal;
  border-style:solid;
  border-color:#827760;
  background:#827760;  
}

input.check {
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  font-weight : normal;
  border-style:none;
}

a
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  color:#827760;
  font-weight:normal;
  text-decoration: none;
}

a:hover
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  color:#FF9900;
  font-weight:normal;
  text-decoration: none;
}

a.menulink
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  color:#c7bda3;
  font-weight:normal;
  text-decoration: none;
}


a.menulink:hover
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  color:#bf002a;
  font-weight:normal;
  text-decoration: none;
}


a.menusublink
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  color:#ffffff;
  font-weight:normal;
  text-decoration: none;
}
.menusublinkON
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  color:#ffffff;
  font-weight:bolder;
}

a.menusublink:hover
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  color:#d22a07;
  font-weight:normal;
  text-decoration: none;
}

a.main
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  color:#000000;
  font-weight:normal;
  text-decoration: none;
}

a.main:hover
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 12px;
  color:#da9e5d;
  font-weight:normal;
  text-decoration: none;
}

a.footer
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 11px;
  color:#271100;
  font-weight:bold;
}

a.footer:hover
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 11px;
  color:#271100;
  font-weight:bold;
}

.pagettl
{
  font-family : Arial, Verdana, Helvetica, sans-serif;
  font-size : 11pt;
  font-weight : bold;
  color:#000000;
}

.tableHeading
{
  background-color: #ccbe91;
}


.breadcrumb
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 11px;
  color:#bf002a;
}

a.breadcrumb
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 11px;
  color:#ffffff;
  font-weight:normal;
  text-decoration: none;
}

a.breadcrumb:hover
{
  font-family : Arial, Helvetica,Verdana, sans-serif;
  font-size : 11px;
  color:#AD9573;
  font-weight:normal;
  text-decoration: none;
}

	
#darkbrowntxt_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:12px;
	color:#736551;
}	

#darkbrowntxtbg_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:18px;
	color:#736551;
}		

#darkbrowntxtsm_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:11px;
	color:#736551;
}

#greytxtsm_cannon {
    font-family:Arial, Verdana, Helvetica;
	font-size:11px;
	color:#333333;
	line-height:1.8;

}	

#greytxt_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:14px;
	color:#333333;
}	

#greytxtbg_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:18px;
	color:#333333;
}		
	
	
	
#maintxt_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:12px;
	color:#666666;	
	}
	
	
#orgtxtsm_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:12px;
	color:#FF9900;	
	}	
	
	
#orgtxtbg_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:20px;
	color:#FF9900;	
	}	
	
#orgtxtmed_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:17px;
	color:#FF9900;	
	}	
	
#orgtxt_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:14px;
	color:#FF9900;	
	}	

	
		
#redhottxt_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:20px;
	color:#a31d16;	
}

#redhottxtsm_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:16px;
	color:#a31d16;	
}

#redhottxtbg_cannon {
	font-family:Arial, Verdana, Helvetica;
	font-size:24px;
	color:#a31d16;	
}
	
	
#spacer {
	padding-left:10px;
}


/*Cannon Table */

table.cannontable td
{
  border-top:thin;
  border-left:none;
  border-right:none;
  border-color:#827760;
  padding:5px;  
}

#nobottom {
	border-bottom:none;
}


#noright {
	border-right:none;	
}

#borderleft {
	border-left:solid;
	border-width:1px;
	border-color:#827760;	
}


td.bulletfill {
	background:url(images/bulletfill.png) no-repeat center;
}


td.bullet {
	background:url(images/bullet.png) no-repeat center;
}




/*table for Cannon*/

input, select { 
	padding: 12px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	color:#999;
	width: 230px;
	background: url(images/bg_form.png) #FFF left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
	
	
select {
	font-family:Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	color:#999;
	}
select:focus {
	background: #FF9900;
}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	color:#FFF;
	background: #FF9900;
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	width: 120px;
	padding: 15px 15px;
	background: #FF9900;
	border: 0;
	font-size: 14px;
	color: #fff;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

input.check {
	width:auto;
	background:none;
}

#Comments {
	padding: 12px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	color:#999;
	width: 270px;
	background: url(images/bg_form.png) #FFF left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#DOP, #OrderDate, #InstallationDate {
	width:80px;
}

#Postcode {
	width:60px;
 		
}




/* form validation css error */

/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:20px;
	background-color:#a31d16;
	border: none;
	font-family : Arial, Verdana, sans-serif;
	font-size:11px;
	color:#fff;
	padding:3px 10px;
	margin-top:10px;
	margin-left:40px;

	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:4;
	-moz-border-radius-topleft:4;
	-webkit-border-bottom-left-radius:4;
	-webkit-border-top-left-radius:4;
	
}

.error p {
	margin:3px;		
}

.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#a31d16 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-17px;
	left:30px;
}


/* error container */
#errors {
	background-color:#a31d16;
	color:#fff;
	width:200px;
	padding:20px;
	
	display:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;			
}


/* title */
#errors h2 {
	margin:-5px 0;
	color:#fff;
	font-size:14px;
}



/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(images/org.png);
		
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:8px;
	top:8px;
	cursor:pointer;
	height:32px;
	width:32px;
}


/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(images/transparent.png);
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:500px;
	overflow-y:auto;
}