/*
Theme Name: mVoice
Theme URI: http://www.mvoice.com.au/
Description: mVoice Official Theme
Author: Aien
Author URI: mailto:aienzaini@gmail.com
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, input, textarea,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input[type="text"], input[type="password"], textarea {
	-webkit-appearance:caret;
}
textarea,input { line-height:1.3em;}
input, textarea:focus {
	border:none;
	outline:none;
	}
span {
    vertical-align: baseline;
}
strong { font-weight:bold;}
h1, h2, h3, h4, h5 {
	font-weight:bold;
	}
p {
	line-height:16px;
}
body {
    font-family: Arial, sans-serif;
    color: #666666;
    font-size: 13px;
		background:url(../gif/top_bar.gif) top center repeat-x;
}
em { font-style:italic;}
a {
    text-decoration: none;
    outline-width: medium;
    outline-style: none;
    color: #666666;
    cursor: pointer;
    vertical-align: baseline;
}

table td {
    padding: 1px 1px 1px 1px;
}

a:visited {
    color: #666666;
}

a:hover {
    color: #f47421;
}

img {
    border-style: none;
}

#mainPage {
    width: 963px;
    margin: 0 auto;
}

#footer {
    background: transparent url(../jpg/bottom_bar.jpg) repeat scroll right top;
    height: 152px;
}

#abn {
    text-align: right;
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding: 10px 0 10px 0;
}

span.underline {
    text-decoration: underline;
}

/*---- Styling for links and buttons ----*/
a.aboutVoip {
    display: block;
    height: 26px;
    width: 104px;
    background: transparent url(../gif/about_voip_buttons.gif);
}

a.aboutVoip:hover {
    background-position: 0 -26px;
}

a.aboutHosted {
    display: block;
    height: 26px;
    width: 149px;
    background: transparent url(../gif/about_hosted_pbx_buttons.gif);
}

a.aboutHosted:hover {
    background-position: 0 -26px;
}

a.aboutExs7 {
    display: block;
    height: 26px;
    width: 109px;
    background: transparent url(../gif/about_exs7_buttons.gif);
}

a.aboutExs7:hover {
    background-position: 0 -26px;
}

a.aboutFax {
    display: block;
    height: 26px;
    width: 159px;
    background: transparent url(../gif/about_fax_to_email_buttons.gif);
}

a.aboutFax:hover {
    background-position: 0 -26px;
}

a.learnMore {
    display: block;
    height: 27px;
    width: 93px;
    background: transparent url(../gif/learn_more_buttons.gif)
}

a.learnMore:hover {
    background-position: 0px -27px;
}

a.closeAlert {
    display: block;
    height: 25px;
    width: 64px;
    background: transparent url(../gif/cancel_buttons.gif)
}

a.closeAlert:hover {
    background-position: 0px -25px;
}

a.next {
    display: block;
    height: 25px;
    width: 64px;
    background: transparent url(../gif/next_buttons.gif)
}

a.next:hover {
    background-position: 0px -25px;
}

a.back {
    display: block;
    height: 25px;
    width: 64px;
    background: transparent url(../gif/back_buttons.gif)
}

a.back:hover {
    background-position: 0px -25px;
}

a.ok {
    display: block;
    height: 25px;
    width: 64px;
    background: transparent url(../gif/ok_buttons.gif)
}

a.ok:hover {
    background-position: 0px -25px;
}

a.internationalRatesButton {
	display: block;
    height: 26px;
    width: 154px;
    background: transparent url(../gif/international_call_rates_buttons.gif)	
}

a.internationalRatesButton:hover {
	background-position: 0px -26px;	
}

a.otherRatesButton {
	display: block;
    height: 26px;
    width: 154px;
    background: transparent url(../gif/other_call_rates_buttons.gif)	
}

a.otherRatesButton:hover {
	background-position: 0px -26px;	
}
a.supportedPBXButton {
	display: block;
    height: 26px;
    width: 154px;
    background: transparent url(../gif/supported-pbxs-buttons.gif)	
}

a.supportedPBXButton:hover {
	background-position: 0px -26px;	
}

a.rentalRatesButton {
	display: block;
    height: 26px;
    width: 154px;
    background: transparent url(../gif/handset_purchase_rental_buttons.gif)	
}

a.rentalRatesButton:hover {
	background-position: 0px -26px;	
}
a.downloadBrochure {
		display: block;
    height: 26px;
    width: 154px;
    background: transparent url(../gif/download-brochure.gif)	
	}
a.downloadBrochure:hover {
	background-position: 0px -26px;	
}
a.finish {
    display: block;
    height: 25px;
    width: 64px;
    background: transparent url(../gif/finish_buttons.gif)
}

a.finish:hover {
    background-position: 0px -25px;
}

a.more {
    display: block;
    height: 24px;
    width: 64px;
    background: transparent url(../gif/more_buttons.gif)
}

a.more:hover {
    background-position: 0px -24px;
}

a.showIvr {
	display: block;
    height: 29px;
    width: 100px;
    background: transparent url(../gif/show_ivr_buttons.gif)
}

a.showIvr:hover {
	background-position: 0px -29px;
}

a.hide {
    display: block;
    height: 24px;
    width: 64px;
    background: transparent url(../gif/hide_buttons.gif)
}

a.hide:hover {
    background-position: 0px -24px;
}

a.refer {
    display: block;
    height: 26px;
    width: 62px;
    background: transparent url(../gif/refer_buttons.gif)
}

a.refer:hover {
    background-position: 0px -26px;
}

a.quote {
	display: block;
    height: 29px;
    width: 149px;
    background: transparent url(../gif/quote_button.gif);
}

a.quote:hover {
	background-position: 0px -29px;
}

a.apply {
    display: block;
    height: 26px;
    width: 68px;
    background: transparent url(../gif/apply_buttons.gif)
}

a.apply:hover {
    background-position: 0px -26px;
}

a.download {
    display: block;
    height: 28px;
    width: 139px;
    background: transparent url(../gif/download_buttons.gif)
}

a.download:hover {
    background-position: 0px -28px;
}

a.playVideoButton {
    display: block;
    height: 28px;
    width: 108px;
    background: transparent url(../gif/play_video_buttons.gif)
}

a.playVideoButton:hover {
    background-position: 0px -28px;
}

a.moreDetails {
    display: block;
    height: 28px;
    width: 129px;
    background: transparent url(../gif/more_details_buttons.gif)
}

a.moreDetails:hover {
    background-position: 0px -28px;
}

.submit {
    width: 63px;
    height: 27px;
    line-height: 27px;
    border: 0;
    background: transparent url(../gif/submit_buttons.gif) no-repeat scroll right top;
    cursor: pointer;
    margin-top: 2px;
    padding: 0;
}

.submit:hover {
    background-position: 0px -27px;
}

.submitDialogue {
	display: block;
    height: 27px;
    width: 63px;
    background: transparent url(../gif/submit_buttons.gif);
	top: 8px !important;
	position: relative !important;
}

.submitDialogue:hover {
	background-position: 0px -27px;	
}

.apply2 {
    width: 65px;
    height: 28px;
    line-height: 27px;
    border: 0;
    background: transparent url(../gif/apply_buttons_2.gif) no-repeat scroll right top;
    cursor: pointer;
    margin-top: 2px;
    padding: 0;
}

.apply2:hover {
    background-position: 0px -28px;
}

a.startNowButton {
    display: block;
    height: 29px;
    width: 87px;
    background: transparent url(../gif/start_now_buttons.gif);
}

a.startNowButton:hover {
    background-position: 0px -29px;
}

a.signUpNowButton {
    display: block;
    height: 29px;
    width: 116px;
    background: transparent url(../gif/sign_up_now_buttons.gif)
}

a.signUpNowButton:hover {
    background-position: 0px -29px;
}
a.signUpNowButtonLarge {
    display: block;
    height: 51px;
    width: 208px;
    background: transparent url(../signuplargesprite.html)
}
a.signUpNowButtonLarge:hover {
		background-position: 0px -51px;
}
a.applyNowButton {
    display: block;
    height: 29px;
    width: 106px;
    background: transparent url(../gif/apply_now_buttons.gif)
}

a.applyNowButton:hover {
    background-position: 0px -29px;
}

a.signUpNowButton2 {
    display: block;
    height: 26px;
    width: 114px;
    background: transparent url(../gif/sign_up_now_buttons_2.gif)
}

a.signUpNowButton2:hover {
    background-position: 0px -26px;
}

a.pricingButton {
    display: block;
    height: 29px;
    width: 116px;
    background: transparent url(../gif/pricing_buttons.gif)
}

a.pricingButton:hover {
    background-position: 0px -29px;
}

a.getStartedButton {
    display: block;
    height: 29px;
    width: 108px;
    background: transparent url(../gif/get_started_buttons.gif)
}

a.getStartedButton:hover {
    background-position: 0px -29px;
}

a.callRatesButton {
    display: block;
    height: 28px;
    width: 145px;
    background: transparent url(../gif/call_rates_and_charges_buttons.gif)
}

a.callRatesButton:hover {
    background-position: 0px -28px;
    cursor: pointer;
}

a.featuresButton {
    display: block;
    height: 26px;
    width: 154px;
    background: transparent url(../gif/features_buttons.gif)
}

a.featuresButton:hover {
    background-position: 0px -26px;
    cursor: pointer;
}

a.closeButton {
    display: block;
    height: 28px;
    width: 80px;
    background: transparent url(../jpg/close_buttons.jpg)
}

a.closeButton:hover {
    background-position: 0px -28px;
    cursor: pointer;
}

a.closeTransparent {
	display: block;
    height: 26px;
    width: 79px;
    background: transparent url(../gif/close_buttons.gif)
}

a.closeTransparent:hover {
	background-position: 0px -26px;
}

a.print {
	display: block;
    height: 26px;
    width: 79px;
    background: transparent url(../gif/print_buttons.gif)
}

