/* CSS reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
li { list-style-type:none; }
table { border-collapse:separate; border-spacing:0; } /* Tables still need 'cellspacing="0"' in the markup. */
caption, th, td { text-align:left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; } /* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* end of CSS reset */



html, body {
	height:100%;
}

body { 
	height:100%;
	color:#666666;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url('../images/side_bg.gif');
	background-repeat:repeat-y;
	background-position:1px 85px;
}

a {
	color:#93ae47;
	text-decoration:underline;
}
a:hover {
	color:#666666;
}

i, em {
	font-style:italic;
}

b, strong {
	font-weight:bold;
}

.clear {
	clear:both;
}

#container {
	width:auto;
	min-height:100%;
	position:relative;
	border-style:solid;
	border-color:#93ae47;
	border-width:0 1px 0 1px;
}

* html #container {
	height:100%;
}

#header {
	position:relative;
	width:100%;
	height:85px; 
	background-image:url('../images/header_bg.gif');
	background-repeat:repeat-x;
}

#header-inner {
	position:relative;
	width:738px;
	height:85px;
}

#header-logo {
	position:absolute;
	left:19px;
	top:12px;
}

#header-links {
	position:absolute;
	right:0;
	top:11px;
	font-size:11px;
}

#header-links img {
	margin-left:12px;
	margin-right:5px;
	vertical-align:bottom;
}

#header-heading {
	position:absolute;
	bottom:11px;
	right:0;
}

#header-heading h1 {
	color:#93ae47;
	font-size:18px;
}

#nav {
	position:absolute;
	left:0;
	width:196px;
	padding-top:2px;
}

#nav li.primary a {
	display:block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	width:160px;
	height:27px;
	line-height:27px;
	padding:5px 0 5px 35px;
	vertical-align:middle;
	background-image:url('../images/primary_bt_off.gif');
	background-repeat:no-repeat;
	background-position:0 5px;
}

#nav li.primary a:hover, #nav li.primary a.active {
	color:#93ae47;
	background-image:url('../images/primary_bt_on.gif');
}

#nav li.secondary a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	width:160px;
	padding:3px 0 3px 35px;
	background-image:none;
}

#nav li.secondary a:hover {
	text-decoration:underline;
}

#nav li.secondary a.active {
	background-image:url('../images/nav_secondary_on.gif');
	background-repeat:no-repeat;
	background-position:22px 6px;
}

#nav li.tertiary a {
	display:block;
	color:#effdc6;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	width:145px;
	padding:3px 0 3px 50px;
}

#nav li.tertiary a:hover {
	text-decoration:underline;
}

#nav li.tertiary a.active {
	color:#ffffff;
	background-image:url('../images/nav_secondary_on.gif');
	background-repeat:no-repeat;
	background-position:37px 6px;
}

#content {
	position:relative;
	margin-left:196px;
	padding-bottom:60px; /* We need some padding here to clear the footer */
	width:572px;
}

#content .bodytext {
	line-height:1.5em;
	padding:30px;
	text-align:justify;
	position:relative;
}

#content span.highlight {
	font-style:normal;
	font-weight:bold;
	color:#93ae47;
}

#content h1 {
	color:#93ae47;
	font-size:18px;
	font-weight:normal;
	margin:0 0 0.25em 0;
}

#content h2 {
	color:#93ae47;
	font-size:16px;
	font-weight:normal;
	margin:0 0 0.25em 0;
}

#content p {
	margin-bottom:1.5em;
}

#content .breadcrumbs {
	font-size:11px;
	text-align:right;
	padding:10px 30px 0 0;
}

#content .back-to-top {
	font-size:11px;
	text-align:right;
	padding:0 30px 0 0;
}

#content #home-left {
	position:relative;
	line-height:1.7em;
	width:225px;
	height:18em;
	margin-top:30px;
	padding:0 30px 0 30px;
	border-right:1px solid #93ae47;
	float:left;
}

#content #home-left a {
	font-size:1.5em;
	text-decoration:none;
}

