@import url('jquery.lightbox-0.5.css');
/*
--------------------------------------------------
apexbrickcutters.co.uk GLOBAL STYLES
Last revised 30 November 2009
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

ORANGE - f8951e
BLUE_GREY - 667476

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
STRUCTURAL STYLES
--------------------------------------------------
This section concerns structural elements
*/

#wrapper {
	width: 779px;
	margin:0 auto;
	background:#FFF;
	text-align:left;
}

#header {
	width:779px;
	height:85px;
	position:relative;
	background: #0060A4 url('../images/template/logo.gif') 3px 0 no-repeat;
}

#header #header_gallery {
	position:absolute;
	top:10px;
	left:270px;
}

/* Navigation */

#subheader {
	float:left;
	width:779px;
	background:url('../images/template/subheader/bg.gif') 0 209px repeat-x;
}

#subheader ul#nav {
	background:url('../images/template/bg_nav.gif') top left repeat-x;
	margin-bottom:30px;
	height:26px;
	line-height:26px;
}

#subheader ul#nav li {
	float:left;
}

#subheader ul#nav li a {
	float:left;
	display:block;
	border-right:#FFF solid 2px;
	font-weight:bold;
	margin-right:5px;
	padding: 0 10px 0 5px;
}

#subheader ul#nav li.first a {
	margin-left:5px;
}

#subheader ul#nav li a {color:#002D5E; text-decoration:none;}
#subheader ul#nav li a:hover { color:#4377C1; text-decoration:underline; }

#subheader div {
	margin-left:5px;
	width:148px;
	float:left;
	overflow:hidden;
}

#subheader div.first {
	margin-left:6px;
}

#subheader div ul {
	margin-left:25px;
	margin-bottom:8px;
	list-style: square;
	color:#002D5E;
}

#subheader div .find_out_more {
	margin-left:8px;
}

#content {
	width:749px;
	padding:15px;
	float:left;
	position:relative;
	line-height:1.3em;
	background-image:url('../images/template/gradient.png');
	background-position: top left;
	background-repeat: repeat-x;
}

/* content classes */

.brick_arches {background-color:#EEF0D8;}
.shaped_bricks {background-color:#CFD7EB;}
.chimneys {background-color:#FFE8D4;}
.stone {background-color:#EADCEC;}

/* image positioning */

.image_right {
	float:right;
	margin:0 0 10px 10px;
}

.image_left {
	float:left;
	margin:0 10px 10px 0;
}

.image_center {
	text-align:center;
	margin-bottom:10px;
}

.border {
	border:#FFF solid 6px;
}

.clear {clear:both;}

/* Lists */

#content ol {
	list-style-type: decimal;
	margin-left:25px;
}

#content ol li {
	margin-bottom:0.7em;
}

#content ul {
	list-style-type: square;
	margin-left:25px;
}

#content ul li {
	margin-bottom:0.7em;
}


/* Footer */

#footer {
	clear:both;
}

#footer a {
	color:#667476;
}

#footer ul {
	float:right;
	padding-top:55px;
	position:absolute;
	bottom:15px;
	right:15px;
	background:url('../images/template/logo_morgan.gif') top right no-repeat;
}

#footer ul li {
	float:right;
	margin:0 5px;
	font-size:90%;
}

#footer .vcard {
	padding:15px;
}

#footer .vcard .type {
	display:none;
}

.column {
	width:330px;
}

.left {
	float:left;
}

.right {
	float:right;
}

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body {
	color: #000;
	font-size: 80%;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-align: center; 
	background: #474749 url('../images/template/bg.gif') top center repeat-y;
}


a {
	text-decoration: underline;
	padding: .1em 0;
}
a:link, a:visited {
	color: #4377C1;
	text-decoration:underline;
}
a:focus {
	outline: none; /* most browsers do not yet support this property */
	-moz-outline: none; /* remove focus outline in Mozilla browsers */
}
a:hover {
	color: #002D5E;
	text-decoration:underline;
}
a:active {
	color: #002D5E;
}


h1, h2, h3, h4, h5, h6 {
	color: #667476;
	line-height: 2;
	margin: 1em 0;
}
h1	{
	color: #4377C1;
	font-size: 1.5em;
	line-height: 1.3333;
	margin: 0.5em 0 1.3333em;
	display:block;
}
h2	{
	font-size: 1.4em;
	line-height: 1.7142857;
	margin: .857143em 0;
}
h3, h4, h5, h6 {
	text-transform: uppercase;
	letter-spacing: .1em;
}


p	{
	margin-bottom: 1.5em;
}

p#prefooter {
	clear:both;
	text-align:center;
	margin-bottom:1em;
	line-height:2em;
}

p#prefooter a {
	color:#000;
}

blockquote {
	padding: 1em 1.5em;
	border: .1em dashed #D4A774;
	background: transparent;
}