a.print:hover {
	background-position: 0px -26px;
}

#mvoiceLink {
    display: block;
    height: 12px;
    width: 19px;
    background: transparent url(../gif/mvoice_small.gif);
		margin-top:1px;
}

#mvoiceLink:hover {
}

#exs7Link {
    display: block;
    height: 14px;
    width: 14px;
    background: transparent url(../gif/exs7_small.gif);
    background-position: 0px -14px;
}

#exs7Link:hover {
    background-position: 0px 0px;
}

#faxLink {
    display: block;
    height: 10px;
    width: 15px;
    background: transparent url(../gif/fax_small.gif);
    background-position: 0px -10px;
    margin-top: 2px;
		cursor:default;
}

/*#faxLink:hover {
    background-position: 0px 0px;
}*/

.serviceChooser a:hover{
    color:#666666;
    text-decoration: none;
}

/*----Styling Dialogue Boxes-----*/
.dialogueQuarter {
	width:100px;
	float:left;
	clear:none;
	text-align:center;
	height:60px;
	margin-top:25px;
	}
.firstQuarterBox {
	margin-left: 100px;
}
.dialogueHalf input{ margin:0; }
.dialogueHalf {

	float:left;
	clear:none;
	text-align:center;
	height:60px;
	margin-top:25px;
}	
.firstHalfBox {
  width:100px;
	margin-left: 200px;
}
.lastHalfBox { 
	width:100px;
}
.dialogueThird {
	width:150px;
	float:left;
	clear:none;
	text-align:center;
	height:60px;
	margin-top:25px;
	/*outline:1px dashed #f00;*/
}
.firstThirdBox {
	width:60px;
	margin-left:160px;

}
.lastThirdBox { 
	width:60px;

}
.dialogue .heading h4, #emailAlertHeading h4 {
		padding:21px 0px 0px 20px;
		font-size:22px;
		color: #f58025;
		font-weight: normal;
		letter-spacing:-0.02em;
		line-height:26px;
}
.dialogue .heading img {
	float:left;
	margin:17px 10px 0 16px;
}
.dialogueFull {

	text-align:center;
	height:50px;
	padding:5px 105px 25px 105px;
}
.dialogueFull p {
	margin-top:10px;
	font-size:17px;
	line-height:23px;
}
.dialogueFull p a {
	color:#f58025;
	text-decoration:underline;
	float:none;
	}
.dialogueFull p a:hover {
	color:#666666;
	text-decoration:underline;
	}
.dialogue p a {
	margin:0;
}
#emailAlert {
    cursor: default;
    z-index: 1001;
    width: 353px;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

#emailAlertHeading {
    background:transparent url(../png/alert_box_top.png) top left no-repeat;
    width: 353px;
		height:61px;


}
#emailAlertContent {
	background:transparent url(../png/alert_box_middle.png) top left repeat-y;
	padding:10px 10px 10px 20px !important;
	height:auto !important;
	min-height:90px;
}
#emailAlert p {
    width: auto;
    text-align: left;
}

#emailAlert a {
    float: right;
    margin:0 15px 35px 0;
}
#emailAlertBottom {
	background:transparent url(../png/alert_box_bottom.png) bottom left no-repeat;
	width:353px;
	height:36px;
}
.dialogue {
    z-index: 1001;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
}
#emailAlert p a {
	float:none;
	margin:0;
	color:#F58025;
	}
.dialogue a {
    float: right;
    margin-right: 15px;
}
.dialogue a.back {
    margin-right: 5px;
}
.heading {
		background: transparent url(../png/service_chooser_top.png) no-repeat scroll left top;
		width:603px;
		height:61px;
}
.serviceChooserContent h5 {
	margin:0 10px 0 20px;
	font-size:16px;
	font-weight:normal;
	}
.serviceChooserContent {
    background: transparent url(../png/service_chooser_middle.png) repeat scroll right top;
    width: 603px;
		height:auto;
		padding:15px 0 15px;
}
.serviceChooserBottom {
		background: transparent url(../png/service_chooser_bottom.png) no-repeat scroll right top;
		width:603px;
		height:36px;
		margin:0;
		padding:0;
}
.wsbBtnContainer {
	padding:25px 0 50px 0;
	}

a.wsbMed {
	display:block;
	background:url(../gif/btn-wsb-med.gif) 0 0 no-repeat;
	width:100px;
	height:33px;
	text-align:center;
	line-height:33px;
	font-size:15px;
	color:#fff;
	text-shadow:#f0551f 0px 1px 1px;
	float:left;
	clear:none;
}
a.wsbMed:hover {
	background-position: 0 -33px;
	color:#fff;
}
a.first4Btn {
 margin-left:75px;
}
a.first2Btn {
	 margin-left:185px;
}
a.first3Btn {
	 margin-left:130px;
}
label {
	margin:0 0 10px;
}
.serviceChooserContent label {
    margin-left: 20px;
    display: inline-block;
    width: 450px;
    vertical-align: baseline;
}
.serviceChooserContent p {
    margin-left: 20px;
    vertical-align: baseline;
}

.serviceChooserContent p.bold {
    font-weight: bold;
}

.serviceChooserContent input {
    /*margin: 0 2px 0 4px;*/
}

.serviceChooserContent select {
    width: 80px;
}

.serviceChooserContent div {
  line-height: 20px;
	/*min-height: 90px;*/
}

.serviceChooserContent p.link {
    margin-top: 20px;
}

#sendEmailDialogue {
    display: none;
}

#exs7Quote div div {
    padding: 20px 0 0 20px;
    width: 250px;
}

#exs7Quote dialogue label {
    width: 50px;
}

.serviceChooserContent #details {
	width: 250px;	
}

.serviceChooserContent #details label {
	width: 50px;	
}

.dialogue #confirm {
    padding-top: 10px;
}

.dialogue #result {
    padding-top: 35px;
}

.dialogue #result p {
    padding-bottom: 15px;
    line-height: 16px;
}

.dialogue #result a {
    position: static;
    float: none;
    text-decoration: underline;
}

#overlay {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    text-align:center;
    z-index: 1000;
    background: #666666 url(../png/ui-bg_flat_10_000000_40x100.png) repeat scroll 50% 50%;
    filter: alpha(opacity=50);
		opacity: 0.5;
}
.ui-widget-overlay {background: #666666 url(../png/ui-bg_flat_10_000000_40x100.png) repeat scroll 50% 50% !important;}
.ui-dialog-titlebar { display:none !important;}
.dialogue .hidden {
	display: none;	
}

#exs7Editions .menu, #exs7Editions .menu a {
	width: 130px;
}

#exs7Quote div div {
	padding: 0;
	width: auto;
	line-height: 30px;
	min-height: 0;	
}

#exs7Quote label {
	width: auto;
}

#exs7Quote textarea {
	margin-left: 20px;
	resize: none;
	width: 500px;
	height: 100px;
		
}

/*----Styling for the top bar tab-----*/
.tab_links {
    float: right;
		clear:none;
    /*position: relative;*/
    bottom:10px;
    left: 15px;
		margin:0;
		padding:0;
}

.tabBar img {
    float: left;
}

.headerTab {
    float: left;
    background: transparent url(../gif/header_tab_centre.gif) repeat scroll right top;
    height: 23px;
    padding-top: 12px;
}

.headerTab a {
    float: left;
    margin: 0 7px 0 7px;
    vertical-align: middle;
}

#mvoiceLogoSmall {
    padding-top: 1px;
}


/*----Stying for the header section----*/
.clear {
	clear:both;
	height:1px;
}
#header-wrapper {
	height:130px;
}
#login {
    height: 29px;
    width: 370px;
    padding-bottom: 5px;
		float:right;

}

#phone {
    height: 17px;
    padding-bottom: 0;
    width: 150px;
	  float: right;
		clear:none;
		margin:12px 0 0;

}
#tabBar {

}
#header {
    float: right;
		clear:right;
    padding: 0;
    width: 440px;
    height: 80px;
    margin: 12px 10px 0 0;
		padding-bottom:0;
}
#header ul {
    float: right;
    width: 600px;
    padding-left: 0;
    margin-top: 15px;
	display:inline;
	text-align: right;
}

#header ul li {
	background: url(../gif/bullet.gif) center left no-repeat;
    color: #454545;
    display: inline;
    font-size: 14px;
    margin-right:8px;
	padding-left: 13px;
    list-style-type: none;
}

#header ul li.first {
	background: none;
	padding-left: 0;
}

#header ul li img {
    padding-right: 7px;
    padding-bottom: 1px;
    vertical-align: baseline;
}

#header ul li.firstList {
    list-style-type: none;
}

#header ul li.lastList {
    margin-right: 0;
}

#header ul li.selected {
    color: #eeeeee;
}

#loginForm .formField {
    float: left;
    border: 0;
    padding: 0;
    margin: 0 0 0 10px;

}

#loginForm .formField input {
    padding: 0px 0 0px 7px;
    margin: 7px 0 0 0;
    border: none;
    border: 0;
		outline:none;
}


#loginForm .loginUsername {
	background:url(../gif/header_user_name.gif) top left no-repeat;
	width:156px;
	height:28px;
}
#loginForm .loginUsername input {
	width:135px;
	padding: 0px 0 0px 10px;
	margin: 7px 0 0 0;
	border: none;
	border: 0;
	color:#aaa;
}
#loginForm .loginPassword {
	background:url(../gif/header_password.gif) top left no-repeat;
	width:111px;
	height:28px;
	margin-right:10px;
}
#loginForm .loginPassword input {
	width: 90px;
	padding: 0px 0 0px 10px;
	margin: 7px 0 0 0;
	border: none;
	border: 0;
	color:#aaa;
}
#loginForm .formField input:focus {
    outline: none;
}

.formField img {
    float: left;
    padding: 0;
    margin: 0;
}

