html {

	height:100%;
	margin-bottom:1px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#383838;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:80%;
	line-height:140%;
}

a {
	color:#0066CC;
}

a:visited {
	color:#0066CC;
}

a:hover {
	color:#0033CC;
}


p {
	padding: 0px;
	margin:0px 0px 16px 0px;
	line-height:130%;
}

.emphasize {
	font-weight:bold;
}

.bgImage {
	position:relative;
	top:0px;
	left:-40px;
	background:#ffffff;
	background-repeat:no-repeat;
	background-position:center top;
	width:960px;
	min-height:556px;
	z-index:0;
}

.bgMain {
	background-image:url(../images/bg_main.gif);
	background-repeat:repeat-y;
	width:976px;
	padding:0px;
}

.bgCopyright {
	background-repeat:no-repeat;
	width:976px;
	height:39px;
}

.bgFooter {
	background-image:url(../images/bg_footer.gif);
	background-repeat:no-repeat;
	width:976px;
	height:39px;
}

.contentContainer {
	width:880px;
	padding:0px 48px 0px 48px;
	text-align:left;
}

.headerContainer {
	width:976px;
	padding:0px 16px 16px 16px;
}

.footerContainer {
	background-color:#383838;
	padding:8px 10px 16px 10px;
}

.footnote {
	font-size:80%;
}

.pNavContainer {
	width:966px;
	padding:10px 0px 8px 0px;
	text-align:right;
}

.pNav {
	padding: 0px 16px 0px 0px;
}

.fNav {
	font-size:11px;
	color:#9c9c9c;
	text-decoration:none;
	padding: 0px 3px 0px 3px;
}

.fNav a.fNav, a.fNav:visited {
	color:#9c9c9c;
	text-decoration:none;
}

a.fNav:hover {
	color:#efefef;
	text-decoration:underline;
}


.caseImage {
	float:right;
	width:240px;
	height:160px;
	margin:0px 0px 10px 10px;
	border:1px solid black;
}

.caption {
	font-size:80%;
	text-align:right;
}


h1 {
	font-size:100%;

}

h2 {
	font-size:100%;
	font-weight:normal;
}

h3 {
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:110%;
	font-weight:normal;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	clear:both;
	color:#6a7c29;
}

h4 {
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	color:#000000;
}

h5 {
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	color:#666666;
}

.dividerH {
	clear:both;
	border-top-style:solid;
	border-top-color: #cccccc;
	border-top-width:1px;
	margin:10px 0px 0px 0px;
}

.tabDescription {
	margin:0px 0px 0px 0px;
}

.indent1 {
	margin-left: 10px;
}

.imgLanding {
	bottom:0px;
	right:0px;
	float:right;
	width:290px;
	/* border-style:solid;
	border-width:1px;
	border-color:#cccccc; */
}

.imgPho {
	bottom:0px;
	right:0px;
	width:280px;
	border-style:solid;
	border-width:3px;
	border-color:#efefef;
}

.imgTabDesc {
	bottom:0px;
	right:0px;
	float:right;
	margin:0px 0px 16px 16px;
	width:160px;
}

.moreInfo {
	padding:10px 0px 0px 0px;
}

/* table lists */

table.list {
	width:100%;
	font-size:100%;
	font-weight:normal;
	margin:0px;
	border:0px;
	border-collapse:collapse;
	color:#6a7c29;
}

table.list th {
	font-size:100%;
	font-weight:bold;
	padding:5px;
	border-bottom:solid 2px #666666;
	color:#666666;
}

table.list td {
	font-size:100%;
	padding:5px;
	border-bottom:solid 1px #CCCCCC;
}

td.header1, th.header1 {
	font-size:100%;
	font-weight:bold;
	padding:5px;
	border-bottom:solid 1px #CCCCCC;
	color:#666666;
}

td.price, th.price {
	text-align:right;
	padding:5px;
}


/* lists */


ul {
	width:70%;
	margin:0px;
	padding:10px 0px 10px 20px;
	line-height:150%;
}