ul ul, ol ol, ul ol, ol ul {
	margin-left: 1.5em;
}


/*
--------------------------------------------------
HOME PAGE
--------------------------------------------------
*/

#callback {	
	float:right;
	margin:10px 0 10px 15px;
}


/*
--------------------------------------------------
LEGACY FORMS
--------------------------------------------------
*/

#input{
  		width:160px; height:21px;
		
		}
		 
#input1{
  		width:134px; height:21px;
		
		}
		
#textarea{
  		width:102px; height:48px;
		border-width:1px;
		border-style:solid;
		border:none;
		background-color:#F0EAE3;
		overflow:auto
		}


.input2 { 
		margin-top:0; 
		margin-bottom:0; 
		margin-left:0; 
		margin-right:0;
		background-color: #ffffff; 
		padding:0; 
		padding-top:1; 
		padding-left:2;
		border: 1px #47acd2 
		inset; font-size: 12px; 
		cursor: pointer; 
		font-family: Tahoma; 
		color: #839A2E; 
		font-style: normal; 
		font-weight: bold; 
		width: 50px;
		}
		
.input3 { 
		margin-top:0; 
		margin-bottom:0; 
		margin-left:0; 
		margin-right:0;
		background-color: #ffffff; 
		padding:0; 
		padding-top:1; 
		padding-left:2;
		border: 1px #47acd2 
		inset; font-size: 12px; 
		cursor: pointer; 
		font-family: Tahoma; 
		color: #839A2E; 
		font-style: normal; 
		font-weight: bold; 
		width: 200px;
		}

.input4 { 
		margin-top:0; 
		margin-bottom:0; 
		margin-left:0; 
		margin-right:0;
		background-color: #ffffff; 
		padding:0; 
		padding-top:1; 
		padding-left:2;
		border: 1px #47acd2 
		inset; font-size: 12px; 
		cursor: pointer; 
		font-family: Tahoma; 
		color: #839A2E; 
		font-style: normal; 
		font-weight: bold; 
		width: 139px;
		}
		
.input5 { 
		margin-top:0; 
		margin-bottom:0; 
		margin-left:0; 
		margin-right:0;
		background-color: #ffffff; 
		padding:0; 
		padding-top:1; 
		padding-left:2;
		border: 1px #47acd2 
		inset; font-size: 12px; 
		cursor: pointer; 
		font-family: Tahoma; 
		color: #839A2E; 
		font-style: normal; 
		font-weight: bold; 
		width: 30px;
		}
		
.input2r { 
		margin-top:0; 
		margin-bottom:0; 
		margin-left:0; 
		margin-right:0;
		background-color: #ffffff; 
		background-image:url(http://www.apexbrickcutters.co.uk/required.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding:0; 
		padding-top:1; 
		padding-left:2;
		border: 1px #47acd2 
		inset; font-size: 12px; 
		cursor: pointer; 
		font-family: Tahoma; 
		color: #839A2E; 
		font-style: normal; 
		font-weight: bold; 
		width: 50px;
		}
		
.input3r { 
		margin-top:0; 
		margin-bottom:0; 
		margin-left:0; 
		margin-right:0;
		background-color: #ffffff; 
		background-image:url(http://www.apexbrickcutters.co.uk/required.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding:0; 
		padding-top:1; 
		padding-left:2;
		border: 1px #47acd2 
		inset; font-size: 12px; 
		cursor: pointer; 
		font-family: Tahoma; 
		color: #839A2E; 
		font-style: normal; 
		font-weight: bold; 
		width: 200px;
		}

.input4r { 
		margin-top:0; 
		margin-bottom:0; 
		margin-left:0; 
		margin-right:0;
		background-color: #ffffff; 
		background-image:url(http://www.apexbrickcutters.co.uk/required.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding:0; 
		padding-top:1; 
		padding-left:2;
		border: 1px #47acd2 
		inset; font-size: 12px; 
		cursor: pointer; 
		font-family: Tahoma; 
		color: #839A2E; 
		font-style: normal; 
		font-weight: bold; 
		width: 139px;
		}
		
.input5r { 
		margin-top:0; 
		margin-bottom:0; 
		margin-left:0; 
		margin-right:0;
		background-color: #ffffff; 
		background-image:url(http://www.apexbrickcutters.co.uk/required.gif);
		background-position:top right;
		background-repeat:no-repeat;
		padding:0; 
		padding-top:1; 
		padding-left:2;
		border: 1px #47acd2 
		inset; font-size: 12px; 
		cursor: pointer; 
		font-family: Tahoma; 
		color: #839A2E; 
		font-style: normal; 
		font-weight: bold; 
		width: 30px;
		}

.img-shadow {
  float:left;
  background: url(http://www.premierbuildingproducts.co.uk/css/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.premierbuildingproducts.co.uk/css/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }