* {
margin: 0px;
padding: 0px;
}


body {
font-family: arial, helvetica, verdana, sans-serif;
top: 0px;
left: 0px;
border: 0px;
font-size: .9em;
background-color: #FFFFFF;
}

a:link    {
color: #24418A;
text-decoration: underline;
font-weight: normal;
font-size: 100%;
}

a:visited {
color: #24418A;
text-decoration: underline;
font-weight: normal;
font-size: 100%;
}

a:active  {
color: #24418A;
text-decoration: underline;
font-weight: normal;
font-size: 100%;
}

a:hover   {
color: #24418A;
text-decoration: underline;
font-weight: normal;
font-size: 100%;
}

.popup {
font-size: .7em;
color: #0031DD;
border: #0031DD solid 1px;
background-color: #DFF4FF;
padding: 2px 2px 2px 2px;
}

p { margin: 10px 0px 10px 0px;}

hr {
color: #999999;
}

td {
font-family: arial, helvetica, verdana, sans-serif;
color: #000000;
font-size: .8em;
}

h1 {
display:block;
font-size: 200%;
font-weight: bold;
color: #24418A;
}

h2 {
display:block;
font-size: 130%;
font-weight: bold;
color: #24418A;
margin: 0px 0px 15px 0px;
}

h3 {
display:inline;
font-size: 110%;
font-weight: bold;
color: #24418A;
}

h4 {
display:inline;
font-size: 100%;
font-weight: normal;
color: #24418A;
}

.headinglink:link    {
text-decoration: underline;
font-weight: bold;
}

.headinglink:visited {
text-decoration: underline;
font-weight: bold;
}

.headinglink:active  {
text-decoration: underline;
font-weight: bold;
}

.headinglink:hover   {
text-decoration: underline;
font-weight: bold;
}

.bottomlink:link    {
font-size: .8em;
}

.bottomlink:visited {
font-size: .8em;
}

.bottomlink:active  {
font-size: .8em;
}

.bottomlink:hover   {
font-size: .8em;
}

.textbig{
font-size: 140%;
font-weight: normal;
line-height: 0.8;
color: #0031D1;
}

.blue {
color: #24418A;
}

.nobr {
white-space: nowrap;
} 

form {
display:block;
margin: 0px 0px 10px 0px;
} 
.button {
cursor: pointer;
color: #000000;
font-size: 9pt;
font-weight: normal;
border: #0031D1 1px solid;
background-color: #cccccc;
}

.button80 {
width:80px;
cursor: pointer;
color: #000000;
font-size: 9px;
font-weight: bold;
border-top: #168630 thin solid;
background-color: #28DD1B;
border-right: #168630 thin solid;
border-bottom: #168630  thin solid;
border-left: #168630 thin solid;
}

.button100 {
width:100px;
cursor: pointer;
color: #000000;
font-size: 9px;
font-weight: bold;
border-top: #168630 thin solid;
background-color: #28DD1B;
border-right: #168630 thin solid;
border-bottom: #168630  thin solid;
border-left: #168630 thin solid;
}

#skiplinks {
position: absolute;
left: -1000px;
}


#pageheader {
position: absolute;
width: 750px;
top: 18px;
left:0px;
height: 60px;
}

#logo {
position: absolute;
top: 0px;
left:16px;
border: 0px;
}

.logo {
border: 0px;
}


#bluebar {
background-color: #24418A;
background-image: url(../images/blue-bar-images3.jpg);
background-repeat: no-repeat;
position: absolute;
top: 0px;
left:145px;
width: 605px;
height: 88px;

}

#bluebarh {
background-color: #24418A;
background-image: url(../images/blue-bar-images4.jpg);
background-repeat: no-repeat;
position: absolute;
top: 0px;
left:145px;
width: 605px;
height: 91px;
text-align: center;
}

.aaa {
display: block;
color: #ffffff;
font-weight: bold;
font-size: 150%;
position: relative;
top: 62px;
text-align: center;
width: 100%;
}

.tripleabox {
position: relative;
top:55px;
}

.strapline {
color: #24418A;
font-weight: bold;
font-size: 130%;
position: relative;
top: 0px;
text-align: center;
width: 100%;
}

.triplea {
color: #24418A;
font-family: verdana, helvetica, verdana, sans-serif;
font-weight: bold}


#bluebar2 {
background-color: #24418A;
position: absolute;
top: 112px;
left:145px;
width: 605px;
height: 3px;
}

/*
.submenutext:link {
font-size: 80%;
line-height: 220%}

.submenutext:visited {
font-size: 80%;
line-height: 220%}

.submenutext:active {
font-size: 80%;
line-height: 220%}

.submenutext:hover {
font-size: 80%;
line-height: 220%}

*/
#navbarp {
padding: 0;
margin: 0;
position: absolute;
top: 92px;
left: 145px;
list-style: none;
	
} 

