/*
Copyright 2005 The Computer Studio
Homepage CSS
*/

#fma{
	padding: 0;
	border: 0;
	margin: 0 auto !important;
	margin: -3px auto;
	height: 171px;
	width: 772px !important;	
	width: 774px;
	text-align: left;
}

#fma-left{
	width: 772px !important;	
	width: 774px;
	border-left : 1px solid #666;
	border-right : 1px solid #666;
}

#midpods{
	padding: 10px 0px;
	margin: 0;
	min-height: 270px!important;
	min-height: 190px;
	width: 772px !important;
	width: 774px;
	text-align: left;
	border-left : 1px solid #666;
	border-right : 1px solid #666;	
}

#midpods h3{
	font-weight: bold;
	padding: 0;
}

#midpods p{
	padding: 5px 0;
}

#midpods div{
	border: 0;
	margin: 0;
}

#midpods div.pod-col1{
	float: left;
	border: 0;	
	height: 270px;	
	width: 175px; /* JS Override for MOZ */
	padding: 0 8px;	
}

#midpods div.pod-col2{
	float: left;
	border-left: 1px solid #006633;
	height: 270px;
	width: 180px; /* JS Override for MOZ */
	padding: 0 8px;	
}

#midpods div.pod-col3{
	float: left;
	border-left: 1px solid #006633;
	height: 270px;
	width: 195px; /* JS Override for MOZ */
	padding: 0 8px;	
}

/*Customer Service Feature*/
#midpods div.pod-feature{
	padding: 0;
	border: 0;
	margin: 0 10px 0 0 !important;	
	margin: 0 5px 0 0;
	height: 225px;
	width: 160px;
	float: right;
	background: #E5E5E5;
}
#midpods #cust_serve a{
	color: #000000;
}
#midpods #cust_serve li{
	margin: 8px 0 0 27px;
}
/* Dynamic List Elements */
#midpods #cust_serve li.bullet_on{
	list-style-image: url(images/bull_on.gif);
}
#midpods #cust_serve li.bullet_off{
	list-style-image: url(images/bull_off.gif);
}
#midpods #cust_serve li.bullet_current{
	list-style-image: url(images/bull_on.gif);
}

/* Pop up light box */
#lightboxMessage {
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	background-color: #fff;
	border: 3px solid #000;
	display: none;
	left: 50%;
	margin-left: -268px; /* 1/2 width of box + padding + border. Give or take. */
	padding: 30px 50px 12px;
	position: absolute;
	text-align: center;
	top: 175px;
	width: 430px;
	width: 530px\9; /* Target IE8 and below. They are in quirks mode and require IE5.5 box model. Change this if we change to a valid doctype. */
	z-index: 1001;
}
#lightboxmessage b {
	font-weight: inherit;
}
#lightboxMessage .body {
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#lightboxMessage .sh, #lightboxMessage .hl {
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	font-size: 27px;
	font-weight: bold;
}
#lightboxMessage p {
	padding-bottom: 18px;
}
#close {
	background: url('images/close.png') no-repeat right center;
	bottom: 3px;
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 1px 30px 1px 0px;
	position: absolute;
	right: 3px;
	text-transform: uppercase;
}
#lightboxBG {
	background-color: #000;
	bottom: 0px;
	filter:alpha(opacity=60);
	left: 0px;
	opacity: 0.6;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	z-index: 1000;
}
