html,body {
color:#444;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:88%;
padding:0; 
height:100%;
height: auto;      /* IE 5.5-7 */ 
width:100%;
margin:0;
min-width:993px /* use sbg width */
}

img {
outline:none
}

a:focus{
outline:none
}

#obg {
Z-INDEX: 15;
position:absolute;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px auto; 
overflow: hidden;
width: 100%;
min-height:100%;
height:auto !important;
height:100%;
background: #ffffff url('') repeat-x scroll 50% 0px
}

#hbg {
Z-INDEX: 6;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px auto;
overflow: hidden;
background: transparent url('../graphics/background.gif') repeat-x scroll 50% 182px;
width: 100%
}

#hdr {
margin-left: auto;
margin-right: auto;
width: 993px;
height: 577px;
position: relative;
background: transparent url('') repeat-x scroll 50% 0px;
TEXT-ALIGN: center
}

#logo
{
position: absolute;
Z-INDEX: 99;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 20px;
color:#000000;
margin: 0px auto;
overflow: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
height: 107px;
width: 139px;
left: 0px;
top: 0px
} 

#phone
{
position: absolute;
Z-INDEX: 24;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 20px;
margin: 0px auto;
overflow: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
height: 24px;
width: 258px;
left: 730px;
top: 43px
} 

#top-nav
{
position: absolute;
Z-INDEX: 25;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
color:#333333;
margin: 0px auto;
overflow: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
left: 689px;
top: 5px
} 

#primary-nav
{
position: absolute;
Z-INDEX: 25;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 155px;
color:#333333;
margin: 0px auto;
overflow: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
left: 0px;
top: 0px
} 


#txt
{
position: absolute;
Z-INDEX: 24;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
color:#000000;
margin: 0px auto;
overflow: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
height: 395px;
width: 660px;
left: 0px;
top: 230px
} 


#receipt
{
position: absolute;
Z-INDEX: 24;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
color:#000000;
margin: 0px auto;
overflow: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
height: 395px;
width: 301px;
left: 710px;
top: 182px
} 

#provide
{
position: absolute;
Z-INDEX: 24;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
color:#000000;
margin: 0px auto;
overflow: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
height: 85px;
width: 250px;
left: 732px;
top: 275px
} 

#approach
{
position: absolute;
Z-INDEX: 24;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
color:#000000;
margin: 0px auto;
overflow: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
height: 85px;
width: 242px;
left: 736px;
top: 351px
} 

#consultation
{
position: absolute;
Z-INDEX: 24;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
color:#000000;
margin: 0px auto;
overflow: hidden;
background: transparent url('') no-repeat scroll 50% 0px;
height: 85px;
width: 254px;
left: 730px;
top: 424px
} 




#sbg {
Z-INDEX: 5;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px auto 30px; /* height of push - only used for footer that sticks to bottom  */
overflow: hidden;
min-height:100%;
height:auto !important;
height:50%;
width: 993px;
background: transparent url('') no-repeat scroll 50% 0px
}

.line {
float: left;
display: block;
POSITION: relative;
margin:0; 
padding:0; 
overflow: visible;
width: 100%;
BACKGROUND-COLOR: transparent
}

.item {
position: relative;
float: left;
padding:0; 
overflow: visible;
left: 100%;
min-height: 250px; /* left, middle & right column minimum height - increases column height if larger than individual setting */
  border: 0;
margin: 0px auto;

BACKGROUND-COLOR: transparent
}

.sap-content {
overflow: visible
}


.column {
margin-BOTTOM: -0px; /* left, middle & right columns to be of equal heights - set to 32767 if yes or 0 if no */
padding-bottom: 0px  /* left, middle & right columns to be of equal heights - set to 32767 if yes or 0 if no */
}










#main #sidebar-left {
Z-INDEX: 9;
margin-left: -100%;
width: 0px; /* also adjust main content sap content width */
background: #006699
}
#main #sidebar-left .sap-content {
Z-INDEX: 10;
min-height: 150px; /* minimum height of left column */
border-style:solid;
border-width:0px 0px 0px 0px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-top: 15px
}



#main #maincontent {
position: relative;
z-index: 7;
margin-left: -988px;
width: 72%;
COLOR: #444
}
#main #maincontent .sap-content {
z-index: 8;
min-height: 300px; /* minimum height of middle column */
background: transparent;
padding-right: 0px;
padding-left: 0px; /* add main sidebar left width */
padding-bottom: 15px;
padding-top: 15px
}



#main #sidebar-right {
position: relative;
z-index: 9;
margin-left: 0px;
width: 0px;
background: #ffffff url('') no-repeat scroll 100% 0px
}
#main #sidebar-right .sap-content {
z-index: 10;
min-height: 365px; /* minimum height of middle column */
padding-right: 35px;
padding-bottom: 15px;
padding-left: 15px;
padding-top: 15px
}


.hfitem {
position: relative;
overflow: hidden;
BACKGROUND-COLOR: transparent
}

.hfsap-content {
overflow: hidden
}



#fbg {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px auto;
overflow: hidden;
position:absolute; /* need if stick to bottom footer required */
bottom:0; /* need if stick to bottom footer required */
background: #E5E5E5 url('') repeat scroll 50% 0px;
width: 100%;
}

#ftr {
z-index: 35;
margin-left: auto;
margin-right: auto;
width: 993px;
height: 140px;
background: #E5E5E5 url('') repeat-x scroll 50% 0px;
text-align: left;
top: 0px
}

