@charset "utf-8";
/* CSS Document */

BODY{
	background: #f0f5fb url(images/main-background.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul, li{
	padding: 0;
	margin: 0;
}


a{
	color: #000000;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

a:hover{
	color: #004ebd;
	text-decoration: underline;
}

#cartList{
	margin:0; 
	padding:0; 
	float: right;
}

li.cartDivide,li.cartDivide2{
	float: left;
	list-style: none;
}

li.cartDivide span, li.cartDivide2 span{
	display: block;
	cursor: pointer;
	padding: 8px 20px 2px 20px; /* increse or decrease to change the size of this tab*/
	margin: 0;
	background: url(images/cartDivider.gif) 99% 8px no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: #2eb135;
	text-decoration: none;
/*border: 1px solid #990000;
text-decoration: underline;
/*height: 2em;*/
}

li.cartDivide2 span{
	background: none;
}

li.cartDivide a span:hover,li.cartDivide2 a span:hover{
	text-decoration: underline;
}

#catalog{
width: 100%;
margin: 0 2px;
}

.cataOrder{
float:left; clear:left;
}

.cataDesc{
padding: 0;
}

a.cataDes{
color: #22b833;
font-size: 100%;
font-weight: bold;
text-decoration:none;
}

a.cataDes:hover{
color: #22b833;
font-size: 100%;
font-weight: bold;
text-decoration:underline;
}

.cataPrice{
color: #000;
font-size: 80%;
padding: 0;
}

.tablecol{
width: 33%;
text-align: left;
padding-bottom: 1em;
vertical-align: top;
}

#cartMenu{
	text-align: right;
	background:#FFF;
	height: 32px;
	padding: 2px 0 0 0;
	float: left;
}

#cartMenu a{
	text-decoration: none;
}

#cartMenu a:hover{
	text-decoration: underline;
}

#container{
	padding: 0;
	width: 100%;
	text-align: center;
}

h1, h2{
	margin: 0;
	padding: 0 0 0 4px;
	color: #2eb135;
	font-size: 130%;
}

#listServices{
	list-style:  disc;
	padding: 0;
	margin-left: 20px;
}

#mainContent{
	width:950px; 
	background: #fff;
	border-bottom: 1px solid #106515; 
	border-left: 1px solid #106515;
	border-right: 1px solid #106515;
	margin: 0 auto;
}

#masthead{
	background:  #2eb135;
	text-align: left;
	height: 101px;
	width: 950px;
	float:left;
}

p{
margin: 0;
padding: .5em 0 .5em 4px;
}

#pageContents{
	background: #ffffff;
	width: 785px;
	text-align:left;
	float:left;
	padding: 0 0 0 0;
	margin: 0;
}

#topMenu{
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	background: #004ebd;
	text-align: center;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	height: 15px;
	padding: 2px 0px 2px 0px;
	margin: 0;
}

#topMenu ul {
list-style:none;
}

#topMenu ul li{
display: inline;
padding: 0 16px;
margin: 0;
}

#topMenu ul li a{
color: #fff;
text-decoration: none;
}

#topMenu ul li a:hover{
color: #fff;
text-decoration: underline;
}

/*-------------LEFT SIDE MENU-------------------------*/
.menu {
margin:0;
padding: 0;
float: left;
position: relative;
clear: left;
background: none repeat scroll 0%;/*BDE18A C2E78E*/
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
font-size: 11px;
}

.menu ul.mainlist { /* remove all the bullets, borders and padding from the default list styling */
position: relative;
padding: 0;
margin: 0;
list-style-type: none;
width: 160px;
}

.menu div.mainlist { /* remove all the bullets, borders and padding from the default list styling */
position: relative;
padding: 0;
margin: 0;
width: 160px;
}

.mainlist{
top: -4px;
}

/* get rid of the table */
.menu table{
position:absolute; 
border-collapse:collapse; 
top: 0; 
left: 0; 
}

/* style the links */
.menu a{
display:block; 
}

/* hack for IE5.5 */
* html .menu a {
width:156px; w\idth:159px;
} /* "menu ul" width minus 6 pixels */


/* style the link hover */
* html .menu a:hover {
color:#004EBD;position:relative; background: #deefc5;
} 

/* style the link hover */
* html .menu a.NoHighlight:hover {
color:#004EBD;  position:relative; background:none;
} 

.menu li:hover {
position:relative;
}

.menu div:hover {
position:relative;
}
/* retain the hover colors for each sublevel IE7 and Firefox etc */

/* make flyout invisible */
.menu li ul{
visibility:hidden;
position:absolute;
top:0;
/* set up the overrun area */
padding:0;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(images/transparent.gif);
}

.menu div div{
visibility:hidden;
position:absolute;
top:0;
/* set up the overrun area */
padding:0;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(images/transparent.gif);
}