.loginButton {
    width: 65px;
    height: 28px;
    line-height: 28px;
    border: 0;
		padding:0;
		margin:0;
    background: transparent url(../gif/login_buttons.gif) top left no-repeat;
    cursor: pointer;
}
.loginButton:hover {
    background-position: 0px -28px;
}


#logo {
	margin:0;
	padding:0;
}
#logoLink {
background:transparent url(../gif/mvoice-logo.gif) no-repeat scroll 0 0;
clear:none;
float:left;
height:37px;
margin:53px 0 0 25px;
padding-left:0;
text-indent:-9999px;
width:198px;
}

/*#mvoiceLogoImage {
    padding-left: 20px;
		margin-top: 15px;
    display: inline;
}

#mvoiceLogo {
    float: left;
}*/

#header li a:visited {
    color:#454545;
}

#header li a:hover {
    color: #f47421;
}

#header li a.active,
#header li.current_page_item a {
    color: #aaaaaa;
}

/*----Styling for the main box----*/
.mainBox {
    display: block;
    width: 963px;
    height: 321px;
    background: transparent url(../gif/border.gif) no-repeat scroll right top;
}
#mainBoxContent {
    display: block;
    width: 963px;
    height: 321px;
    position: relative;
}
.mainBoxButterfly {
		background: url(../png/home_bg_butterfly.png);
}
.mainBoxHosted {
		background: url(../png/home_bg_hosted.png);
}
.mainBoxExs7 {
		background: url(../png/home_bg_ex7.png);
}
.mainBoxFax {
		background: url(../png/home_bg_fax.png);
}

#mainBoxContent p {
    font-size: 18px;
    padding-left: 3px;
    margin-top: 18px;
    margin-bottom: 18px;
    line-height: 20px;
}

#mainBoxContent .mainBoxHolder {
    width: 400px;
    float: right;
		/*border:1px solid #f60;*/
		clear:none;
    margin:110px 76px 0 200px;
}

.mainBox img {
    float: left;
    margin-top:1px;
    margin-left: 1px;
}

.mainBox div img {
    padding-bottom: 10px;
}

/*----Styling for menu boxes----*/
#menuBoxes{
    padding-top: 10px;
    padding-bottom:25px;
    height: 102px;
}

#menuBoxes h2, #menuBoxes p {
    margin: 0;
}

#menuBoxes h2 {
    font-size: 16px;
    margin-top: 20px;
    color: #f47421;
}

#menuBoxes p {
    font-size: 12px;
}

#menuBoxes img {
    float: left;
}

.boxMiddle {
    float: left;
    width: 200px;
    background: transparent url(../jpg/box_slice.jpg) repeat scroll right top;
    height: 102px;
}

.box {
    float: left;
    width: 234px;
    height: 102px;
    margin-right: 9px;
    cursor: pointer;
}

.lastBox {
    float: right;
    margin-right:0;
}

#menuBoxes .learnMore {
    margin-top: 15px;
    float: right;
}

/*----Styling for the footer bar----*/
#footer .footerContent {
    width: 963px;
    margin:auto;
}

#footer .serviceChooser {
    height: 152px;
    width: 160px;
    float: left;
    padding: 0 45px 0 20px;
}

#footer h3 {
    font-weight: normal;
    margin-bottom: 1px;
    font-size: 18px;
    margin-top: 18px;
    line-height: 20px;
}

#footer p {
    font-size: 14px;
    margin-top:5px;
}

#footer img {
    float: left;
    margin: 0 20px 0 10px;
}

#footer li {
    list-style-type: none;
    font-size: 11px;
}

.siteMap {
    width: 170px;
    height:132px;
    float: left;
}

#footer ul {
    margin-top: 0;
    padding-left: 0;
    margin-left: 0;
    line-height:16px;
}

#footer h5 {
    margin: 0;
    padding-top:20px;
    font-size: 12px;
}

#footer ul a:visited, #footer ul a {
	color: #aaaaaa;
}

#footer ul a:hover {
	color: #f47421;	
}

/*---- Styling for input ----*/



/*---- Styling for VoIP Plans Page ----*/
.menuBar {
    height: 40px;
    line-height: 40px;
    background: transparent url(../gif/menu_bar_full.gif) top left no-repeat;
    margin-bottom: 10px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.menuBar h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    padding-left: 25px;
}

.menuBar ul {
    height: 24px;
    float: right;
    font-weight: bold;
    font-size: 12px;
    margin: 0 15px 0 0;
		padding:0;
}

.menuBar ul li {
	background: url(../gif/header_sub_bar_spike.gif) 0 0 no-repeat;
    height: 40px;
	padding-left: 1px;
    list-style-type: none;
    float: left;
    text-align: center;
	white-space: nowrap;
}

.menuBar ul.wide li {
    width: 130px;
}

.menuBar ul.wide li a {
    width: 129px;
}

.menuBar ul li img {
    float: left;
}

.menuBar ul li a {
    display: block;
    text-align: center;
    float: right;
    height: 15px;
    line-height: 15px;
    float: right;
    padding: 0 20px 7px 20px;
    margin-top: 18px;
}

.menuBar ul li a:hover {
    color: #aaaaaa;
}

.menuBar ul li a.active,
.menuBar ul li.current_page_item a {
    background: #ffffff;
}

.menuBar ul li a.active:hover,
.menuBar ul li.current_page_item a:hover {
    color:#666666;
}

/*---- Styling for main box on product pages ----*/
.mainBoxSmall {
    display: block;
    width: 963px;
    height: 274px;
    margin-bottom: 20px;
}

.voipPlansImage{
    background: transparent url(../jpg/voip_plans_image.jpg) no-repeat scroll right top;
}

.hostedImage {
    background: transparent url(../jpg/hosted_business_pbx_image.jpg) no-repeat scroll right top;
}
.hostedLandingPage-2-0811 {
		background:transparent url(../png/hostedlandingpage-2-0811.png) no-repeat scroll top right;	
    display: block;
    width: 965px;
    height: 309px;
    margin-bottom: 20px;
}
.managedImage {
    background: transparent url(../jpg/managed_pbx_image.jpg) no-repeat scroll right top;
}

.faxImage {
    background: transparent url(../gif/fax_to_email_image.gif) no-repeat scroll right top;
}

.partnersImage {
    background: transparent url(../jpg/partners_image.jpg) no-repeat scroll right top;
}

.hardwareImage {
    background: transparent url(../gif/hardware_image.gif) no-repeat scroll right top;
}

.servicesImage {
    background: transparent url(../gif/services_image.gif) no-repeat scroll right top;
}

.contactUsImage {
	background: transparent url(../jpg/contact_us_image.jpg) no-repeat scroll right top;
}

.aboutUsImage {
	background: transparent url(../jpg/about_us_image.jpg) no-repeat scroll right top;
}
.mainBoxSmall h1 {
		margin: 35px 0 4px 40px;
		font-size:40px;
		font-weight:normal;
		color:#444;
		float:left;
		clear:none;
		letter-spacing:-0.04em;
		line-height:normal;
}

.hostedLandingPage-2-0811 h1 {
	margin-top:25px;
	font-size:36px;
	line-height:44px;
	letter-spacing:-2px;
	}
.mainBoxSmall h2 {
    font-weight: normal;
    font-size: 18px;
    float: left;
		clear:left;
    margin: 0 0 0 43px;
    padding: 0;
    color: #666666;
    line-height: 20px;
}
.mainBoxSmall p {
    font-weight: normal;
    font-size: 18px;
    float: left;
		clear:left;
    margin: 0 0 0 43px;
    padding: 0;
    color: #666666;
    line-height: 20px;
}
.mainBoxSmall a {
    float: left;
		clear:left;
    margin: 105px 0 0 430px;
    padding: 0;
}

.mainBoxSmall a.hostedSignUp {
    float: left;
    margin: 97px 0 0 466px;
    padding: 0;
}
.mainBoxSmall a.hostedSignUpLanding0811 {
    float: left;
    margin: 30px 0 0 403px;
    padding: 0;
}
.mainBoxSmall a.hostedSignUpLanding-2-0811 {
    float: right;
    margin: 130px 40px 0 0;
    padding: 0;
}
.mainBoxSmall a.managedPBX {
    float: left;
    margin: 103px 0 0 402px;
    padding: 0;
}

.mainBoxSmall a.partnersSignUp {
    float: left;
    margin: 100px 0 0 400px;
    padding: 0;
}

.mainBoxSmall a.pricingButton {
    float: right;
    margin: 105px 430px 0 0;
    padding: 0;
}

.mainBoxSmall a.getStartedButton {
    margin: 205px 400px 0 0;
}

.mainBoxSmall .superscript {
    font-size: 10px;
    position: relative;
    bottom: 8px;
}

.mainContentArea {
    width: 960px;
    padding:0 0 20px 0;
    overflow: hidden;
    clear: both;
		min-height:300px;
}
/*---- Styling for the side bar ----*/
.sideBar {
    float: left;
    padding-bottom: 10px;
}

/*---- Styling for side menu ----*/
.sideMenu {
    overflow: auto;
    width: 200px;
    font-size: 15px;
}

.sideMenu ul {
    padding-left: 20px;
    margin: 15px 0 30px 0;
}

.sideMenu ul li {
    margin: 0px 0 0px 0;
    list-style-type: none;
    padding: 0;
    border: 0;
    height: 30px;
    line-height: 30px;
}

.sideMenu hr {
    color: #eeeeee;
    width: 200px;
    margin: 0;
    border: 1px solid #eeeeee;
    padding: 0;
    height: 0;
}

.sideMenu ul li img {
    margin: 0;
    padding: 0;
    position: relative;
    bottom: 20px;
    float: right;

}

.sideMenu ul li a {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    height: 30px;
    /*    line-height: 30px;*/
    border-bottom: 1px solid #eeeeee;
		
    font-size: 15px;
}
.sideMenu ul li a:after {
	content: url(../gif/grey_arrow.gif);
	width:6px;
	height:8px;
	float:right;
	}