#content #home-right {
	position:relative;
	width:226px;
	height:11em;
	margin-top:30px;
	padding:0 0 0 30px;
	font-size:1.5em;
	float:left;
	background-image:url('../images/beanfield_business_phone.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
}

#content #home-right a {
	font-size:1.4em;
	font-weight:normal;
	text-decoration:none;
}

#content ul {
	margin:1em 0 1em 2em;
}

#content ol {
	margin:1em 0 2em 3em;
}

#content li {
	margin:1em 0 1em 0;
}

#content ul li {
	list-style-type:square; 
	list-style-position:outside;
}

#content ol li {
	list-style-type:decimal;
	list-style-position:outside;
}

#content ul.bullet li {
	color:#93ae47;
}

#content ul.bullet li span {
	color:#666666;
}

#content ul.no-bullet li {
	list-style-type:none;
}

#content ul.beanfield-business-phone {
	background-image:url('../images/beanfield_business_phone_inset.jpg');
	background-repeat:no-repeat;
	background-position:right bottom;
}

#content .infobox {
	background-color:#f4f7ec;
	padding:20px;
	margin-bottom:1.5em;
	border:2px solid #93ae47;
	-webkit-border-radius:20px;	
	-moz-border-radius:20px;
	text-align:left;
}

#footer {
	position:relative;
	margin-top:-40px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background-image:url('../images/footer_bg.gif');
	background-repeat:repeat-x;
	font-size:11px;
	border-style:solid;
	border-color:#93ae47;
	border-width:0 1px 0 1px;
}
#footer-copyright {
	color:#93ae47;
	float:left;
	padding-left:10px;
}
#footer-links {
	float:right;
	padding-right:10px;
}
#footer-links a, #footer-links span {
	margin-left:5px;
	margin-right:5px;
}




/*
	content
*/
.box .heading {
	background-color:#F4F4F4;
	background-image:url(../images/ci/heading-bg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	border-color:#CECECE;
	border-style:solid;
	border-width:0 0 1px;
	font-size:16px;
	font-weight:bold;
	height:48px;
	line-height:48px;
	padding:0 0 0 10px;
	position:relative;
	text-shadow:0 1px 0 #FFFFFF;
	vertical-align:middle;
	width:auto;
}

.box {
	border: 1px solid #7a8c46;
	margin: 0 0 20px
}

.box .heading {
	color:#ffffff;
	background-color:#e7e9e2;
	background-image:url('../images/ci/heading-bg-alt.gif');
	text-shadow:none;
	border-color:#7a8c46;
}

.box .content {
	background-color:#f4f7ec;
}

.box .content hr {
	border-color:#d8e6b1;
}

.expand .content {
	border-color:#7a8c46;
}

.item table th {
	border-color:#d8e6b1;
	border-style: solid;
	border-width: 0 0 3px;
	font-weight: bold;
	padding: 10px 0;
	text-align: left;
}

.item table td {
	border-style: solid;
	border-width: 0 0 1px;
	padding: 10px 0;
	border-style: solid;
	border-width: 0 0 1px;
	padding: 10px 0;
	border-color: #D8E6B1
}

.item table td.label {
	color:#8a8a8a;
}

.item form table td.label {
	color:#000000;
}

.item table td.data {
	color:#000000;
}

.item table td.error {
	color:#a90303;
}

/*
	icon buttons
*/

input.icon, img.icon {
	background-image:url('../images/ci/icons-alt.png');
}
input.icon.icon-none {
	background: transparent;
}

/* 
	Long distance rates table
*/

table#ldrates {
	border-collapse: collapse;
	width: 100%;
}

table#ldrates tbody,td {
	border: 1px solid #d9e0e3;
}

table#ldrates th,td {
	padding: 1px;
}

table#ldrates th {
	background-color: #93ae47;
	color: white;
	font-weight: bold;
}

table#ldrates tr.ldrow {
	background-color: white;
}

table#ldrates tr.ldodd {
	background-color: #edf3f3;
}

table#ldrates td.ldrate {
	font-weight: bold;
}