/* @override 
	http://show.enunu.com/telnes/styles/telnes.css
	http://beta.telnesinc.com/website/styles/telnes.css
*/

body { 
	color: #777; 
	font-size: 10px; 
	font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
	line-height: 15px; 
	text-align: center;
	background-image: url(../images/layout/page_fill.gif);
}

/*-------------------------------------------------------------------#
Body Box
#-------------------------------------------------------------------*/


#mainBodyWrap {
	width: 980px; 
	display: block;
	position: relative;
	background: url(../images/layout/box_sides.gif) repeat-y;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#topBodyBar {
	position: relative;
	width: 980px; 
	display: block;
	height: 10px;
	background-image: url(../images/layout/box_top.gif);
	margin-right: auto;
	margin-left: auto;
}
#bottomBodyBar {
	width: 980px; 
	display: block;
	height: 30px;
	position: relative;
	background: url(../images/layout/body_bottom.gif) no-repeat;
	margin-right: auto;
	margin-left: auto;
}


/*-------------------------------------------------------------------#
2 Column Layout
#-------------------------------------------------------------------*/


#twoColumnBox {
	width: 960px; 
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background: url(../images/layout/two_column_fill.gif) repeat-y;
}

#twoColumnBox .column {
	position: relative;
	display: block;
	height: 100%;
}

#twoColumnBox .middle {
	width: 780px;
	float: left;
}
#twoColumnBox .last {
	float: right;
}
#twoColumnBox .sidebar {	
	width: 180px;
}


/*-------------------------------------------------------------------#
3 Column Layout
#-------------------------------------------------------------------*/

#threeColumnBox {
	width: 960px; 
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background: url(../images/layout/three_column_fill.gif) repeat-y;
}

#threeColumnBox .column {
	position: relative;
	display: block;
	height: 100%;
}
#threeColumnBox .first {
	float: left;
}
#threeColumnBox .last {
	float: right;
}
#threeColumnBox .middle {
	width: 600px;
	float: left;
}
#threeColumnBox .sidebar {	
	width: 180px;
}

/*-------------------------------------------------------------------#
Right Column Styles
#-------------------------------------------------------------------*/

#rightColumn div {
	margin-top: 20px;
	
}

#rightColumn p {
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}
#rightColumn img {
	margin-bottom: 10px;
}

#support_box {
}

#rightColumn div#support_box {
	margin-top: 15px;
}

#support_box span {
	background: url(../images/global/sales_person.gif) no-repeat 20px;
	height: 101px;
	display: block;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	margin-top: 15px;
}

#support_box p {
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
}
#support_box h1 {
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
	font-weight: bold;
}


/*-------------------------------------------------------------------#
Vertical Menu Styles
#-------------------------------------------------------------------*/

#threeColumnBox .first #verticalMenu {
	margin-bottom: 20px;
}

#threeColumnBox .first #verticalMenu ul {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}

#threeColumnBox .first #verticalMenu li {
	display: list-item;
}

#threeColumnBox .first #verticalMenu .menuTopLevel {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 15px;
	font-size: 14px;
}
#threeColumnBox .first #verticalMenu .menuMidLevel li {
}

#threeColumnBox .first #verticalMenu .menuMidLevel {
	font-size: 11px;
}

/*
link styles
------------*/
#threeColumnBox .first #verticalMenu a {
	text-decoration: none;
	color: #6f6f6f;
	display: block;
	outline:0;
}
/*
#threeColumnBox .first #verticalMenu .menuTopLevel a {
	padding-top: 4px;
	padding-bottom: 4px;
	text-indent: 20px;
}
*/
#threeColumnBox .first #verticalMenu li.menuTopLevel  {
	padding-top: 4px;
	padding-bottom: 4px;
	text-indent: 20px;
	background-color: #ebebeb;
	margin-bottom: 8px;
}

#threeColumnBox .first #verticalMenu .menuMidLevel a {
	padding-top: 1px;
	padding-bottom: 1px;
	text-indent: 20px;

}

#threeColumnBox .first #verticalMenu a:hover {
	background-color: #6080fa;/* #cde2e3 */
	color: #ffffff;
}
#threeColumnBox .first #verticalMenu a:active {
	background-color: #6080fa;/* #cde2e3 */
	color: #ffffff;
}

#threeColumnBox .first #verticalMenu .menuMidLevel a.current {
	background-color: #ff6600;
	color: #ffffff;
}

#threeColumnBox .first #verticalMenu .menuMidLevel a.current:hover {
	background-color: #ff6600;
	color: #ffffff;
}

/*-------------------------------------------------------------------#
Middle Column Styles
#-------------------------------------------------------------------*/

#threeColumnBox .middle .header_image, #twoColumnBox .middle .header_image {
	margin-right: auto;
	margin-left: auto;
}
#threeColumnBox .middle .middle_text, #twoColumnBox .middle .middle_text {
	text-align: left;
	margin-left: 40px;
	margin-right: 40px;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 30px;
}
#threeColumnBox .middle .middle_text h1, #twoColumnBox .middle .middle_text h1 {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 30px;
	font-weight: bold;
}
#threeColumnBox .middle .middle_text h3 {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
}

#threeColumnBox .middle .middle_text .p_logos {
	margin-top: 30px;
}

#threeColumnBox .middle .middle_text p, #twoColumnBox .middle .middle_text p {
	margin-bottom: 10px;
}
#threeColumnBox .middle .middle_text ul, #twoColumnBox .middle .middle_text ul {
}
#threeColumnBox .middle .middle_text li, #twoColumnBox .middle .middle_text li {
	list-style-position: inside;
	margin-bottom: 2px;
	margin-top: 2px;
	list-style-image: url(../images/layout/list_ornaments.gif);
}