.push {
margin:0; 
padding:0; 
height: 140px; /* .push must be the same height as .footer */
}

a:link {color:#333333;}
a:visited {color:#333333;}
a:hover {color:#333333;}
a:active {color:#333333;}
.breadcrumb {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#000000;
font-weight:Arial, Verdana, Helvetica, sans-serif;
font-style:normal;
text-decoration:none;
}
a.breadcrumb:link {color:#000000; }
a.breadcrumb:visited {color:#000000; }
a.breadcrumb:hover {color:#000000;
text-decoration: underline; }
a.breadcrumb:active {color:#000000;
}
h1,.pagehead {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:30px;
color:#333333;
line-height: 60px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}
a.pagehead:link {color:#555555; }
a.pagehead:visited {color:#555555; }
a.pagehead:hover {color:#000000;
text-decoration:underline; }
a.pagehead:active {color:#555555;
} 
h2,.parahead {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
line-height: 20px;
color:#00ADEF;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
a.parahead:link {color:#FF3333; }
a.parahead:visited {color:#FF3333; }
a.parahead:hover {color:#FF3333;
text-decoration:underline; }
a.parahead:active {color:#FF3333;
}

.subhdr{
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 22px;
color:#949698;
line-height: 25px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a.subhdr:link {color:#FF3333; }
a.subhdr:visited {color:#FF3333; }
a.subhdr:hover {color:#FF3333;
text-decoration:none; }
a.subhdr:active {color:#FF3333;
}

.white{
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 35px;
color:#ffffff;
line-height: 30px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

.blk{
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 35px;
color:#333333;
line-height: 60px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

.white_sm{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
color:#ffffff;
line-height: 25px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

.main {
font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:normal;
font-style:normal;
text-decoration:none;
line-height: 20px
}

a.main:link {color:#00ADEF; }
a.main:visited {color:#00ADEF; }
a.main:hover {color:#00ADEF;
text-decoration:none; }
a.main:active {color:#00ADEF;
}


.topmenu {
font-family: Tahoma, Arial, Helvetica, sans-serif; 
color:#999999; 
text-decoration:none;
font-size:12px; 
padding:5px 3px 0px 3px;
}

a.topmenu:link {color:#999999; }
a.topmenu:visited {color:#999999; }
a.topmenu:hover {color:#00ADEF;
text-decoration:none; }
a.topmenu:active {color:#999999
}

.menu {
font-family: Arial, Helvetica, sans-serif; 
color:#949698; 
text-decoration:none;
font-weight:normal;
font-style:normal;
font-size:18px; 
padding:24px 30px 10px 0px
}

a.menu:link {color:#949698; }
a.menu:visited {color:#949698; }
a.menu:hover {color:#00ADEF;
text-decoration:none; }
a.menu:active {color:#949698
}

.sub {
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#888888;
font-weight:normal;
font-style:normal;
text-decoration:none
}

a.sub:link {color:#444444; }
a.sub:visited {color:#444444; }
a.sub:hover {color:#000000;
text-decoration:underline; }
a.sub:active {color:#444444
}

.colhead {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
font-style:normal;
text-decoration:none
}
a.colhead:link {color:#000000; }
a.colhead:visited {color:#000000; }
a.colhead:hover {color:#000000;
text-decoration:none; }
a.colhead:active {color:#000000
}

.coltext {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
font-style:normal;
text-decoration:none
}

a.coltext:link {color:#000000; }
a.coltext:visited {color:#000000; }
a.coltext:hover {color:#000000;
text-decoration:none; }
a.coltext:active {color:#000000
} 

.footer{
font-family: Arial, Helvetica, sans-serif; 
color:#8E8F92; 
text-decoration:none; 
font-size:11px; 
padding:10px 12px 0px 0px
}

a.footer:link {color:#8E8F92; }
a.footer:visited {color:#8E8F92; }
a.footer:hover {color:#00ADEF;
text-decoration:none; }
a.footer:active {color:#8E8F92
}

.colline {
border-bottom:1px solid#000000;
}
.line {
border-bottom:1px solid#333333;
}
.dashedline {
border-bottom:1px solid#333333;
border-style: dashed; border-width: 1px, 
}
.calendarbg {
background:#ffffff;
}
.calendarleftbg {
background:#ffffff;
}
.calendarrightbg {background:#ffffff;
}
.productListing-heading {
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#444444;
font-weight:bold;
font-style:normal;
text-decoration:none;
font-variant: small-caps
}
a.productListing-heading:link {color:#444444; }
a.productListing-heading:visited {color:#444444; }
a.productListing-heading:hover {color:#444444; }
a.productListing-heading:active {color:#444444
}
hr {
color: #fff;
background-color: #fff; 
border: 1px dotted #cccccc; 
border-style: none none dotted;
 width: 95%; 
 }
 
.paddinghome {
padding:10px 10px 10px 10px;
}

ul {
	margin-left: 0.5em;
	padding-left: 1em;
	margin-bottom: 0em;
	list-style-image: url('../graphics/bullet.gif')
	}

ol {
	margin-left: 0.5em;
	margin-right: 2em;
	padding-left: 1em;
	margin-bottom: 0em;
	margin-top: 0em;
	font-size: 24px;
	color: #FF3333;
	font-style: bold
	}

.oltext {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	line-height: 17px
	}