.sideMenu ul li a:hover {
    cursor: pointer;
}
.sideMenu ul li a:hover:after, .sideMenu ul li a.active:after {
	content: url(../gif/orange_arrow.gif);
	width:6px;
	height:8px;
	float:right;
	}
.sideMenu .active {
    color: #f47421;
		font-weight:bold;
		cursor:default !important;
}
/*.sideMenu ul li a.hoverActive:after {
	content: url(images/framework/grey_arrow.gif);
	width:6px;
	height:8px;
	float:right;
	}*/
.sideMenu .termsMenu ul li {
    height: auto;
    line-height: normal;
}
.termsMenu ul li a:after {
		content: '';
}
.termsMenu ul li a:hover:after {
		content: '';
}
.termsMenu ul li a.active:after {
		content: '';
}
.termsMenu ul li a {
    display: inline;
    border-bottom: 0;
    height: auto;
    line-height: inherit;
}

.termsMenu ul li {
    line-height: 20px;
    list-style-type: decimal;
    vertical-align: middle;
    height: auto;
    margin-bottom: 5px;
}

.termsMenu ul {
    height: auto;
    padding-left: 32px;
}

.termsMenu #aboutUs {
    margin-left: 0;
}

.termsMenu {
    height: auto;
    width: 210px;
    display: none;
}

.termsMenu h1 {
    color: #f47421;
    font-size: 18px;
    margin-top: 13px;
    font-weight: normal;
}

/*---- Styling for Got a question section ----*/

.sideQuery {
    height: 236px;
    width: 180px;
    margin-left:20px;
    background: transparent url(../gif/sidequestionbox.gif) top left no-repeat;
		padding-left:10px;
}
#submitQueryForm .invalid {
		background-position: 0 -29px;	
		color:#f00;
}
.sideQuery label .invalid {
	background-position: 0 -29px;	
	}
h3.question-heading {
	margin:8px 0 8px 0;
	font-size:13px;
	font-weight:bold;
	line-height:normal;
}
.sideQuery div {
    width: 150px;
    /*height: 200px;*/
    float: left;
}

.sideQuery p {
    text-align: left;
    width: 150px;
    margin: 8px 0 10px 0;
}

.sideQuery .formField {
    width: 165px;
    height: 29px;
    float: left;
		margin-top: 6px;
}

.sideQuery .formField p {
    float: left;
    width: 40px;
    margin: 6px 8px 0 0;
}

.sideQuery .formField input {
    width: 88px;
		margin-top:6px;
}

.sideQuery .fieldHolder {
    width: 90px;
}

.sideQuery textarea {
    width: 155px;
    height: 45px;
    font-size: 11px;
    color: #666666;
    border: 1px solid #eeeeee;
    font-family: Arial, sans-serif;
    padding: 2px 0 0 2px;
    margin:8px 0 10px 1px;
    resize: none;
    outline: none;
		-webkit-appearance:textarea;
}
.sideQuery textarea.invalid {
		outline: 1px solid #f00 !important;
		background:#fff5f5;
}
.sideQuery .submit {
    float: right;
}

#submitError{
    display: none;
    color: red;
    margin: 15px 0 0 20px;
}
.serviceChooserContent .error  {
    display: none;
    color: red;
    margin: 0 0 0 20px;
}
.red {
    display: none;
    color: red;
}

/*---- Styling for Main content area ----*/
#supportFormTab {
	margin-right:0px;}
.mainContent {
    width: 700px;
    height: auto;
    float: right;
    margin: 21px 20px 5px 0px;
    padding:0;
    background-color: #ffffff;
/*	display: none;*/
	min-height: 380px;
}

.mainContent p {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 18px;
}

.mainContent .superscript {
    font-size: 9px;
    position: relative;
    bottom: 5px;
    left: 1px;
}
.serviceChooserContent span.superscript{
    font-size: 10px;
    position: relative;
    bottom: 5px;
    left: 1px;
}
.strike {
	text-decoration:line-through;
}
.mainContent h2, .mainContentArea h2 {
    color: #f47421;
    margin: 0;
    padding: 5px 0 20px 0;
    font-size: 18px;
    font-weight: normal;
    width: auto;
}
.mainContentArea hr {
	  color: #eeeeee;
    margin: 20px 0;
    border: 1px solid #EEE;
    padding: 0;
    height: 0;
	}
.mainContent .headingWrapper {
    width: 700px;
    height: 40px;
	overflow: hidden;
}

.mainContent .headingWrapper h2 {
    float: left;
}

.mainContent .trunkingPlanMore {
    min-height: 65px;
    margin-bottom: 10px;
}

.mainContent h2.extraSpacingAbove {
    padding: 20px 0 10px 0;
}

.mainContent img {
    text-align: center;
    padding: 0;
    margin: 10px 0 20px 0px;
}

.mainContent img.extensionDiagram {
    margin-left: 90px;
}

.mainContent h3 {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.mainContent h3.padded {
    padding-bottom: 10px;
}

#connectToVoip h3, #exs7Editions h3 {
    margin-bottom: 4px;
    margin-top: 15px
}

.mainContent ul {
    padding: 0;
    margin: 0 0 20px 0;
    list-style-type: disc;
}

.mainContent ul li {
    padding: 0 0 5px 0;
    margin: 0 0 0 15px;
		line-height:1.3em;
}

.bold {
    font-weight: bold !important;
}

.mainContent ul.left {
    margin-right: 45px;
}

.mainContent ul.spacedList li {
    margin: 0 0 10px 15px;
}

.mainContent .featuresList {
    width: auto;
    min-height: 240px;
}

.mainContent ul.noMargin {
    margin: 0;
}

.mainContent .videoContainer {
    margin: 0 0 0 20px;
    padding: 0;
    height: 220px;
    width: 280px;
    float: right;
    border: none;
	text-align:center;
}

.mainContent .video {
    height: 190px;
    width: 280px;
	border: 1px solid #aaaaaa;
}

.mainContent .video h1 {
	text-align:center;
	font-size:20px;
	color: #aaaaaa;
	padding-top:50px;
	font-weight:normal;	
}	

.mainContent .video h2 {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color: #f47421;
}

.mainContent #playVideo {
	background: url(../png/ui-icons_222222_256x240.png);
	float: left;
	height: 20px;
	width: 20px;
	cursor: pointer;
	
	margin-left:44%;
}

.mainContent .play {
	background-position:0px -158px !important;
}

.mainContent .pause {
	background-position:-15px -158px !important;	
}

.mainContent #stopVideo {
	background: url(../png/ui-icons_222222_256x240.png);
	float:left;
	height: 20px;
	width: 20px;
	cursor: pointer;
	background-position:-95px -158px;
}

.mainContent .video a {
	float: none;
	margin-left: auto;
	margin-right: auto;	
}

.mainContent .question {
    line-height: 20px;
    height: 20px;
	text-decoration:underline;
}

.mainContent .question span {
	cursor: pointer;
}

.mainContent .question span:hover {
	color: #f47421;	
}

.mainContent .answer {
    display: none;
    color: black;
    padding-bottom: 3px;
    margin-left: 15px;
}

.mainContent .listType {
    margin-top: 2px;
    height: 18px;
    width: 15px;
    background: transparent url(../png/ui-icons_222222_256x240.png);
    background-position: -37px -16px;
    float: left;
}

.mainContent .tableButtonContainer a {
    margin-left: 77px;
}

.mainContent a {
    float: right;
    margin-left: 20px;
}

.mainContent a.inText {
    margin: 0;
    text-decoration: underline;
    float: none;
}

.mainContent a.callRatesButton {
    float: right;
    margin: 0 0 25px 0;
}

.mainContent a.featuresButton {
    float: none;
    margin: 0 0 25px 0;
}

.mainContent a.startNowButton {
    float: none;
    margin: 0 0 0 35px;
    z-index: 2;
    position: relative;
    bottom: 20px;
}

.mainContent a.termsAndConditions {
    color: #aaaaaa;
}

.mainContent a.termsAndConditions:hover {
    color: #f47421;
}

.mainContent #freeTrial {
    float: none;
    z-index: 1;
    margin-bottom: 0;
    cursor: pointer;
}

#features a.featuresButton {
    float: right;
}

.mainContent h5 {
    font-size: 12px;
    font-style: italic;
    padding: 0;
    margin: 20px 0 5px 0;
}

.mainContent p.italics {
    font-style: italic;
    font-size: 12px;
    color: #aaaaaa;
    margin-bottom: 20px;
	clear: both;
	float: none;
}
.mainContent #supportPage, .mainContent .requestacall {
	margin:20px 0 0 50px;
}
.otherCountries {
    float: right;
    margin: 20px 80px 0 0;
}

.otherCountryRates {
	width: auto;	
}

#contactUs select, .otherCountries select, #supportForm select, #emailSupportForm select, #phoneSupportForm select {
    position: absolute;
    width: 241px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 28px;
    padding: 0;
    color: #666666;
    font: 12px/21px arial,sans-serif;
    overflow: hidden;
    opacity:0;
    filter: alpha(opacity=0);
    position:relative;
    z-index:5;
    margin: 5px 0 0 0;
    position: relative;
    bottom: 32px;
}

.state .customSelectSpan {
    background: transparent url(../gif/select_state.gif) no-repeat scroll 0 0;
    color:#666666;
    font-family:arial,sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    height:21px;
    line-height:21px;
    overflow:hidden;
    padding:4px 24px 0 8px;
    width:115px;
    height: 24px;
    margin-top: 0;
}

.state select {
    position: absolute;
    width: 85px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 28px;
    padding: 0;
    color: #666666;
    font: 12px/21px arial,sans-serif;
    overflow: hidden;
    opacity:0;
    filter: alpha(opacity=0);
    position:relative;
    z-index:5;
    margin: 3px 0 0 0;
    position: relative;
    bottom: 32px;
}