/*-------------------------------------------------------------------#
tagline
#-------------------------------------------------------------------*/

#tagLine {
	width: 875px; 
	height: 45px;
	margin: 20px auto;
	display: block;
	font: 26px/48px 'Vollkorn', arial, serif;
	border-top: 1px solid #eceeee;
	border-bottom: 1px solid #eceeee;
	position: relative;
	color: #8a8a8a;
}
/*-------------------------------------------------------------------#
twoColumnTagline
#-------------------------------------------------------------------*/

#twoColumnTagline {
	width: 700px; 
	margin: 35px auto 20px;
	display: block;
	font: 22px/48px 'Vollkorn', arial, serif;
	border-top: 1px solid #eceeee;
	border-bottom: 1px solid #eceeee;
	position: relative;
	color: #8a8a8a;
}
/*-------------------------------------------------------------------#
threeColumnTagline
#-------------------------------------------------------------------*/

#threeColumnTagline {
	width: 520px; 
	margin: 35px auto 20px;
	display: block;
	font: 26px/48px 'Vollkorn', arial, serif;
	border-top: 1px solid #eceeee;
	border-bottom: 1px solid #eceeee;
	position: relative;
	color: #8a8a8a;
}

.tagline_number {
	font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;	
}

/*-------------------------------------------------------------------#
promoBoxes
#-------------------------------------------------------------------*/

#promoBoxes {
	width: 875px; 
	height: auto;
	margin: 40px auto 50px;
	display: block;
	position: relative;
	background: url(../images/layout/promo_boxes_fill.gif) repeat-y;
}

#promoBoxes #promoOne, #promoBoxes #promoTwo, #promoBoxes #promoThree, #promoBoxes #promoFour {
	width: 209px;
	display: block;
	margin-right: 13px;
	float: left;
}
#promoBoxes #promoOne p, #promoBoxes #promoTwo p, #promoBoxes #promoThree p, #promoBoxes #promoFour p {
	text-align: left;
	margin-left: 12px;
}
#promoBoxes #promoOne p, #promoBoxes #promoTwo p, #promoBoxes #promoThree p, #promoBoxes #promoFour p {
	margin-top: 8px;
}

#promoBoxes #promoOne img.box_title, #promoBoxes #promoThree img.box_title, #promoBoxes #promoFour img.box_title {
	margin-bottom: 15px;
}

#promoBoxes #promoFour {
	margin-right: 0;
	margin-left: auto;
	margin-bottom: 20px;
}

/*-------------------------------------------------------------------#
Form Styles
#-------------------------------------------------------------------*/
#form1 {
	
}
#formElements {

}
#form1 #formElements li {
	list-style-image: none;
}
#form1 #formElements li.reqFields {
	color: red;
}
#form1 #formElements li.formSection {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 15px;
}
#form1 #formElements li.inputHeading {
	
}
#form1 #formElements li span.reqMark {
	color: red;
	font-size: 10px;
}

#formElements label {
	width: 10em; 
	float: left; 
}
#formElements label.error {
	float: none; 
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
}

#formElements p { 
clear: both; 
}

/*-------------------------------------------------------------------#
Terms of Service Styles
#-------------------------------------------------------------------*/

.pageTitle {
	font-size: 28px !important;
	line-height: 38px !important;
}

#termsMenuContainer {
	display: block;
	position: relative;
	float: none;
	margin-top: 20px;
}

.bordersContainer {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

#termsMenuContainer ul {
	margin-top: 20px;
	margin-bottom: 20px;
	list-style-image: none;
}
#termsMenuContainer #termsMenuLeft li, #termsMenuContainer #termsMenuRight li {
	list-style-image: none;
	margin-bottom: 2px;
	margin-top: 2px;
}

#termsMenuLeft {
	float: left;
}

#termsMenuRight {
	float: right;
}

#termsMenuContainer #termsMenuLeft li.termsTitles, #termsMenuContainer #termsMenuRight li.termsTitles {
	font-size: 14px;
	margin-bottom: 10px;
}


#termsMenuContainer a { 
	text-decoration: none;
}
#termsMenuContainer a:link { 
	color: #6080fa; 
}
#termsMenuContainer a:visited { 
	color: #6080fa; 
}
#termsMenuContainer a:hover { 
	color: #ff6600; 
}


/*-------------------------------------------------------------------#
link styles
#-------------------------------------------------------------------*/

.learnMore {
	
}

a.learnMore { 
	text-decoration: none;
}
a.learnMore:link { 
	color: #6080fa; 
}
a.learnMore:visited { 

}
a.learnMore:hover { 
	color: #ff6600; 
}

.footerLinks {
	
}

a.footerLinks { 
	text-decoration: none;
}
a.footerLinks:link { 
	color: #a2a2a2; 
}
a.footerLinks:visited { 
	color: #a2a2a2; 
}
a.footerLinks:hover { 
	color: #ff6600; 
}

/*-------------------------------------------------------------------#
misc details
#-------------------------------------------------------------------*/

.sub_header_image {
	margin-top: 30px;
}


.footer_image {
	margin-bottom: 10px;
}

/*-------------------------------------------------------------------#
footer
#-------------------------------------------------------------------*/
	
#globalFooter {
	width: 960px; 
	height: 30px;
	display: block;
	border-top: 1px solid #cacece;
	border-bottom: 1px solid #cacece;
	position: relative;
	font-size: 10px;
	line-height: 30px;
	color: #a2a2a2;
	background-color: #fafafa;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

