/* STRUCTURE

----------------------------------------------------------------- */

BODY {

	font: normal 70%/1.5em verdana, tahoma, geneva, arial, sans-serif;

	margin:0;

	padding:0;

	background-color: #fff;

	background-image: url(backnew.gif);

	background-repeat: repeat-x;



}

*{

	margin:0;

	padding:0;

}

img{

	border:0;

}









----------------------------------------------------------------- */

#menu{

	background:#E5E5D8;

	padding:3px;

}



#menu h1{

	background:#21528C;

	color:#ffffff;

	font-size:1.1em;

	margin:0;

	padding:3px;

}

#menu ul{

	margin:0;

}



#menu li{

	background:#fff;

	border-bottom:1px solid #E5E5D8;

	list-style-type:none;

	margin:0;

}

#menu a{

	color:#4C7789;

	display:block;

	padding:3px 2px;

	text-decoration:none;

}

#menu li a:hover {

	background:#F3F3ED url(../../Terracotta/images/arrow-submenu.gif) right center no-repeat;

	background-position: 95% 50%;

}



/* TOP LINKS

----------------------------------------------------------------- */





#toplinks{

	height:21px;

      background:url(../../Terracotta/images/greybarback.gif);

	list-style-type:none;

}

#toplinks ul{

	float:Left;

	list-style-type:none;

	margin:0;

}

#toplinks li{

	border-right:1px solid #21528C;

	display:inline;

	list-style-type:none;

	padding:0 3px 0 3px;

}



/* HEADINGS

----------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{

	font-weight:bold;

}

h1{

	color:#7B8C9C;

	padding:2px 0 2px 2px;

}

h2{

	color:#000;

	padding:10px 0 0 2px;

}

h3{

	color:#000180;

}

h1 {font-size: 125%;}

h2 {font-size: 115%;}

h3 {font-size: 100%;}

h4 {font-size: 95%;}

h5 {

	font-size: 85%;

	font-weight: normal;

}

h6 {

	font-size: 75%;

	font-weight: normal;

}



/* FONT COLOURS

----------------------------------------------------------------- */



h2.green{

	color:#497A39;

	padding:0;

}



/* LINKS

----------------------------------------------------------------- */



a:link,a:active,a:visited{

	color:#4C7789;

	text-decoration:underline;

}

a:hover{

	color:#E57959;

	text-decoration:none;

}

#toplinks a{

	padding:5px;

	text-decoration:none;

}

#toplinks a:hover{

	background:#E2E9ED;

	color:#677880;

}

#footerright a{

	color:#000;

	padding:3px;

	text-decoration:none;

}









/* Components

----------------------------------------------------------------- */





.imgborder {

  padding:0px;

  border:6px solid #ddd;

  }

.introterracottaborder {

  padding:0px;

  border:6px solid #F6F0F0;

  }



.Menuborder {

  padding:0px;

  border:6px solid #ddd;

  }

/* Tables

----------------------------------------------------------------- */



table.stats

{text-align: center;

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;

font-weight: normal;

font-size: 11px;

color: #7B8C9C;

width: 345px;

background-color: #E7E7DE;

border: 0px;

border-collapse: collapse;

border-spacing: 0px;}



table.stats td

{background-color: #E7E7DE;

color: #000;

padding: 4px;

text-align: left;

border: 1px #fff solid;}



table.stats td.hed

{background-color: #CED6D6;

color: #ffffff;

padding: 4px;

text-align: left;

border-bottom: 2px #fff solid;

font-size: 12px;

font-weight: bold;}.small {

font-family: Arial;

font-size: 10pt;

font-weight: normal;

color: #999999;

}

.Order {

	font-family: Tahoma;

	font-size: 10pt;

	font-weight: bold;

	color: #0A246A;

	text-transform: uppercase;

}

.Orderback {

	background-image: url(Online-shop.gif);

	background-repeat: no-repeat;

	height: 113px;

	width: 420px;

}

.new {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8.5pt;

	font-style: italic;

	font-weight: normal;

	color: #FF0000;

}

terracotta_link {
	background-color: #CCCCCC;
}