body 		{ background-color : #ffffff; padding : 0; margin : 0; text-align : center; font-family: Helvetica, verdana, arial; letter-spacing: 1px; color: #6E6054;} 

#container	{display: block; width: 800px; height: auto; background-color: #ffffff; margin-left : auto; margin-right : auto; } 
#maincontwrap	{display: block; float: left; width: 800px; height: auto; background: #ffffff url('/images/mainbg.gif') repeat-y center center; margin-left : auto; margin-right : auto; } 

#topbar
{
float: right; 
width: 680px; 
background-color: #ffffff; 
font-size: 8pt; 
text-align: right;
padding-top: 5px;
padding-bottom: 5px;
}


#navi		{ width: 800px; height: 110px; text-align: left; background-color: #ffffff;}

#navigation	{ padding: 5px 5px 10px 15px; }

#banner		{ float: right; width: 680px; height: 112px; background-color: #B11F16; }

#bannerblue	{ float: right; width: 680px; height: 112px; background-image: url(images/hips_banner.jpg); }
#bannergreen	{ float: right; width: 680px; height: 112px; background-image: url(images/energy_banner.jpg); }
#banneryellow	{ float: right; width: 680px; height: 112px; background-image: url(images/conveyancing_banner2.jpg); }
#bannerred	{ float: right; width: 680px; height: 112px; background-image: url(images/red_banner.jpg); }

#right		{ display: block; float: right; width: 163px; height: auto; background-color: #E2DDD9;}

#middler		{ display: block; float: right; width: 497px; height: auto; background-color: #ffffff; font-size: 8pt; text-align: left; padding-top: 10px; margin-right: 20px;}
#middley		{ display: block; float: right; width: 497px; height: auto; background-color: #ffffff; font-size: 8pt; text-align: left; padding-top: 10px; margin-right: 20px;}
#middleb		{ display: block; float: right; width: 497px; height: auto; background-color: #ffffff; font-size: 8pt; text-align: left; padding-top: 10px; margin-right: 20px;}
#middleg		{ display: block; float: right; width: 497px; height: auto; background-color: #ffffff; font-size: 8pt; text-align: left; padding-top: 10px; margin-right: 20px;}

#middlerA		{ display: block; float: right; width: 497px; height: auto; background-color: #ffffff; font-size: 8pt; text-align: left; padding-top: 10px; margin-left: 0px; margin-right: 0px;}
#middleyA		{ display: block; float: right; width: 680px; height: auto; background-color: #ffffff; font-size: 8pt; text-align: left; padding-top: 10px; margin-left: 0px; margin-right: 0px;}

#maininner
{
width: 497px;
padding-right: 70px;
}

#middlesmall { display: block; float: left; width: 497px; height: 279px; font-size: 8pt; text-align: left; color: #6E6054;}

#yellowmiddlebuy { display: block; float: left; width: 497px; height: 279px; min-height: 238px; font-size: 8pt; text-align: left; color: #6E6054;}
#yellowmiddlequote { display: block; float: left; width: 497px; height: auto; min-height: 228px; font-size: 8pt; text-align: left; color: #6E6054; position: relative; top: 0px; left: 12px;}
#yellowmiddlequoteS { display: block; float: left; width: 497px; height: 269px; font-size: 8pt; text-align: left; color: #6E6054; position: relative; top: 0px; left: 12px;}

#bottomsearch { display: block; float: left; width: 517px; background-color: #ffffff; font-size: 8pt; text-align: left; padding-top: 35px; margin-left: 120px;}

#bottom		{ display: block; float: left; width: 530px; height: 90px; background-color: #ffffff; margin-left: 107px;}

#quote		{ float: right; width: 530px; text-align: right; }

#bottomnavi	{ float: right; width: 517px; text-align: left; background-color: #ffffff;}


#navi .navlimg
{
width: 234px;
padding-right: 30px;
margin-left: 0px;
}

#navi .navsimg
{
width: 153px;
padding-right: 18px;
}

#qsubmitbutton { margin-top: 10px; }


.righttext	{ text-align: left; height: 288px; font-size: 8pt; font-weight: normal; color: #6E6054; }

.address	{ text-align: left; height: 90px; font-weight: normal; font-size: 7.5pt; color: #6E6054; }

#redbrick	{ font-size: 10pt; font-weight: bold; color: #6E6054; text-align: left; border-collapse : collapse; }

#redbrick td 	{ border-top: 5px solid #ffffff;} 

.text		{ padding: 0px 0px 0px 15px;  text-decoration: none; font-size: 8pt; color: #6E6054;}

.padding		{ padding: 10px 5px 5px 5px; }

.padding3		{ padding: 5px 5px 5px 5px; }

.padding4		{ padding: 5px 0px 5px 0px; }

.padding2		{ padding: 20px 5px 10px 0px; }

.padding6		{ padding: 5px 0px 0px 5px; }

.padding7		{ padding: 15px 0px 0px 0px; }

#yellowtable	{ float: left; width: 270px; font-size: 8pt; color: #ffffff;  text-align: center;}

#yellowtable td	{ padding: 5px; }

#enter			{ float: right; width: 680px; height: 400px; background-color: lightblue;}

#bottom2		{ float: right; width: 680px; height: 80px; background-color: #ffffff;}

#enterbutton		{ float: left; width: 530px; text-align: left; padding-top: 5px;}

.address2	{ float: left; text-align: right; width: 150px; height: 90px; font-weight: normal; font-size: 7.5pt; color: #6E6054; 
		background-color: #E5E5E5; text-align: left;}

#bottomtable2	{ padding-top: 25px;}

#orangeLinksGrid		{ padding: 10px 0px 0px 10px; }
#orangeLinksGrid a		{ font: bold 9pt helvetica, arial; float: left; height: 25px; line-height: 25px; text-decoration: none; }
.testLink			{ color: #FFFFFF; background: #F18E00; border: 1px solid #F18E00; display: block; margin: 0px 5px 0px 0px; padding: 0px 8px 0px 8px;}
.testLink:hover			{ color: #F18E00; background: #FFFFFF; border: 1px solid #6E6054; }
.testLink2			{ color: #F18E00; background: #FFFFFF; border: 1px solid #6E6054; display: block; margin: 0px 5px 0px 0px; padding: 0px 8px 0px 8px;}
.testLink2:hover		{ color: #FFFFFF; background: #F18E00; border: 1px solid #F18E00; }

#orangeback		{ padding: 0px 0px 0px 0px; }

#buytable		{  float: left; padding: 10px 0px 0px 25px; font: normal 7pt helvetica; color: #6E6054; }

#buytable2		{  float: left; font: normal 7pt helvetica; color: #6E6054; padding: 10px 0px 0px 35px;}

.buytablebig		{  font: normal 10pt helvetica; color: #6E6054; }
.col2		        {  font: normal 10pt helvetica; color: #6E6054; }
.buytablebigger		{  font: bold 10pt helvetica; color: #6E6054; }

.buytableright		{ font: bold 10pt helvetica; color: #6E6054; }	

#buybutton		{ }

#yellowbox	{ width: 332px; }

#yellowbox2	{ background-color: #ffffff; }

#getquote		{ margin-top:35px; }

.quotable
{
font-size: 9pt;
}

.tablesmall
{
width: 497px;
max-width: 497px;
}


.transtable
{
font-size: 8pt; 
color: #6E6054;
}

.mb10
{
font-size: 8pt; 
color: #6E6054;
}

.pracinfo
{
font-size: 9pt; 
color: #6E6054;
}

/*****************
*     Styling   **
*****************/
.error
{
color: red;
font-weight: bold;
}


#yellowmiddlequote .quoteformtr input
{
margin-bottom: 0px;
}

#yellowmiddlequote input
{
margin-bottom: 12px;
}


#middley .formsend
{
background-color: #F18E00;
border: 1px solid #F18E00;
color: #ffffff;
font: bold 9pt helvetica, arial; 
padding: 5px 3px;
}

#middley .formsendhover
{
background-color: #ffffff;
border: 1px solid #000000;
color: #F18E00;
font: bold 9pt helvetica, arial; 
padding: 5px 3px;
}


img		{ border: 0; }

H1		{ font: bold 12pt Helvetica Light; color: #B11F16; }


.brick		{ display: inline; float: left; width: 35px; height: 20px; line-height: 20px; background-color: #F18E00;  margin-right: 10px; }

.quoteblock	{ display: inline; float: left; width: 230px; height: 25px; font: bold 10pt helvetica; color: #6E6054; margin-right: 10px; margin-bottom: 5px;}


.bformlabel
{
margin-right: 60px;
}

.bformlabelo
{
text-decoration: underline;
}


.b-form-field
{
display: inline;
float: left;
width: 120px;
margin-right: 10px;
}

.b-form-button
{
display: inline;
float: left;
width: 70px;
margin-right: 10px;
}


.tablesmall
{
width: 497px;
max-width: 497px;
font-size: 9pt;
}

.tablesmall .listhline td
{
font-weight: bold;
border-bottom: 1px dashed #6E6054;
}

.invoicetable
{
margin-left: -300px;
}

.list
{
margin-bottom: 11px;
}

/*****************
*  Colour Links **
*****************/
#mainaccount li a:link 		{ font-size: 8pt; color: #FF7300; background-color: #ffffff; padding: 3px 3px 4px 3px; line-height: 14pt; text-decoration: underline; }
#mainaccount li a:hover 	{ font-size: 8pt; color: #ffffff; background-color: #FF7300; padding: 3px 3px 4px 3px; line-height: 14pt; text-decoration: none; }
#mainaccount li a:visited 	{ font-size: 8pt; color: #FF7300; background-color: #ffffff; padding: 3px 3px 4px 3px; line-height: 14pt; text-decoration: underline; }
#mainaccount li a:active	{ font-size: 8pt; color: #FF7300; background-color: #ffffff; padding: 3px 3px 4px 3px; line-height: 14pt; text-decoration: underline; }

#middleyA a:link 	{ font-size: 8pt; color: #FF7300;}
#middleyA a:hover 	{ font-size: 8pt; color: #FF7300;}
#middleyA a:visited 	{ font-size: 8pt; color: #FF7300;}
#middleyA a:active	{ font-size: 8pt; color: #FF7300;}

#middlerA a:link 	{ font-size: 8pt; color: #BA0100;}
#middlerA a:hover 	{ font-size: 8pt; color: #BA0100;}
#middlerA a:visited 	{ font-size: 8pt; color: #BA0100;}
#middlerA a:active	{ font-size: 8pt; color: #BA0100;}

#middler a:link 	{ font-size: 8pt; color: #BA0100;}
#middler a:hover 	{ font-size: 8pt; color: #BA0100;}
#middler a:visited 	{ font-size: 8pt; color: #BA0100;}
#middler a:active	{ font-size: 8pt; color: #BA0100;}

#middley a:link 	{ font-size: 8pt; color: #FF7300;}
#middley a:hover 	{ font-size: 8pt; color: #FF7300;}
#middley a:visited 	{ font-size: 8pt; color: #FF7300;}
#middley a:active	{ font-size: 8pt; color: #FF7300;}

#middleb a:link 	{ font-size: 8pt; color: #229BD3;}
#middleb a.:hover 	{ font-size: 8pt; color: #229BD3;}
#middleb a:visited 	{ font-size: 8pt; color: #229BD3;}
#middleb a:active	{ font-size: 8pt; color: #229BD3;}

#middleg a:link 	{ font-size: 8pt; color: #459B46;}
#middleg a:hover 	{ font-size: 8pt; color: #459B46;}
#middleg a:visited 	{ font-size: 8pt; color: #459B46;}
#middleg a:active	{ font-size: 8pt; color: #459B46;}



a.red:link 	{ font-size: 8pt; color: #BA0100;}
a.red:hover 	{ font-size: 8pt; color: #BA0100;}
a.red:visited { font-size: 8pt; color: #BA0100;}
a.red:active	{ font-size: 8pt; color: #BA0100;}

a.yellow:link 	{ font-size: 8pt; color: #FF7300;}
a.yellow:hover 	{ font-size: 8pt; color: #FF7300;}
a.yellow:visited { font-size: 8pt; color: #FF7300;}
a.yellow:active	{ font-size: 8pt; color: #FF7300;}

a.blue:link 	{ font-size: 8pt; color: #229BD3;}
a.blue:hover 	{ font-size: 8pt; color: #229BD3;}
a.blue:visited { font-size: 8pt; color: #229BD3;}
a.blue:active	{ font-size: 8pt; color: #229BD3;}

a.green:link 	{ font-size: 8pt; color: #459B46;}
a.green:hover 	{ font-size: 8pt; color: #459B46;}
a.green:visited { font-size: 8pt; color: #459B46;}
a.green:active	{ font-size: 8pt; color: #459B46;}

#yellowmiddlebuy a:link 	{ text-decoration: underline; font-size: 10pt; font-weight: bold; color: #6E6054;}
#yellowmiddlebuy a:hover 	{ text-decoration: underline; font-size: 10pt; font-weight: bold; color: #6E6054;}
#yellowmiddlebuy a:visited { text-decoration: underline; font-size: 10pt; font-weight: bold; color: #6E6054;}
#yellowmiddlebuy a:active	{ text-decoration: underline; font-size: 10pt; font-weight: bold; color: #6E6054;}


.righttext a:link 	{ font-size: 8pt; font-weight: normal; color: #B11F16; }
.righttext a:hover 	{ font-size: 8pt; font-weight: normal; color: #B11F16; }
.righttext a:visited 	{ font-size: 8pt; font-weight: normal; color: #B11F16; }
.righttext a:active 	{ font-size: 8pt; font-weight: normal; color: #B11F16; }

#buybutton a:link	{ font: bold 9pt helvetica, arial; float: left; height: 25px; line-height: 25px; text-decoration: none; color: #ffffff; border: 1px solid #F18E00; display: block; background: #F18E00; padding: 0px 8px 0px 8px;}
#buybutton a:hover	{ font: bold 9pt helvetica, arial; float: left; height: 25px; line-height: 25px; text-decoration: none; color: #FF7300; border: 1px solid #6E6054; display: block; background: #FFFFFF; padding: 0px 8px 0px 8px;}
#buybutton a:active	{ font: bold 9pt helvetica, arial; float: left; height: 25px; line-height: 25px; text-decoration: none; color: #ffffff; border: 1px solid #F18E00; display: block; background: F18E00; padding: 0px 8px 0px 8px;}

#getquote a:link	{ font: bold 9pt helvetica, arial; float: left; height: 25px; line-height: 25px; text-decoration: none; color: #ffffff; border: 1px solid #F18E00; display: block; background: #F18E00; padding: 0px 8px 0px 8px;}
#getquote a:hover	{ font: bold 9pt helvetica, arial; float: left; height: 25px; line-height: 25px; text-decoration: none; color: #FF7300; border: 1px solid #6E6054; display: block; background: #FFFFFF; padding: 0px 8px 0px 8px;}
#getquote a:active	{ font: bold 9pt helvetica, arial; float: left; height: 25px; line-height: 25px; text-decoration: none; color: #ffffff; border: 1px solid #F18E00; display: block; background: F18E00; padding: 0px 8px 0px 8px;}


#navitable a:link { text-decoration: yes; font-size: 12px; font-weight: normal; color: #71665C; padding: 5px 15px 5px 0px;}
#navitable a:hover { text-decoration : yes; font-size: 12px; font-weight: normal; color: #71665C; padding: 5px 15px 5px 0px; } 
#navitable a:visited { text-decoration : yes; font-size: 12px; font-weight: normal; color: #71665C; padding: 5px 15px 5px 0px; } 
#navitable a:active { text-decoration : yes; font-size: 12px; font-weight: normal; color: #71665C; padding: 5px 15px 5px 0px; } 

#topbar a:link 	{ font-size: 8pt; color: #BA0100;}
#topbar a:hover 	{ font-size: 8pt; color: #BA0100;}
#topbar a:visited { font-size: 8pt; color: #BA0100;}
#topbar a:active	{ font-size: 8pt; color: #BA0100;}