﻿body {padding: 0px;line-height:180%; margin: 0px; line-height: 19px; background: url(Images/BackGround.gif);}
a, button, input, select, span, div, p, td, body {font-family: Verdana; font-size: 8pt; color: #333;}
a {color: #0066AD; text-decoration: none;}
a:hover {color: #FF4E00;}
a img {border: none;}
h1 {color: #FF4E00; padding: 0px; margin: 0px; font-size: 15px;}
h2 {color: #FF4E00; padding: 0px; margin: 0px; font-size: 15px;}
h3 {color: #0066AD; padding: 2px; margin: 0px; font-size: 12px;}
h4 {color: #444; padding: 2px; margin: 0px; font-size: 12px;}
table {border-collapse: collapse; }
form {margin: 0px; padding: 0px;}
button, input, textarea, select {background: #f9f9f9;}

#Page {width: 777px; margin: 0px auto;}
#Header .Navigator {background: url(TopNavigatorBack.gif) left top repeat-x; height: 33px; line-height: 33px;}

#mainBody {width: 100%; border-collapse: collapse;}
#mainBody .LTconner {width: 17px; height: 14px; background: url(images/header_Left.gif) no-repeat;}
#mainBody .Tconner {width: 749px; height: 14px; background: url(images/TopShadow.gif) repeat-x;}
#mainBody .RTconner {width: 17px; height: 14px; background: url(images/header_Right.gif) no-repeat;}
#midBody {background: #fff;}
#midBody .Lconner {width: 4px; background: url(images/LeftShadow.gif) repeat-y;}
#midBody .Mconner {width: 620px;}
#midBody .Rconner {width: 4px; background: url(images/RightShadow.gif) repeat-y;}
#mainBody .LBconner {width: 17px; height: 32px; background: url(images/footer_Left.gif) no-repeat;}
#mainBody .Bconner {height: 32px; background: url(images/footer_bg.gif) repeat-x;}
#mainBody .RBconner {width: 17px; height: 32px; background: url(images/footer_Right.gif) no-repeat;}
#midBody .Menuconner {width: 170px; border-right: 1px solid #d6d6d6;}
#midBody .MCconner {width: 580px; padding-right: 10px; padding-left: 10px; text-align: justify;}

.webdesigntab {width: 618px; height: 500px; border-top: 1px solid #D9D9D9; float: left;}
.webdesigntab1 {width: 171px; height: 225px; border-right: 1px solid #D9D9D9; float: left;}
.webdesigntab2 {width: 171px; height: 15px; border-right: 1px solid #D9D9D9; float: left;}


.copyright {margin-left: 4px; line-height: 16px; font-size: 7pt; color: #666;}
.copyright a {font-size: 7pt; }
.home {color: #333; text-decoration: none;}
.home:hover {color: #333;}

.tab0 {display: block; width: 170px; height: 40px; line-height: 40px; background: url(images/ctab0.gif) no-repeat left;}
.tab0 a {display: block; padding-left: 36px; color: #0066AD;}
.tab0 a:hover {color: #FF4E00; background: url(images/hover-tab0.gif) no-repeat;}
.tab0 a.selected {color: #FF4E00; background: url(images/hover-tab0.gif) no-repeat;}
.tab1 {display: block; width: 170px; height: 40px; line-height: 40px; background: url(images/tab1.gif) no-repeat left;}
.tab1 a {display: block; padding-left: 36px; color: #0066AD;}
.tab1 a:hover {color: #FF4E00; background: url(images/hover-tab1.gif) no-repeat;}
.tab1 a.selected {color: #FF4E00; background: url(images/hover-tab1.gif) no-repeat;}
.tab2 {display: block; width: 170px; height: 40px; line-height: 40px; background: url(images/tab2.gif) no-repeat left;}
.tab2 a {display: block; padding-left: 36px; color: #0066AD;}
.tab2 a:hover {color: #FF4E00; background: url(images/hover-tab2.gif) no-repeat;}
.tab2 a.selected {color: #FF4E00; background: url(images/hover-tab2.gif) no-repeat;}
.tab3 {display: block; width: 170px; height: 40px; line-height: 40px; background: url(images/tab3.gif) no-repeat left;}
.tab3 a {display: block; padding-left: 36px; color: #0066AD;}
.tab3 a:hover {color: #FF4E00; background: url(images/hover-tab3.gif) no-repeat;}
.tab3 a.selected {color: #FF4E00; background: url(images/hover-tab3.gif) no-repeat;}
.tab4 {display: block; width: 170px; height: 40px; line-height: 40px; background: url(images/tab4.gif) no-repeat left;}
.tab4 a {display: block; padding-left: 36px; color: #0066AD;}
.tab4 a:hover {color: #FF4E00; background: url(images/hover-tab4.gif) no-repeat;}
.tab4 a.selected {color: #FF4E00; background: url(images/hover-tab4.gif) no-repeat;}
.tab5 {display: block; width: 170px; height: 40px; line-height: 40px; background: url(images/tab5.gif) no-repeat left;}
.tab5 a {display: block; padding-left: 36px; color: #0066AD;}
.tab5 a:hover {color: #FF4E00; background: url(images/hover-tab5.gif) no-repeat;}
.tab5 a.selected {color: #FF4E00; background: url(images/hover-tab5.gif) no-repeat;}
.tab40 {display: block; width: 170px; height: 40px; line-height: 40px; background: url(images/tab40.gif) no-repeat left;}
.tab40 a {display: block; padding-left: 36px; color: #0066AD;}
.tab40 a:hover {color: #FF4E00; background: url(images/hover-tab40.gif) no-repeat;}
.tab40 a.selected {color: #FF4E00; background: url(images/hover-tab40.gif) no-repeat;}

.tdhead {background: #eee; font-weight: bold;}
.customer {float:left; border:1px solid #ccc; padding:1px; margin-top: 4px; margin-right: 6px;}
.notavailable {color: #FF4E00;}
.available {color: #0066AD;}

.page {}
.page a{ padding:2px 5px; background:#f5f5f5; margin-left:3px; color:#444444;}
.page a:hover{ padding:2px 5px; background:#FF4E00; margin-left:3px; color:#FFF; text-decoration:none}
.page a.act{background:#FF4E00; color:#FFF}

.page_item {
background:transparent url(images/page_item_bg.jpg) no-repeat scroll right bottom;
float:left;
}

.cms_MenuItem
{	
	cursor: hand;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	height: 30px;	
	color: #336699;	
	font-weight:bolder;	
	border-bottom-style: outset;
	border-bottom-width: 1px;
	border-bottom-color: Navy;
}

.cms_MenuItem_hover
{
	cursor: hand;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	height: 30px;	
	color: #FF662A;	
	background-color: #FFD99A;	
	border-bottom-color: #F59B5D;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