.otherCountries span {
    margin: 0;
}

.otherCountries #countryRate {
    font-size: 18px;
    float: left;
    line-height: 18px;
}

.otherCountries #countryName {
    margin-top: 3px;
    float: left;
	margin-right: 10px;
}

.mainContent .callRatesAndCharges p.conditionText {
    font-size: 12px;
    color: #aaaaaa;
    margin:10px 0 10px 0;
}

.mainContent .callRatesAndCharges {
	display: none;	
	background: #ffffff;
}

.buttonContainer {
    height: 30px;
    margin: 15px 0 10px 0;
}

.activeButton {
	background-position: 0px -26px !important;
}

.partnerImages {
    width: 59px;
    height: 47px;
    background: transparent url(../gif/partner_images.gif) no-repeat scroll 0 0;
    float: left;
}

.partnerField {
    width: 330px;
    height: 65px;
}

.partnerField p {
    padding-bottom: 0;
}

.phone .partnerImages {
    background-position: -177px -47px;
}

.antenna .partnerImages {
    background-position: -59px -47px;
}

.pc .partnerImages {
    background-position: -177px 0px;
}

.exs7 .partnerImages {
    background-position: -59px 0px;
}

.dollars .partnerImages {
    background-position: -118px -47px;
}

.man .partnerImages {
    background-position: 0px -47px;
}

.phonebook .partnerImages {
    background-position: -118px 0px;
}

.fax .partnerImages {
	background-position: 0px -155px;	
}

.arrows .partnerImages {
	background-position: -177px -96px;	
}

.hold .partnerImages {
	background-position: -4px -96px;
}

.callerId .partnerImages {
	background-position: -62px -93px;
}

.degauss .partnerImages {
	background-position: -122px -95px;
}

#productsAndBenefits h2, #productsAndBenefits .left, #productsAndBenefits .right, #partnerLevels, #productsAndBenefits, #mvoiceSupport {
    padding-bottom: 20px;
}

/*
/////////////////////////////
				FORMS
////////////////////////////
*/
.customSelectSpan {
    background: transparent url(../gif/select_country.gif) no-repeat scroll 0 0;
    color:#666666;
    font-family:arial,sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    height:21px;
    line-height:21px !important;
    overflow:hidden;
    padding:4px 24px 0 8px;
    width:241px;
    height: 24px;
    margin-top: 0;
}
.signUpForm {
	overflow: hidden;	
}

.partnerForm input {
    text-align: left;
}

.partnerForm .small {
    font-size: 11px;
    width: 250px;
    margin-left: 20px;
    color: #aaaaaa;
    line-height: 14px;
    margin-top: 5px;
}

.partnerForm span {
    margin-left: 7px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.partnerForm label {
    display: block;
		margin:5px 0 12px;
}

.partnerForm label input {
    vertical-align: middle;
}

.partnerForm .left {
    float: left !important;
	  margin-bottom: 20px;
}
.partnerForm .halfWidth {
	width:450px !important;
}
.partnerForm .left input, .partnerForm .right input {
    vertical-align: middle;
  /*  height: 13px;
    width: 13px;
	*/
}

.partnerForm .right {
    float: right;
    width: 350px;
    margin-bottom: 20px;
}

.partnerForm .formField {
    float: left;
    height: 60px;
    width: 250px;
}

.partnerForm .formField input{
    margin: 7px 0 0 0px;
    width: 198px;
    float: left;
    border: 0;
    background: none;
    outline: none;
    padding: 0;
		border-top:0;
}
.formField {
    float: left;
    height: 29px;
    width: 200px;
}

.formField p {
    float: left;
    margin: 4px 8px 0 0;
    width: 50px;
}

.formField input {
    margin: 3px 0 0 0px;
    float: left;
    border: 0;
    background: none;
    outline: none;
    padding: 0;
}

.partnerForm .formInputStartImage, .sideQuery .formInputStartImage, .channel-partner .formInputStartImage, .lp-secondHalfPage .formInputStartImage {
	display:block;
	margin:0;
	padding:0;
	background:url(../jpg/login_left.jpg) 0 0 no-repeat;
	height:29px;
	width:12px;	
	float:left;
	}
.partnerForm .fieldHolder, .channel-partner .fieldHolder, .lp-secondHalfPage .fieldHolder {
    width: 200px;
    height: 29px;
    background: transparent url(../jpg/login_centre.jpg) repeat scroll right top;
    float: left;
}
.sideQuery .fieldHolder {
    width: 86px;
    height: 29px;
    background: transparent url(../jpg/login_centre.jpg) repeat scroll right top;
    float: left;
}
.partnerForm .formInputEndImage, .sideQuery .formInputEndImage, .channel-partner .formInputEndImage, .lp-secondHalfPage .formInputEndImage {
	display:block;
	margin:0;
	padding:0;
	background:url(../jpg/login_right.jpg) 0 0 no-repeat;
	height:29px;
	width:13px;
	float:left;
	}

.partnerForm .invalid {
		background-position: 0 -29px;	
		color:#f00;
	}

.partnerForm label .invalid {
	color:#f00;
}
.partnerForm .formField img {
    margin: 0;
}

.partnerForm .formField p {
    padding-bottom: 0;
    float: none;
    width: auto;
}

.partnerForm .medium {
    float: left;
    width: 172px;
}

.partnerForm .suburb {
    float: left;
    width: 140px;
}

.partnerForm .short {
    float: left;
    width: 80px;
}
.partnerForm .medium input, .channel-partner .medium input {
    width: 88px;
}

.partnerForm .medium .fieldHolder{
    width: 100px;
}

.partnerForm .short input {
    width: 38px;
}

.partnerForm .short .fieldHolder{
    width: 40px;
}

.partnerForm .phone input {
    width: 28px;
}

.partnerForm .phone .fieldHolder {
    width: 30px;
}

.partnerForm .phone {
    width: 77px;
}

.partnerForm .leftBracket {
    float: left;
    margin: 6px 2px 0 0;
}

.partnerForm .rightBracket {
    float: left;
    margin: 6px 0 0 2px;
}

.formRow {
    height: 60px;
    width: 650px;
}
.formRowSelectPad {
	padding-top:18px;
}
.tallFormRow {
    height: 140px;
    width: 650px;
}

.tallFormRow img {
    float: left;
    margin: 0;
}

.partnerForm a {
    float: left;
	clear: both;
    margin: 20px 0 30px 0;
}
.btnAlignRight {
	float:right !important;
	margin:0 140px 0 0 !important;
	}
#referralProgram .mainLeft {
    width: 520px;
    height: auto;
    float: left;
}
#referralProgram .mainRight {
    width: 180px;
    float: right;
}

.mainRight p {
    width: 150px;
    padding-left: 20px;
}

.mainRight h4, .mainRight ul {
    padding-left: 20px;
    width: 300px;
    padding-bottom: 10px;
}

.mainRight img {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.mainRight img.first {
    vertical-align: bottom;
}

.mainRight div {
    margin: 0;
    padding: 0;
    width: 173px;
    height: 500px;
    background: transparent url(../gif/referral_box.gif) repeat scroll right top;
}
.contactUs {
	margin-left:20px;
	}
.contactUs .left {
    min-height: 400px;
    display: none;
    background: #ffffff;
		
}

.supportDiv {
	width: 600px;
}

.contactUs .mainContent .partnerForm {
    display: inline;
}

.contactUs .right {
    width: 320px;
    height: auto;
    margin-bottom: 20px;
}

.contactUs .right div {
    width: 274px;
    height: 160px;
    background: transparent url(../gif/contact.gif) repeat scroll right top;
    float: left;
}

.contactUs .faqs div {
    height: 80px;
}

.contactUs .information div {
    height: 100px;
}

.contactUs .right img {
    float: left;
    margin: 0;
}

.contactUsImage .bold {
	font-size: 14px;	
	margin-bottom:5px;
}

.contactUsImage p {
	line-height: 21px;
}


.contactUs .left .left {
	display: block;
	width: auto;
}

.contactUs .formRow, .contactUs .tallFormRow {
	width: auto;	
}

.contactUs .mainContent {
	margin-left: 0;	
	width: 950px;
}

.contactUs .orangeSides {
	margin: 0;
	float: left;	
}

.contactUsImage .man {
	background: transparent url(../gif/contact_images.gif) no-repeat scroll -3px 0px;	
	height: 34px;
	width: 28px;
	float: left;
	opacity: .5;
	filter:alpha(opacity=50);
}

#contactUs textarea, #contactUs .textAreaBg {
    width: 300px;
}

.textAreaLeft {
    position: relative;
    left: 8px;
}

.textAreaBox {
    float: left;
    position: relative;
    left: 8px;
/*    background: transparent url(images/framework/textarea.gif) repeat scroll 0px 0px !important;*/
}

.textAreaBg {
    width: 535px;
    height: 74px;
    background: transparent url(../gif/textarea.gif) repeat scroll 0px -5px;
}

.textAreaBottom {
    height: 6px !important;
    background: transparent url(../gif/textarea_bottom.gif) repeat scroll 0px 0px !important;
}

.textAreaTop {
    width: 292px;
    height: 5px;
    background: transparent url(../gif/textarea_top.gif) repeat scroll 0px 0px;
}

.textAreaContainer {
    margin-left: 8px;
}

.partnerForm textarea {
    width: 535px;
    height: 74px;
    /*    background: transparent url(images/framework/textarea.gif) repeat scroll 0px -5px;*/
    background: transparent;
    border: 0;
    border: none;
    font-family: Arial, sans-serif;
    color: #666666;
    font-size: 13px;
    resize: none;
    padding: 0 0 0 0;
    /*    *background: transparent url(images/framework/textarea.gif) repeat scroll 0px -5px; !important; Fix for IE*/
}
.textareaMedium {
		background: url(../gif/textarea-bg-med.gif) 0 0 no-repeat;
		width:310px;
		height:85px;		
}
.invalid .textareaMedium{
	background-position: 0 -85px;
}
.textareaLarge {
		background: url(../gif/textarea-bg-large.gif) 0 0 no-repeat;
		width:545px;
		height:85px;		
}
.textAreaQuestionLarge {
	margin:5px 0 0 10px;
}
.invalid .textareaLarge{
	background-position: 0 -85px;
}

