﻿body {
	margin: 0;
	padding: 0;
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}

blockquote {
	font-style: italic;
}

a {
	color: #135293;
}

a:hover {
	text-decoration: none;
}

.title1 {
	margin: 0;
	padding: 10px 0;
	background: url(/images/img07.gif) repeat-x left bottom;
	font-weight: normal;
	font-size: 129%;
	color: #FFFFFF;
}

.title2 {
	margin: 0;
	padding: 10px 0;
	background: url(/images/img09.gif) repeat-x left bottom;
	font-size: 227%;
	font-weight: normal;
	color: #135293;
}

.title3 {
	margin: 0;
	padding: 10px 0;
	background: url(/images/img11.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}

.boxed {
	padding: 5px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 180%;
}

.orange {
	margin: 20px 30px;
	background: #FF9523 url(/images/img10.gif) repeat-x;
	color: #FFFFFF;
}

.orange a {
	color: #FFFFFF;
}

.col-one {
	float: left;
	width: 300px;
}

.col-two {
	float: right;
	width: 300px;
}

/* Page */

#page 
{
	width: 980px;
	margin: 0 auto;
	background: #ffffff url(/images/img01.gif) repeat-y;
}

/* Sidebar */

#sidebar 
{
	float: left;
	padding:0px;
	width: 200px;
}

#banner
{
  background-color:#ffffff;
  height:150px;
  /*width:780px;*/
  margin:auto;
  padding:0px;
  text-align:center;
}

/* Login */

#login {
	padding: 20px;
	background: url(/images/img06.gif) repeat-x;
}


/* Logo */

#logo {
	height: 150px;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	width:200px;
}

/* Content */

#content 
{
	background: url(/images/top-strip.gif) no-repeat top;
	padding:10px;
	float: right;
	width: 760px;
}

#content h1
{
 font-size:16px;
 font-weight:bold;
 margin:0px;
 padding:0px;	
}

#content h2
{
 font-size:14px;
 font-weight:bold;
 margin:0px;
 padding:0px;	
}

/* Footer */

#footer {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background: url(/images/img12.gif) repeat-x;
}

#footer p {
	margin: 0;
	font-size: 85%;
}

#links {
	float: left;
	width: 180px;
	height: 65px;
	padding: 10px 0 5px 20px;
	background: url(/images/img13.gif) repeat-x;
}

#links a {
	color: #FFFFFF;
	padding:0px 0px 15px 0px;
}

#legal {
	float: right;
	width: 370px;
	height: 45px;
	padding: 35px 0 0 20px;
}

#nick 
{
	float: right;
	width: 370px;
	height: 45px;
	padding: 35px 0 0 20px;
}

#nick a 
{ 
    color:#135293;	
}

.SectionHeading
{
 font-weight:bold;
 font-size:14px;
}

#durabase-rectangle
{
   background: url(/durabase/images/durabase-bg.png) no-repeat top;
   color:#ffffff;
   font-weight:bold;
   height:240px;	
   width:240px;

}

#diycq-rectangle
{
 background: url(/images/diy-conservatory-quote-bg.png) no-repeat top;
 color:#ffffff;
 font-weight:bold;
 height:240px;
 margin:auto;
 text-align:center;
 width:240px;
}

#diycd-rectangle
{
 background: url(/images/diy-conservatory-deals-bg.png) no-repeat top;
 color:#ffffff;
 font-weight:bold;
 height:240px;
 margin:auto;
 text-align:center;
 width:250px;
}

#extensionbase-rectangle
{
 background: url(/extensionbase/images/extensionbase-bg.png) no-repeat top;
 color:#ffffff;
 float:right;
 font-weight:bold;
 height:220px;
 width:240px;
}

table.frmTable
{
	background-color: #ffffff;
	border: 1px solid #000000;
	border-collapse: collapse;
	text-align: left;
}

td.frmTD
{
	border: solid 1px #cccccc;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	text-align: left;
}

td.frmTDDark
{
	background-color: #496491;
	border: solid 1px #000;
	color: #696969;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	text-align: left;
}

td.frmTDHeading
{
	background-color: #496491;
	border: solid 1px #000;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	text-align: left;
	vertical-align:bottom;
}

td.frmTDLight
{
	background-color: #af9f88;
	border: solid 1px #000;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	text-align: left;
}


.brick-button
{
 background: url(/images/btn-brick.gif) no-repeat top;	
}

iframe
{
 z-index:0;	
}

/* Tootip Styles Start */

a.tt
{
  position:relative;
  z-index:24;
  color:#006633;
  margin:0px;
  padding:0px;
  text-decoration:none;
  vertical-align:bottom;
}

a.tt span
{ 
  display: none;
  z-index:1000;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover
{
  z-index:1000;
  /*
  color: #aaaaff; 
  background:#ffffff;
  */
}

a.tt:hover
{
  visibility:visible
}

a.tt:hover span.tooltip
{
  background-color:#FFFFFF;
  border:solid 2px #9c655b;
  display:block;
  float:left;
  position:absolute;
  /*top:-230px;*/
  /*right:-150px;*/
  padding:15px;
  text-align:left;
  /*width:900px;*/
  color: #545454;
}

/* Tootip Styles End */