#navbarp li {
/*** IE6 needs position:relative to display the links ***/
display: inline;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}


#navbarp li a {
text-decoration: none;
font-weight: normal;
margin: 0px 27px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000099;
font-size: 0.9em;
}

#navbarp .thispage {
border-bottom: 1px solid #0031D1;
}
.thisparent {
border-bottom: 1px solid #0031D1;
}


#navbarp li a:hover {
color: #0031D1;
border-bottom: solid 1px #0031D1;
}


#childmenu {
position: relative;
top: 20px;
left: 0px;
font-size: 90%;
white-space: nowrap;
list-style-type: none;
} 

#childmenu  li {
/* ** IE6 needs position:relative to display the links ** */
position: relative;
margin: 0px 0px 5px 0px;
padding: 0;
list-style-type: none;
}

#childmenu li a {
text-decoration: none;
font-weight: normal;
margin: 0px;
}

#childmenu  li a:hover {
color: #0031D1;
text-decoration: underline;
}


#pagename {
position: absolute;
top: 155px;
left:16px;

}

#pageleft {
position: absolute;
width: 130px;
top: 190px;
left:16px;
}

#logoleft {
position: absolute;
top: 0px;
left:17px;

}

#pagemain {
position: absolute;
width: 450px;
top: 205px;
left:145px;
font-size: .9em;
}

#pagemain ul, #pagemain ol {
list-style-type: disc;
margin: 0px 0px 10px 30px;
}

#pagemainwide {
position: absolute;
width: 600px;
top: 205px;
left:145px;
font-size: .9em;
}

#pagemainbol {
position: absolute;
width: 580px;
top: 205px;
left:145px;
font-size: .9em;
}

.segment {
margin: 10px 0px 10px 0px;
position: relative;
width: 100%;
overflow: auto;
}

.segmentimgonly {
display: inline;
float: left;
margin: 0px 0px 0px 0px;
text-align: center;
}

.segmentimgonly p {
display: inline;
}


/* ================================ */
/*  START OF WIDGET TEXT FORMATTING
/* ================================ */

.widgetem {font-style: italic;}
.widgetstrong {font-weight: bold;}
.widgetleft {text-align: left;}
.widgetright {text-align: right;}
.widgetcentre {text-align: center;}
.widgetjustify {text-align: justify;}
.widgetexternal {/* formatting for external link */}


/* ================================ */
/*  END OF WIDGET TEXT FORMATTING
/* ================================ */

.uploadedimgr {
float: right;
margin: 0px 0px 10px 20px;
display: inline;
}

.uploadedimgl {
float: left;
margin: 0px 20px 10px 0px;
display: inline;
}

.uploadedimgc {
text-align: center;
display: block;
margin: 5px 0px 5px 0px;
}

.uploadedimgi {
text-align: center;
display: block;
margin: 5px 0px 5px 0px;
}

#texttop {
position: absolute;
left: 0px;
top: 0px;
}

.maintext {
text-align: justify;
line-height: 1.5;
}

.tabletext {
text-align: justify;
line-height: 1.5;
font-size: .8em;
}

.centre {
text-align: center;
}


#pageright {
position: absolute;
width: 120px;
top: 210px;
left:635px;
}

/* contact page */
#pagerightc {
position: absolute;
width: 120px;
top: 210px;
left:600px;
}


#photo     {
position: absolute;
top: 0px;
left: 0px;
}

#photosub2 {
position: absolute;
top: 120px;
left: 0px;
}

#photosub3 {
position: absolute;
top: 150px;
left: 0px;
}

#photosub4 {
position: absolute;
top: 180px;
left: 0px;
}

#photosub6 {
position: absolute;
top: 240px;
left: 0px;
}

#photodda  {
position: absolute;
top: 70px;
left: 0px;
}

.homebutton {
position: absolute;
top: 0px;
left: -2px;
z-index: -1;
margin: 0px;
padding: 0px;
}

.homelink   {
position: absolute;
top: 65px;
left:30px;
z-index: 10;
margin: 0px;
padding: 0px;
text-indent: 13px;
}

.hometext   {
position: relative;
z-index: 10;
margin: 0px;
padding: 0px;
top: 2px;
}

.quote {
font-style: italic;
}


/*  Menu Buttons */
.menubutton {
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
}