/*Fix for Chrome and Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .partnerForm textarea  { height:71px;  }
		
}


#supportForm textarea, #supportForm .textAreaBg, #emailSupportForm textarea, #phoneSupportForm textarea, #emailSupportForm .textAreaBg, #phoneSupportForm .textAreaBg {
		width:290px;
		background:none;
		padding:5px 0 0 8px;
		
}

.partnerForm .textAreaBox {
    width: 535px;
    height: 85px;
}

.partnerForm .textAreaTop {
    width: 527px;
}

#contactUs .textAreaTop, #supportForm .textAreaTop, #emailSupportForm .textAreaTop, #phoneSupportForm .textAreaTop {
    width: 292px;
}

#contactUs .textAreaBox, #supportForm .textAreaBox,  #emailSupportForm .textAreaBox,  #phoneSupportForm .textAreaBox {
    width: 300px;
}

#customerReferral .textAreaBox {
    width: 465px;
}

#customerReferral .textAreaTop {
    width: 457px;
}

#customerReferral textarea, #customerReferral .textAreaBg {
    width: 465px;
    resize: none;
}
.partnerForm .textAreaQuestionMedium {
	width:290px !important;
	margin: 5px 0 0 10px;
	}
.contactUs .right div div {
    margin: 0 10px 0 10px;
    height: 34px;
    width: 28px;
    position: relative;
    bottom: 34px;
}

.contactUs .right .man {
    background: transparent url(../gif/contact_images.gif) no-repeat scroll -3px 0px;
}

.contactUs .right .comp {
    background: transparent url(../gif/contact_images.gif) no-repeat scroll 0px -34px;
    height: 27px;
    width: 34px;
    bottom: 36px;
}

.contactUs .right .book {
    background: transparent url(../gif/contact_images.gif) no-repeat scroll -5px -92px;
    height: 29px;
    bottom: 36px;
}

.contactUs .right .talking {
    background: transparent url(../gif/contact_images.gif) no-repeat scroll -3px -61px;
    height: 29px;
    bottom: 36px;
}

.contactUs .right p {
    padding-bottom: 0;
    line-height: 16px;
    margin-left: 10px;
    position: relative;
    bottom: 34px;
}

.contactUs .right p.bold {
    padding-top: 10px;
}

.contactUs .right h3 {
    padding: 5px 0 13px 0;
    position: relative;
    bottom: 34px;
}

.contactUs .left h3 {
    padding: 0 0 15px 0;
}

.contactUs ul {
    margin: 10px 0 0 15px;
    height: auto;
    width: auto;
    padding: 0;
    position: relative;
    bottom: 34px;
}

.products {
    z-index: 5;
}

.products .menu a {
    margin-left: 0;
    display: block;
    height: 30px;
    width: 120px;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
}

.products .menu a:hover {
    color: #f47421 !important;
}

.products img {
    margin: 0;
    float: left;
    position: relative;
    top: 13px;
}

.products img.logo {
    float: right;
   /* top: -20px;
    left: 20px;*/
		
		clear:none;
		float:right;

		margin:-30px -20px 0 0;

	}

.products img.noPosition {
    position: static;
}

.products .menu  {
    height: 42px;
    width: 120px;
    float: left;
    background: transparent url(../gif/inactive_tab.gif) repeat scroll right top;
    position: relative;
    top: 13px;
    z-index: 1;
}

.products .rightImage {
    margin-right: 5px;
}

.products .first  {
    margin-left: 15px;
}

.products .phoneListTop {
    width: 690px;
    height: auto;
    background: transparent url(../gif/products_border.gif) repeat-x scroll 0px 0px;
    float: left;
    z-index: 10;
}

.phoneForm {
	display: none;
	}
.products .phoneItem {
    width: 625px;
    height: auto;
    margin: 20px 0 0px 15px;
    float: left;
    display: none;
}
.products .phoneItem .left {
    width: 180px;
    height: auto;
    background: white;
    padding-top: 20px
}

.products .phoneItem .right {
    width: 430px;
    height: auto;
    background: white;
    padding-top: 20px
}

.products .phoneItem .right div.buttons {
    height: 50px;
}

.products .phoneItem .right div.additionalInfo {
   display: none;
}

.products h1 {
    font-size: 24px;
    color: #f47421;
    padding: 10px 0 15px 0;
    line-height: 26px;
}

.products h3 {
    font-size: 18px;
    padding: 0 0 20px 0;
}


.products img.phoneImage {
	position:static;
	float: none;	
}

.products .phoneThumb {
	height: 100px;
	width: 100px;
	margin-left: 35px;
	background: transparent url(../gif/phone_map.gif) no-repeat scroll 0px 0px;
	float: left;
	overflow: auto;
}

.products .phoneLabel {
	text-align: center;
	font-size:12px;	
	width: 170px;
	margin: 5px 0 0 0;
	padding: 0;
}
p.phoneNotice { font-style:italic;}
.phoneContainer {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin: 2px 0 2px 0;
	padding: 10px 0 10px 0;	
	text-align: center;
	-moz-border-radius-topright: 8px;
	-webkit-border-radius-toprightt: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-radius-bottomrightt: 8px;
	border-bottom-right-radius: 8px;
}

.phoneContainer div {
	overflow: hidden;	
}

.phoneContainer:hover {
	cursor: pointer;	
}

.products .left .active {
	border: none !important;	
}

.products .left p {
	float: left;	
}

.products .left .active p {
	color: #f47421;	
}

.products .left .active:hover {
	cursor: default !important;	
}

.products .menu a {
	font-weight: bold;	
	line-height:normal;
}

.phoneOverlay img, .phoneOverlay p, .phoneOverlay div {	
  filter: alpha(opacity=50);
	opacity: 0.5;
}

.phoneItem .right div {
	background: #ffffff;	
}

.termsHeader {
    background: transparent url(../gif/terms_box_top.gif) no-repeat scroll 0px 0px;
    height: 10px;
    width: 693px;
    /*margin: 30px 30px 0 0;*/
}
.bundleImg {
	float:left;
	clear:none;
	margin:0 20px 100px 0 !important;
	}
.fullLengthTab {
	margin:40px 0 0 40px !important;
	float:left;
	width:625px;
}
#bundles ul {list-style-position:inside;}
.termsBody {
    overflow: auto;
    height: 555px;
    background: #fcfcfc;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    margin-right: 30px;
    padding-left: 10px;
    width: 681px;
}

.termsFooter {
    background: transparent url(../gif/terms_box_bottom.gif) no-repeat scroll 0px 0px;
    height: 13px;
    width: 693px;
}

#termsAndConditions h3, #privacyPolicy h3, #fairUsePolicy h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0 10px 0;
    margin-left: 10px;
}

.termsBody ul li {
    list-style-type: decimal;
    padding: 5px 0 5px 0;
    line-height: 18px;
    vertical-align: baseline;
}

.termsBody ul {
    padding-left: 8px;
}

.termsBody ul p.heading {
    /*    position: relative;*/
    /*    right: 10px;*/
    padding-top: 15px;
    font-weight: bold;
    padding-bottom: 10px;
}

.termsBody ul p {
    padding-bottom: 5px;
}

.termsBody ul li ul {
    overflow: hidden;
    margin: 0 0 0 15px;
}

.termsBody ul li ul li {
    list-style-type: lower-alpha;
}

.alphaList {
	list-style-type: lower-alpha !important;	
}

.termsBody ul li ul li ul ul li {
	list-style-type: lower-roman;	
}

.subList {
    list-style-type: none !important;
    margin-left: 0px !important;
}

.noBullets {
	list-style-type: none !important;	
}

ul.subList {
    padding-left: 0px !important;
}

.subList span {
    font-weight: normal;
}

.subList p, .subList ul {
    margin-left: 25px !important;
    width: 570px;
}

.termsBody .double p {
	margin-left: 33px !important;	
}

.subList ul li {
    margin-left: 24px;
}


/*---- Corners for tables!!!! ----*/
.mainContent table td div.topCorner {
    height: 15px;
    margin: 0;
    padding: 0;
    position: relative;
    right: 1px;
    bottom: 9px;
    background: #f7f7f7;
}

.mainContent table.additional td div.topCorner {
    background: #e8e8e8;
}

.mainContent table.exs7TableHeader td div.topCorner {
    background: #666666;
    right: 0px;
}

.mainContent table.trunkingPlan td div.topCorner {
    background: #666666;
}

.mainContent table.exs7TrunkingPlan td div.topCorner {
    background: #e8e8e8;
}

.mainContent table.exs7TrunkingPlan td div.dark {
    background: #666666;
    color: #ffffff;

    font-weight: bold;
}

.mainContent table.exs7TrunkingPlan td.dark {
    background: #666666;
}

.med .bottomCorner {
	background: #e8e8e8 !important;
}

table.trunkingPlan .first .grey, table.trunkingPlan .topCorner .grey {
	background: #f7f7f7 !important;	
}

.mainContent table tr.topCorner td.med {
	background: #e8e8e8 !important;
}

.mainContent table.callRatesTable td div.topCorner {
	*width: 348px; /*Bad fix for IE*/
}

.mainContent table.internationalCallRates td div.topCorner {
	*width: 101px; /*Bad fix for IE*/
    margin:0 0 0 1px;
    padding: 0;
    height: 20px;
}

.mainContent table td div.topCorner span {
    position: relative;
    top: 7px;
}