ul.landing {
	margin:0px;
	padding:10px 0px 0px 20px;
	line-height:150%;
	font-weight:bold;
	color:#ff0000;
}

ul.landing a:link {
	color:#ff0000;
}

/* end lists */

.introCopy {
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:110%;	
	color:#333333;
	line-height:130%;
	width:100%;
	margin:10px 0px 10px 0px;
}

.introHeader {
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:150%;	
	font-weight:bold;
	color:#000000;
	line-height:130%;
}

.5Content {
	width:100%;
}

.wrapperColumn1,.wrapperColumn1Gallery {
	margin:30px 0px 30px 30px;
	width:58%;
	float:left;
}

.imgPort{
	margin:0;
	display:inline;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	
}

.wrapperColumn2 {
	margin:70px 30px 30px 30px;
	width:30%;
	float:right;
	vertical-align:top;
}

.columnDivider {
	float:left;
	width:10px;
	height:400px;
	margin:10px 0px 10px 0px;
	background: url('/images/columnDivider.gif') repeat-y;
}
 
.divClearFloat, .clsDivClearBoth {
	clear:both;
}

.clsDivFormLabel{
	width:150px;
	float:left;
}

.clsDivFormInputText, .clsDivFormInputTextArea{
	float:left;
}
 
/* Links */

p.moreInfo_wrap {
	float: left;
}

a.moreInfo {
	font-size: 90%;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	color: #1d1b19;
}

a.moreInfo:hover {
	color: #2d6ea8;
}

/* end links */
 
 
#divContentWrapper{
	width:959px; /* change this width to desired page width; contents will scale */	
	margin:auto;	/* 0 for left alignment - auto for center alignment */
	text-align:left;	
}
 
#divPageHeader {
	position:relative;
	width:100%;
	height:110px;
	text-align:center;
	color:#000000;
	padding-top:0px;
}
 
#divLogoLeft {
	position:absolute;
	left:0;
	top:0;
}
#divTagLineLeft {
	font-weight:bolder;
}

#divLogoRight {
	position:absolute;
	right:0;
	top:0;
	width:460px;
	height:102px;
	background: url('/images/hNav_background.gif') no-repeat top center;
}
#divGlobalNav {
	position:relative;
	right:0;
	top:0;
	width:460px;
	height:102px;
}



#divTagLineRight {
	font-weight:bolder;
}

#divHeaderName {
	margin-top:10px;
	font-size:24pt;
	font-weight:bolder;
}
 
 
#divMainNav {
	height:25px;
	position:absolute;
	text-align:center;
	left:0px;
	bottom:0px;
	width:100%;
	z-index:100;
}

 
#divMainContent {
	padding:0px 0px 0px 0px;
	position:relative;
	width:100%;
	z-index:0;
	min-height:400px;
}
 
#divSecondNav {
	position:relative;
	z-index:2;
	padding:0px 0px 0px 0px;
	background: url(/images/sNav_filler.gif) repeat-x;
	height:23px;
	 /*float:left; left side menu layout */

}
#divSecondNavInner {
	position:relative;
	padding:0px 0px 0px 0px;
	top:0px;
	left:0px;
	z-index:2;
	height:23px;
}

#divTabContentContainer {
	background-color:#ffffff;
	margin-top:0px;
	display:none;
}

.tdSecondNav {
	padding:0px;
	margin:0px;
	color:black;
	text-align:left;
	position:relative;
	z-index:2;
}

.tdSecondNav a{


}

#divTertNav{
	margin-top:10px;

} 


#divPageContentNarrow {
	padding-top:0px;
	width:98%;
	color:#000000;
	/*float:right;  left side menu layout */    
}

#divPageContentWide {
	padding-top:0px;
	width:98%;
	color:#000000;
	float:right; /* left side menu layout */     
}

#divBreadCrumbs {
	position:relative;
	width:100%;
	font-size:8pt;
	padding:0 0 15px 0;
	color:red;
	padding-left:0px;
	margin-top:20px;
}