/* menu text */
/*
.menutext {
font-size: 80%;
color: #000000;
}
.menutext:link    {
color: #000000;
text-decoration: none;
font-weight: normal;
font-size: 12px;
z-index: 1;
}

.menutext:visited {
color: #000000;
text-decoration: none;
font-weight: normal;
font-size: 12px;
z-index: 1;
}

.menutext:active  {
color: #0031D1;
text-decoration: none;
font-weight: normal;
font-size: 12px;
z-index: 1;
}

.menutext:hover   {
color: #0031D1;
text-decoration: none;
font-weight: normal;
font-size: 12px;
z-index: 1;
}

*/
/*
#submenu1 {
position: absolute;
top: 45px;
left:35px;
text-indent: 12px;
line-height:1.6;
}

#submenu2 {
position: absolute;
top: 75px;
left:35px;
text-indent: 12px;
line-height:1.6;
}

#submenu3 {
position: absolute;
top: 105px;
left:35px;
text-indent: 12px;
line-height:1.6;
}

#submenu4 {
position: absolute;
top: 135px;
left:35px;
text-indent: 12px;
line-height:1.6;
}

#submenu5 {
position: absolute;
top: 165px;
left:35px;
text-indent: 12px;
line-height:1.6;
}

#submenu6 {
position: absolute;
top: 195px;
left:35px;
text-indent: 12px;
line-height:1.6;
}
*/

.indent10 {
margin: 0px 0px 0px 10px;
}

.indent20 {
margin: 0px 0px 0px 20px;
}

.indent50 {
margin: 0px 0px 0px 50px;
}

.fontx {
font-weight: bold;
}

.leadin {
display: block;
margin: 7px 0px 0px 0px;
}

.boxright {
border: solid 1px #0031D1;
padding: 5px;
font-size: 80%;
background: #EFFBFF;
}


div.ptable {
width: 450px;
position: relative;
}

div.pcform {
width: 500px;
position: relative;
overflow: auto;
margin: 0px 0px 20px 0px;
}

div.ptable2 {
width: 385px;
position: relative;
}

div.ptable4 {
width: 485px;
position: relative;
}

div.row {
clear: both;
margin: 0px 0px 5px 0px;
}

div.row3 {
clear: both;
margin: 0px 0px 0px 0px;
}

div.row4 {
clear: both;
margin: 0px 0px 0px 0px;
}

/* contact form */
div.pcrow span.collc {
float: left;
width: 100px;
text-align: left;
} 

div.pcrow span.colrc {
float: right;
width: 340px;
text-align: left;
}


/* Press releases */
div.row span.lcol {
float: left;
width: 270px;
text-align: left;
} 

div.row span.rcol {
float: right;
width: 160px;
text-align: left;
}

/*  Newsletters */
div.row span.lcoln {
float: left;
width: 280px;
text-align: left;
} 

div.row span.rcoln {
float: right;
width: 80px;
text-align: left;
}

div.row span.lcol2 {
float: left;
width: 120px;
text-align: left;
} 

div.row span.rcol2 {
float: right;
width: 230px;
text-align: left;
}

div.row3 span.lcol3 {
float: left;
width: 280px;
text-align: left;
} 

div.row3 span.rcol3 {
float: right;
width: 80px;
text-align: left;
}

div.row4 span.lcol4 {
float: left;
width: 260px;
text-align: left;
} 

div.row4 span.rcol4 {
float: right;
width: 200px;
text-align: left;
}

div.ptableform {
width: 500px;
position: relative;
}

div.rowform {
clear: both;
margin: 2px 0px 0px 0px;
}

div.rowform span.forml {
float: left;
width: 160px;
text-align: left;
margin: 0px 0px 0px 30px;
} 

div.rowform span.formr {
float: right;
width: 310px;
text-align: left;
}

div.rowform span.formrr {
float: right;
width: 280px;
text-align: left;
}

div.rowform span.formr1 {
text-align: left;
margin: 0px 0px 0px 0px;
width: 80px;
}

div.rowform span.formr2 {
text-align: left;
margin: 0px 0px 0px 10px;
width: 80px;
}

div.rowform span.formr3 {
text-align: left;
margin: 0px 0px 0px 10px;
width: 80px;
}

.bldgs {
padding: 2px;
position: relative;
left: 25px;
}

.pricer {
width: 80px;
text-align: right;
}

input, textarea, select {
border: 1px solid #0031D1;
font-size: 90%;
}

.radio {
border: 0px;
position: relative;
left: -4px;
}

.terms {
font-size: 80%;
margin: 0px 20px 0px 20px;
}

.step  {
position: relative;
border: 1px solid #ccccff;
display: inline;
font-size: 9pt;
margin: 0px 15px 0px 0px;
padding: 0px 5px 0px 5px;
text-align:center;
}

.stepthis {
background: #ccccff;
border: 1px solid #ccccff;
}

.categorydata {
margin: 0px 0px 5px 0px;
}

.productdata {
border: 1px solid #009;
padding: 5px;
margin: 0px 0px 5px 20px;
position: relative;
width: 100%;
overflow: auto;
}

.categorymenu {
position: relative;
width: 100%;
overflow: auto;
margin: 0px 0px 15px 0px;
}

.categorymenu ul {
list-style-type: none;
display: inline;
margin: 0px;
padding: 0px;
}

.categorymenu li {
list-style-type: none;
position: relative;
margin: 0px 10px 0px 0px;
float: left;
}

.categoryul ul {
list-style-type: none;
display: block;
margin: 0px 0px 30px 50px;
padding: 0px;
}

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