.mainContent table td div.bottomCorner {
    margin: 0;
    padding: 0;
    background: #f7f7f7;
}

.mainContent table td.dark div.bottomCorner {
	background: #666666;	
}

.mainContent table.additional td div.bottomCorner {
    width: 227px; /*fix for ie7*/
}

.mainContent table tr.bottomCorner td {
    background: #f7f7f7;
    border: none;
    height: 7px;
}

.mainContent table tr.topCorner td {
	background: #f7f7f7;
	border: none;
    height: 7px !important;
	padding-bottom: 0 !important;
}

.mainContent table tr.topCorner td.dark {
	background: #666666 !important;	
}

.mainContent table td.whiteBackground {
    background: #ffffff !important;
}

.mainContent table tr.bottomCorner td.tableLabel {
    background: #ffffff;
    border: none;
}

.mainContent table tr.bottomCorner td.blankCell {
    background: #ffffff;
    border: none;
    width: 1px;
}

.mainContent table td img.topLeft {
    float:left;
    margin: 0;
    padding: 0;
	position: relative;
    right: 1px;
    bottom: 1px;
}

.mainContent table td img.topRight {
    float:right;
    margin: 0;
    padding: 0;
    position: relative;
    left: 1px;
    bottom: 1px;
}

.mainContent table.exs7TableHeader td img.topRight {
    left:0;
}

.mainContent table td img.bottomLeft {
    float:left;
    margin: 0;
    padding: 0;
    position: relative;
    right: 1px;
    top: 1px;
}

.mainContent table td img.bottomRight {
    float:right;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 1px;
    top: 1px;
}

table.otherCallRates tr.bottomCorner td {
    height: 9px;
    margin: 0;
    padding: 0 0 0 1px;
}
/*---- End corners for tables ----*/

table tr.leftAlign td {
    text-align: left;
    vertical-align: top;
    padding: 5px 5px 5px 5px;
}

.mainContent table img {
    margin: 0;
}

td.price {
	color: #f47421 !important;
	font-weight: bold !important;	
}

.hiddenRow, .hiddenRow td {
	height: 0px !important;
	border: none !important;
	padding: 0 !important;
}

.hiddenRow div {
	display: none;	
}

.hiddenRow td {
	background: #ffffff !important;	
}

.ivrOption span:hover {
    cursor: pointer;
    color: #f47421;
}

#optionOne {
    display: none;
}

#optionA:hover, #optionB:hover, #optionC:hover {
	cursor:pointer;
	color:#f47421;	
}

.boldWhite {
	color: #ffffff;
	font-weight: bold;
}

table .first {
	height: 0px !important;
	padding-bottom: 7px !important;	
}

/*---- Trunking plan styling ----*/
table.trunkingPlan {
    text-align: center;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

table tr.first td {
	height: 10px !important;
	padding-bottom: 7px !important;	
}

table tr.last td {
	height: 10px !important;
	padding-top: 7px !important;	
}

table.trunkingPlan tr td{
    border-bottom: 1px solid #aaaaaa;
    height: 30px;
}

table.trunkingPlan td {
    background: #f7f7f7;
    margin: 0 0 0 0;
    width: 128px;
}

table.trunkingPlan th {
    background: #666666;
    color: #ffffff;
    margin: 0;
    padding: 0;
    height: 32px;
    margin-top: 0px;
    margin-bottom: 0px;
}

table.trunkingPlan .blankCell {
    background: #ffffff !important;
    width: 1px;
}

table td.extraTableRow {
	background: #ffffff !important;

	border-bottom: none !important;	
}

td.extraTableRow a {
	float: none !important;
	margin-left: 17px !important;
	margin-top: 10px !important;	
}

table.trunkingPlan .tableLabel {
    width: 300px;
    text-align: left;
    background: #ffffff !important;
}

table.trunkingPlan .last td {
    border-bottom: none;
    color: #f47421;
    font-weight: bolder;
    height: 15px;
    padding-top: 5px;
}

table.trunkingPlan .border-bottom td {
    border-bottom: 1px solid #AAAAAA;
    height: 19px !important;
    padding-bottom: 5px;
}

table.trunkingPlan .last .tableLabel {
    color: #666666;
}

table.trunkingPlan .first td {
    border-bottom: none;
}

table.trunkingPlan .first .dark {
    background: #666666;
    color: #ffffff;
    font-weight: bolder;
}

table.trunkingPlan .first .med {
    background: #e8e8e8;
}

table.trunkingPlan .noBorder td {
    border-bottom: none;
}

table.trunkingPlan tr td.tableText {
    font-size: 10px;
    width: 222px;
}

/*---- Features table styling ----*/

table.featuresTable td.tableLabel {
    width: 410px;
}

table.featuresTable tr td {
    width: 140px;
}

table.featuresTable h2 {
	padding: 0;	
}

/*---- Partners table styling ----*/
table.partnersTable .last td {
    font-weight: normal;
    color: #666666;
}

table.partnersTable tr td {
    width: 180px;
}

table.partnersTable tr.thickBottom td {
    border-bottom: 2px solid #aaaaaa;
}

table.partnersTable {
    margin: 20px 0 0 0;
}

table.partnersTable tr td.blankCell {
    padding: 1px;
}

/*---- Exs7 trunking plan styling ----*/
table.exs7TrunkingPlan .last .tableLabel, table.featuresTable .last .tableLabel {
    font-weight: normal;
}

table.exs7TrunkingPlan .first td {
    border-bottom: 1px solid #aaaaaa;
}

table.exs7TrunkingPlan .first .dark {
    background: #e8e8e8;
    color: #666666;
    font-weight: normal;
}

table.exs7TrunkingPlan .first .blankCell {
    background: #f7f7f7;
}

table.exs7TrunkingPlan .first .middle {
    background: #ffffff;
}

table.exs7TableHeader td {
    width: 227px;
    padding:0 0 0 0;
    margin: 0;
}

table.exs7TableHeader td.wide {
    width: 226px;
}

table.exs7TableHeader {
    margin-left: 0;
}

table.exs7TableHeader .last td {
    font-size: 10px;
    padding-bottom: 5px;
}

table.exs7TableHeader .first td {
    background: #666666;
    color: #ffffff;
    font-weight: bold;
}

table.exs7TableHeader tr td {
    height: 30px;
}

table.exs7TableHeader .first td.tableLabel, table.exs7TableHeader .last td.tableLabel {
    width: 247px;
    text-align: left;
    background: #ffffff;
    padding: 1px;
}

/*---- Styling for a 3 column table ----*/
table.threeColumns td {
    width: 112px;
}

table.threeColumns td.tableLabel {
    width: 360px;
}

table.threeColumns td.heading {
    font-size: 18px;
    height: 50px;
    color: #f47421;
    padding-top: 20px;
    padding-left: 0;
	padding-bottom: 10px;
	vertical-align: bottom;
}

/*---- Single column table ----*/
table.singleColumn {
    margin-top: 10px;
    margin-bottom: 30px;
}

table.singleColumn .first td {
    border-bottom: 1px solid #aaaaaa;
}

table.singleColumn td.tableLabel {
    font-weight: normal;
    width: 432px;
}

/*---- Additional table styling ----*/
table.additional {
    height: 50px;
    text-align: center;
    border-collapse: collapse;
    padding: 0;
    margin: 20px 0 0px 240px;
}

table.additional td {
    width: 256px;
}

table.additional .first td {
    background: #e8e8e8;
    padding-bottom: 5px;
}

table.additional .last td {
    background: #f7f7f7;
    padding-top: 5px;
}

table.additional .first .blankCell, table.additional .last .blankCell{
    background: #ffffff;
    width: 3px;
}


/*---- Call rates table styling ----*/

table.callRatesTable {
    border-collapse: collapse;
    margin: 15px 0 15px 0;
}

table.callRatesTable tr td {
    border-bottom: 1px solid #aaaaaa;
    height: 32px;
		vertical-align:middle;
}

table.callRatesTable tr td.tableLabel {
	width: 353px;
}

table.callRatesTable tr td.grey {
    background: #f7f7f7;
    padding-left: 7px;

	width: 335px;
}

table.callRatesTable tr td.price {
	color: #f47421;
	font-weight: bold;
	text-align: center;	
}

table.callRatesTable .first td {
    height: 10px;
	padding-bottom: 7px;
}

table.callRatesTable .last td {
    border-bottom: none;
    height: 10px;
    padding-top: 7px;
}

table span.italic {
    font-size: 12px;
    color: #aaaaaa;
    font-style: italic;
    padding-bottom: 2px;
}

table.callRatesTable img {
    margin: 0;
}

table.internationalCallRates {
    width: 300px;
}

table.internationalCallRates tr td {
    height: 36px;
}

table.internationalCallRates .last td {
    height: 15px;
}

table.internationalCallRates .grey {
    width: 80px !important;
    text-align: center;
    padding: 0;
}

.mainContent table.internationalCallRates td div.topCorner span {
    position: relative;
    top: 10px;
}

table.internationalCallRates .flag {
    width: 35px;
}

table.otherCallRates td {
    height: 25px;
}

table.otherCallRates {
    padding: 0;
    margin: 0;
}

table.otherCallRates tr.last td {
    height: 12px;
}

.tableButtonContainer {
    width: 450px;
    height: 24px;
    float: right;
    position: relative;
    bottom: 13px;
    margin: 5px 15px 0 0;
}

#partnerLevels .partnersTable .last td {
    height: 30px;
    vertical-align: top;
}
/*---- purchaseRentalTable -------*/
table.purchaseRentalTable .tableLabel {
	 background:#fff !important;
	 width:350px !important;
	 }
table.purchaseRentalTable .first .dark {
	background:#666666 none repeat scroll 0 0;
	color:#FFFFFF;
	font-weight:bolder;
	}