#divPageContentHeader {
	position:relative;
	width:100%;
	font-size:18pt;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px;
}

#divPageContentBody {
	padding-top:15px;
}

#divPageFooter {
	position:relative;
	width:100%;
	height:80px;
	text-align:center;
	color:#000000;
	font-weight:bolder;
	border-top:1px solid #999999;
	padding-top:5px;
	margin-top:10px;
}
 
#divCopyright {
	position:relative;
	bottom:0px;
	left:0;
	color:#00008B;
	text-align:right;
	width:100%;
	font-size:12pt;
	display:block;
}

#divLastUpdated {
	color:red;
	font-size:8pt;
	text-align:center;
}

tr {
	vertical-align:top;
}

/* Main Menu Styles */

.sMainMenu1{
	border:	none;
} 

.sMainMenu2, .sMainMenu3 {
	border:1px solid black;
	background-color:white;
}

.sMainMenuText1, .sMainMenuText2, .sMainMenuText3 {
	color:black;
	font-size: 8pt;
	text-decoration:none;
}

/* Form Styles */



.clsFormContainer {
	padding:20px 0 0 0 ;
}

.clsFormLabel {
	width:30%;
	float:left;
}

#divEditFormLastNameInput, #divEditFormFirstNameInput, #divEditFormGroupNameInput {
	width: 25%;
	float:right;
	
}


#divFormButtonCancel, #divFormButtonReset, #divFormButtonSubmit{
	width:25%;
	margin:0;
	float:left;
	text-align:center;
}

.clsFormSelInput, .clsFormTextInput, .clsFormFileInput {
	width:35%;
	float:left;
	margin:0;
	border:2px solid black;
}
.clsFormButton {
	width:80px;
}

.clsDivider {
	margin-top:15px;
	margin-bottom:10px;
	border-top: 3px double black;
	
}

.clsPageContainer {
	padding-top:10px;
}

.clsPageSubHeading {
	font-size:14pt;
	font-weight:bold;
}
#divTabbingContainer {
	min-height:400px;
	overflow-y:auto;
	position:relative; 
}

#divSettingsContainer {
	position:relative; 

} 

.clsSectionHeaderOn {
	background-color:#ffffff;
	font-size:10pt;
	color:black;
	width:100px;
	padding-left:5px;
	border-left:2px solid black;
	border-top:2px solid black;
	border-right:2px solid black;
}

.clsSectionHeaderOff {
	background-color:#ffffff;
	font-size:10pt;
	color:black;
	width:100px;
	padding-left:5px;
	border-left:1px dotted black;
	border-top:1px dotted black;
	border-right:1px dotted black;
	border-bottom:2px solid black;
}
.clsSectionHeaderOff:hover {
	background-color:#ffffff;
}

.clsSubSectionOn {
	background-color:#ffffff;
	font-size:10pt;
	color:black;
}

.clsEmphaticSmall {
	font-size:8pt;
	color:red;
	font-weight:bold;
}

.clsDivSpacer {
	height:20px;
}

.clsFormSubHeading {
	font-size:10pt;
	font-weight:bold;
	border-bottom:1px dashed black;
}

#tabFaxInBox th, #tabVoicemailInBox th{
	padding-top:5px;
	border-bottom:2px double black;
	text-align:center;
	vertical-align:top;
}

#tabFaxInBox td, #tabVoicemailInBox td{
	padding-top:5px;
}

#divAdminTools, #divSupportTools, #divMyTools {
	margin-right:25px;
	
}

#divImageSpacer {
	width:60%;
	position:relative;
	padding:0px 0px 0px 30px;
	color:#ffffff;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:130%;
	font-weight:normal;
	line-height:170%;
	height:340px;
}

.clsToolsHeader {
	padding-bottom:15px;
}

form, .clsText, .clsSubmit{
	display:inline;
	white-space : nowrap;
}