.menu li:hover { /*positions the flyout menu on IE and FF */
position:relative;
}

.menu div:hover { /*positions the flyout menu on IE and FF */
position:relative;
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

.menu div:hover > div {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}

.menu div a:hover div div{
visibility:hidden;
}

/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}

.menu div a:hover div a:hover div div{
visibility:hidden;
}

/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

.menu div a:hover div a:hover div a:hover div div{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}

/* make the second level visible when hover on first level link */
.menu div a:hover div {
visibility:visible;
}

/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}

.menu div a:hover div a:hover div{ 
visibility:visible;
}

.flylink{
padding:0;
margin:0;
}

.flylink:hover{  /* Main link hover for IE */
cursor: pointer;
color: #fff;
background: #deefc5;
}

.flylink a{ /*Style and spacing for main header links */
margin-left: 0px; margin-right:0px; marker-offset:0px;
line-height: 1em;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 0px;
padding-left: 4px;
color: #004ebd;
font-weight: bold;
text-decoration: none;
width: 154px;
}

.flylink a:hover{ /*Style and spacing for main header links */
margin-left: 0px; margin-right:0px; marker-offset:0px;
line-height: 1em;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 0px;
padding-left: 4px;
color: #004ebd;
font-weight: bold;
text-decoration: none;
width: 154px;
color: #fff;
background: #deefc5;
}

.flylink a.subheadNoLink{ /*Style and spacing for main header links */
line-height: 1em;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 0px;
padding-left: 4px;
color: #004ebd;
font-weight: bold;
text-decoration: none;
width: 158px;
}

.flylink a.subheadNoLink:hover{ /*Style and spacing for main header links */
line-height: 1em;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 0px;
padding-left: 4px;
color: #004ebd;
font-weight: bold;
text-decoration: none;
width: 158px;
background: #deefc5;
}

/*Style for main links when hovering
div.subhead:hover{
display: block;
color: #004ebd;
font-weight: bold;
cursor: pointer;
cursor: hand;
}*/

a.subhead:hover{ /*Style for main links when hovering*/
display: block;
color: #004ebd;
font-weight: bold;
cursor: pointer;
cursor: hand;
}

a.subheadNoLink:hover{ /*Style for main links when hovering*/
display: block;
color: #004ebd;
font-weight: bold;
cursor: default;
}

ul .flyout{ /*size and color of flyout submenu*/
position: relative;
left: 158px;
width: 235px;
padding: 0;
margin: 0;
list-style: none;
}

div .flyout{ /*size and color of flyout submenu*/
position: relative;
left: 158px;
width: 235px;
padding: 0;
margin: 0;
list-style: none;
}

ul .flyout li{ /*Flyout items with bullets*/
margin: 0;
padding: 0;
background: #deefc5;
}


div .flyout div{ /*size and color of flyout submenu*/
position: relative;
left: 158px;
width: 235px;
padding: 0;
margin: 0;
list-style: none;
}

.flyoutSub a{  /*Flyout link style*/
padding: .5em 0 .5em 0px;
display: block;
width: 235px;
color: #000000;
/* border-top: 1px solid #e1eaf4;
border-bottom: 1px solid #3473b5; */
font-weight: normal;
}



.flyoutSub{
border-bottom: 1px solid #999;
}

/* hack for IE5.5 makes flyouts work */ /*spacing and font weight on flyout for IE*/
* html .flyoutSub a{
	width: 235px; 
	
	/* border-bottom: 1px solid #999;*/
	font-weight: normal;
}

.flyoutSub li a{  /*Flyout link style*/
padding: .5em 0 .5em 0px;
display: block;
width: 235px;
color: #000000;
font-weight: normal;
}

.flyout li a:hover{ /*link hover on flyout*/
padding: .5em 0 .5em 0px;
display: block;
/*color:#990000;*/
background: #f2ffdf;
width: 235px;
font-weight: normal;
}

.flyout a.flysub{ /*Style and spacing for main header links */
line-height: 1em;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 0px;
padding-left: 2px;
color: #004ebd;
font-weight: normal;
text-decoration: none;
width: 233px;
}

.flyout a.flysub:hover{ /*Style and spacing for main header links */
line-height: 1em;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 0px;
padding-left: 2px;
/*color:#990000;*/
background: #f2ffdf;
font-weight: normal;
text-decoration: none;
width: 233px;
}

.flyout div a:hover{ /*link hover on flyout*/
color:#990000;
/* border-bottom: 1px solid #999;*/
background: #f2ffdf;
width: 235px;
}

.StdTitle{font-family:arial;font-size:12px;font-weight:bold;color:#FFFFFF;background-color:#003366;text-align:center;}
TD {font-size:11px;font-family:arial;}
.SubPropTitle{
	font-family:arial;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	text-align:center;
}