table.purchaseRentalTable .blankCell {
	width:1px;
	background:#fff;
}
table.purchaseRentalTable tr td {
	border-bottom:1px solid #AAAAAA;
	height:30px;
}
table.purchaseRentalTable tr.last td, table.purchaseRentalTable tr.first td {
	border:0 none !important;

	}
table.purchaseRentalTable td {
	background:#F7F7F7 none repeat scroll 0 0;
	margin:0;
	width:228px;
}
table.purchaseRentalTable .grey, table.purchaseRentalTable .dark {
	text-align:center;
	
	}
table.purchaseRentalTable .grey {
	padding:10px 0;
}
/*---- Styling for other things to consider ----*/
.bottomBox {
    height:114px;
    background: transparent url(../jpg/footer_sub_bar.jpg) repeat scroll right top;
    margin: 20px 0 20px 0;
}

.bottomBox div {
    float: left;
    height: 100px;
    width: 920px;
}

.bottomBox div.three div {
    float:left;
    height: 80px;
    margin: 10px 25px 10px 0;
    width: 261px;
}

.bottomBox div.four div {
    float:left;
    height: 80px;
    margin: 10px 10px 10px 0;
    width: 200px;
}

.bottomBox div img {
    margin: 0 25px 0 0;
}

.bottomBox h3 {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
}

.bottomBox h4 {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.bottomBox p {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.bottomBox a:hover {
    color: #666666;
    text-decoration: none;
}

/* ---- End CSS ----*/

#about .partnerField {
	height: 90px;	
}

#about .partnerImages {
	margin-bottom: 25px;	
}

#about .left, #about .right {
	margin-top: 20px;	
}

#ourNetwork div.left {
	padding: 0 20px 0 10px;	
}

.aboutUsImage h2 {
	width: 450px;
	color: #666666;
	line-height: 28px;
	font-size: 18px;
}

.legend {
	background: url(../gif/legend.gif) !important;
	height: 120px !important;
	margin-top: 120px;	
}

.legend div {
	margin-top: 5px;	
}

.legend p {
	line-height: normal;	
}

#ourNetwork ul {
	list-style-type: none;	
}

#ourNetwork ul li {
	list-style-type: none;	
	margin-left: 0;
}

.pop, .poi {
	width: 14px !important;
	height: 15px !important;
	background: url(../gif/pop_poi.gif) !important;	
	margin: 0 6px 0 0 !important;
	float: left;
}

.pop {
	background-position: 0px 15px !important;
}

#testimonials img {
	margin: 7px 5px 0 0;
}

#whatsIncluded .partnerImages {
	height: 60px;	
}

.submittingEmail {
	margin:30px 0 0 150px;
	}

select {	
	-webkit-appearance:caret;
}
pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #ccc;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 18px; /*--Height of each line of code--*/
	background: url(../gif/pre_bg.gif) scroll repeat left top; /*--Background of lined paper--*/
	width: 925px;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}
pre code {
	margin: 0 0 0 20px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
}
#logoWrapper {
	display:block;
	height:150px;
	}
a.hostedShowCodeButton, a.voipShowCodeButton, a.exs7ShowCodeButton {
		display: block;
    height: 26px;
    width: 122px;
    background: transparent url(../gif/show-code-buttons.gif);
		margin-left:42px;
}

a.hostedShowCodeButton:hover, a.voipShowCodeButton:hover, a.exs7ShowCodeButton:hover {
	background-position: 0px -26px;	
}
a.hostedShowCodeButton.active, a.voipShowCodeButton.active, a.exs7ShowCodeButton.active {
	background-position: 0px -26px;	
	cursor:default;
}
.hostedLogoContainer, .voipLogoContainer,.exs7LogoContainer {
	display:block;
	float:left;
	clear:none;
	width:200px;
	text-align:center;
	margin-left:15px;
	background:#fff;
	}
.orange {color:#F47421;}
.grey {color:#666;}
.accNoError {float:left; clear:none; margin:6px 0 0 13px; color:red;}
/*Landing page  */
.lp-firstHalfPage {width:440px; margin-left:40px; float:left; clear:none;}
.lp-firstHalfPage ul { list-style:none; margin:0 0 1em 15px;}
.lp-firstHalfPage ul li{ background:url(../gif/lp-bullet.gif) no-repeat 0 4px; padding:0 0 0 15px; line-height:1.5em;}
.lp-secondHalfPage { margin-left:100px; float:left; clear:none; text-align:left; width:345px;}
.lp-firstHalfPage h2, .lp-secondHalfPage h2{ font-size:2em;}
.lp-secondHalfPage h2{ margin-left:110px;}
.lp-fields { height:20px; margin-bottom:20px; clear:both; }
.lp-fields label {width:110px; text-align:right; margin:8px 15px 0; float:left; clear:none;}
.lp-fields .fieldHolder {
    width: 180px;
    height: 29px;
    background: transparent url(../jpg/login_centre.jpg) repeat scroll right top;
    float: left;
}
.lp-fields input { margin-top:8px; width:170px; background:none;}
.lp-fields .invalid {
		background-position: 0 -29px;	
		color:#f00;
}
a#ppcLandingPageSubmitButton {margin-top:15px;}
.lp-fields .customSelectSpan {
    background: transparent url(../gif/select_phones.gif) no-repeat scroll 0 0;
    color:#666666;
    font-family:arial,sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:28px;
    overflow:hidden;
    padding:4px 24px 0 8px;
    width:173px;
    height: 24px;
    margin-top: 0;
}

.lp-fields select {
    position: absolute;
    width: 205px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 28px;
    padding: 0;
    color: #666666;
    font: 12px/21px arial,sans-serif;
    overflow: hidden;
    opacity:0;
    filter: alpha(opacity=0);
    position:relative;
    z-index:5;
    margin: 3px 0 0 130px;
    position: relative;
    bottom: 32px;
}
/*HANDHELD for mobile*/
body.handheld-only{background:none;width:320px;}
.handheld-only #mainPage{width:320px; margin:0; padding:0; text-align:left; /*outline:1px solid red;*/}
.handheld-only #header-wrapper {height:auto;}
.handheld-only #header-wrapper .tab_links{ display:none;}
.handheld-only #header-wrapper #phone{ display:none;}
.handheld-only #header-wrapper #logo a{ float:left; margin:10px; padding:0;}
.handheld-only #header-wrapper #login{ display:none;}
.handheld-only img {display:none;}
.handheld-only .mainBox {background:none; display:none;}
.handheld-only #menuBoxes {background:none; display:none;}
.handheld-only #footer {background:none; display:none;}
.handheld-only p#abn {background:none; display:none;}
.handheld-only #emailAlert, .handheld-only #sendEmailDialogue, .handheld-only #busienssSize, .handheld-only #multipleSites, .handheld-only #largestOffice, .handheld-only #voipPbx, .handheld-only #advancedFeatures, .handheld-only #results {display:none;}
/*MENU*/
.handheld-only #header {float:none; clear:inherit; height:auto; margin:0; width:100%;}
.handheld-only #header ul { margin:0; padding:0; width:auto;}
/*.handheld-only #header ul li.firstList {border-top:1px solid #333;}*/
.handheld-only #header ul li { width:90%;border:1px solid #333; height:auto; margin:3px 10px; padding:0; list-style-position:inside; -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;}
.handheld-only #header ul li a{ display:block;color:#000; padding:10px 0 8px 10px;}
.handheld-only #header ul li a:active{ color:#666666;}
.handheld-only #header ul li a:hover{ color:#FF6600;}
.handheld-only #header ul li a:link{ color:#000;}
.handheld-only #header ul li a:visited{ color:#000;}

.leftContent { float:left; width:690px }
.rightContent { float:right; width:250px }
.centerContent { margin-left: auto; margin-right: auto; width: 690px }

.postList { margin:0; padding:0; }
.postList li { list-style-type:none; margin:0; padding:0 0 20px; }
.postList h2 {
	margin: 0;
	padding: 0 0 6px;
}

.singlePost p,
.postList p {
	margin: 0;
	padding: 0 0 12px;
}
.postContentMeta { font-size: 90%; }
.postThumbnail { float:left; height:120px; margin:0 20px 8px 0; width:200px; text-align:center }
p.postThumbnail { margin: 0 20px 8px 0 }
.postThumbnail img { margin-top: 20px }
.postContent { float:left; width:470px }

.postDate { background: url(../png/calendar.png) 0 0 no-repeat; margin-right: 12px; padding-left:20px }
.postCommentNumber { background: url(../png/comment.png) 0 0 no-repeat; padding-left:20px }
.postAuthor { background: url(../png/author.png) 0 0 no-repeat; padding-left:20px }
.postContinueReading { font-style:italic }

.singlePost a,
.postList  a {
	color: #F47421;
}

.singlePost a:hover,
.postList  a:hover {
	color: #AAA;
}

.singlePost p.singePostContentMeta {
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
	margin-bottom: 12px;
	padding: 7px 0;
}

.singePostContentMeta .postCommentNumber {
	float: right;
}

.singleTitle {
	font-size: 170%;
	padding: 0 0 12px;
}

.postAuthorDescription {
	background-color: #F9F9F9;
	margin: 20px 0 32px 0;
	padding: 20px 20px 8px 20px;
}

.postAuthorDescription h3 {
	font-size: 120%;
	padding: 0 0 4px;
}

.postAuthorDescriptionPicture {
	float: left;
	margin-right: 18px !important;
	width: 70px;
}

div.postAuthorDescriptionPicture {
	background-color: #FFF;
	height: 80px;
}

p.postAuthorDescriptionPicture img {
	height: auto;
	width: 70px;
}

.postAuthorDescriptionContent {
	float: left;
	width: 560px;
}

.postSocials h3 {
	font-size: 120%;
	padding: 0 0 8px;
}

.postSocials ul {
	margin: 0;
	padding: 0 0 12px;
}

.postSocials ul li {
	display: inline;
	margin: 0 12px 0 0;
	padding: 0;
}