#divClientExtensions {
	float:left;
	width:20%;
	border:1px solid red;
}
.clsActiveExtension input {
	margin:0;
	padding:0;
	white-space : nowrap;
}
#divActiveExtensionsHeader {
	padding-bottom:10px;
	
}
.clsActiveExtension {
	padding:3px 5px 2px 10px;
	font-size:10pt;
}

#divInActiveExtensionsHeader {
	padding-bottom:10px;
	
}
.clsInActiveExtension {
	padding:3px 5px 2px 10px;
	font-size:10pt;
}

.clsTextInput {
	border:2px solid black;
}

.clsFromSectionSubHeading {
	font-weight:bold; 
	padding-bottom:5px;
}

.clsWorkWithExt {
	width:184px;
	color:white;
	background-color:#0000cd;
}

.clsButAssignExt {
	width:184px;
	color:white;
	background-color:#ff6347;
}

#divCallout {
	float:right;
	width:120px;
	height: 200px;
	padding:5px;
	font-size:10pt;
	border-left:1px solid black;
}
#divCallout div {
	padding: 2px 0 3px 0;
}
#divCallout div a {
	text-decoration:none;
}

a img {
	border:0;

}

#imgPageTitle{
	position:relative;
	z-index:1;
}

.clsTinyMCESection{
	margin-bottom:10px;
}

.clsClearBoth{
	clear:both;
}

/* begin tab menu style */
/* base container style */
#divTabContainer{
	width:100%;
}

/* content window (div) where ajax response to be written */
#divTabContent{
	/*height:300px;
	padding:10px;
	position:relative;*/
	/*border:1px solid gray; border should to be same color as clsTabOff bg colour for best look */
}

/* tabs are list items - set list style */
#ulTabList {
	margin:0;
	list-style-type:none;
	padding:0;
}

/* div containing tab list items, having them in this div allows for ease of placement 
allows overlapping placement of menu item layer/div with content layer/div */
#divTabList{
	position:relative;
	z-index:10;
}

/* list item style - mainly intended to be used if tabs are text but margins can be important */
#ulTabList li{
	float:left;
	margin:0;
	border-bottom:none;
	text-align:center;
	list-style-type:none;
	padding:0;
	cursor:pointer;
}

#ulTabList li img {
	display:block;
}

/* only used for text tabs - set 'on' state style */
.clsTabOn{
	background-color:#ffffff;
	color:#000000;
	cursor:pointer;
}

/* only used for text tabs - set 'off' state style */
.clsTabOff{
	background-color:gray;
	color:#ffffff;
	cursor:pointer;
}

/* end tab menu style */

/* form - CONTACT */

.contact_leftColumn {
	float:left;
	margin-right:10px;
}

.contact_rightColumn {
	float:right;
}

.contact_label {
	font-family:  Tahoma,Arial,Verdana,sans-serif;
	font-size: 110%;
}


form.contact input, form.contact textarea {
	outline-style:none;
    outline-width:0pt;
}

form.contact, form.contact textarea, form.contact input  {
	font-family: Tahoma,Arial,Verdana,sans-serif;
	font-size: 11px;
}

div.contact_navigation, form.contact a {
	cursor: pointer;
}

form.contact input.inputfield {
	background-color: #f4f4f4;
	border: none;
	background-image:url(assets/sprite_contact_form.gif);
	background-position: -10px -10px;
	background-repeat:no-repeat;
	height: 23px;
	padding-top: 8px;
	width: 220px;
	padding-left: 8px;
	padding-right: 10px;
	font-size: 12px;
	margin: 5px 0px 5px 0px;
}

.clsFormErrorOff{
	right:10px;
	top:0;
	color:red;
	font-weight:bold;
	visibility:hidden;
}

.clsFormErrorOn{
	float:right;
	right:10px;
	top:0;
	color:red;
	margin-right:10px;
	font-weight:bold;
	visibility:visible;
}

#divLogo {
	float:left;
	position:relative;
	left:30px;
	top:20px;
}