/*
 *   MAZUMA MOBILE - July 2009 Update
 *   ----------------------------------
 *   ID :: General Content Page CSS File
 */

/* ----------- content general ----------- */

#content p {
	font-size: 80%;
	line-height: 135%;
	margin: 7px 0px;
}

#content h1 {
	font-size: 145%;
	letter-spacing: .3px;
	font-weight: bold;
	color: #4E1C89;
	padding: 0;
	margin: 0px 0px 7px 0px;
}

#content h2 {
	font-size: 96%;
	font-weight: bold;
	font-style: italic;
	color: #4E1C89;
	padding: 0;
	margin: 12px 0px 1px 0px ;
	line-height: 120%;
}

#content h3 {
	font-size: 83%;
	font-weight: bold;
	color: #4E1C89;
	padding: 0;
	margin: 5px 0px 0px 0px;
}

ul#content, ol#content, li#content {
	font-size: 90%;
	line-height: 130%;
	margin: 5px 0px 5px 8px;
}


/* ----------- WHY USE US Styles ----------- */

.whymargin {
	margin-top: 18px;
}

.bubblemargin {
	margin: 90px 0px 0px 30px;
}

#speechbubble {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 130%;
}

.manbg {
	background: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/whyUseUsMaz3d.gif) no-repeat right top;
}

.manspace {
	width: 120px;
	height: 332px;
}

.speechbubbletext {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #4E1C89;
}

.manspaceNew {
	width: 120px;
	height: 300px;
}

.whyUseBannerPad {
	text-align: center;
	margin: 10px 0px 15px;
}


/* ----------- HOW IT WORKS Styles ----------- */

#howItWorksText {
	margin: 15px 0 0 0;
	padding: 0;
}

#howItWorksDiagram {
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

#howItWorksBanner {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
}


/* ------ WHAT PEOPLE SAY Styles ----------- */

#testimonialDiv {
	padding: 8px;
	margin: 0px;
	width: 97%;
}

#testimonialList {
	overflow: auto;
	height: 300px;
	width: 90%;
	margin: 5px 0px 0px 32px;
	padding: 20px;
    background-color: #F4F1F8;
	text-align: left;	
}

.testimonialMonthHeadTop {
	font-size: 98%;
	font-weight: bold;
	color: #4E1C89;
	padding: 0px 0px 5px 0px;
	margin: 2px 0px 10px 0px;
	border-bottom: 1px solid #4E1C89;
}

.testimonialMonthHead {
	font-size: 98%;
	font-weight: bold;
	color: #4E1C89;
	padding: 0px 0px 5px 0px;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px solid #4E1C89;
}

.testimonialText {
	font-size: 76%;
	line-height: 155%;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 11px 0px;
	border-bottom: 1px solid #E3D9EE;
}

.testimonialTextTopItem {
	font-size: 76%;
	line-height: 155%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 11px 0px;
	border-bottom: 1px solid #E3D9EE;
}


/* ----------- PHONE LIST ROLLOVER PAGE Styles ----------- */

#manfctModelList {
	overflow: auto;
	height: 234px;
	margin: 15px 0px;
    background-color: #F4F1F8;
}

#manfctModelList img {
	width: 70px;
	height: 93px;
	margin: 0px;
	border: 1px solid #E8DBF8;
}

#manfctModelList a:hover img {
	width: 70px;
	height: 93px;
	margin: 0px;
	border: 1px solid #4E1C89;
	outline: none;
}

.phoneImageRoll {
	margin: 0px;
	border: 0px solid #4E1C89;
}

.searchPhoneImageRoll {
	margin: 0px;
	border: 1px solid #4E1C89;
}

.phoneText {
	margin: 0px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	text-align: center;	
}

.livePriceText {
	margin: 0px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	text-align: center;	
	color: #4E1C89;
}

.searchSub {
	font-weight: bold;
	color: #4E1C89;
}

.textPadDiv {
	margin: 6px 0;
	font-size: 75%;
}


/* ----------- RECYCLE Styles ----------- */

#recycleLeftPanel {
	float: left;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/recycleLeftPanel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 220px 20px 0 20px;
	width: 343px;
	height: 387px;
}

#recycleLeftPanel li {
	font-size: 80%;
	line-height: 135%;
	margin: 7px 0 0 16px;
}

#recycleSadPanel {
	float: right;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/recycleSadPanel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	width: 538px;
	height: 178px;
}

#recycleHappyPanel {
	float: right;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/recycleHappyPanel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 0 0;
	padding: 0;
	width: 538px;
	height: 212px;
}

#recyclePanel {
	float: right;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/recyclePanel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 0 0;
	padding: 0;
	width: 538px;
	height: 197px;
}

#recycleSadPanel h2, #recycleHappyPanel h2, #recyclePanel h2 {
	margin: 15px 0 9px 14px;
	padding: 0;
}

#recycleSadPanel p, #recycleHappyPanel p, #recyclePanel p {
	margin-bottom: 10px;
	padding: 0 20px 0 15px;
	line-height: 145%;
	font-size: 75%;
}


/* ----------- CONTACT US Styles ----------- */

#contactByEmailPanel {
	float: left;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/contactEmailPanel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 0 5px;
	padding: 39px 15px 15px 15px;
	width: 418px;
	height: 499px;
}

#contactByEmailPanel #contact {
	margin: 15px 0 0 0;
	padding: 0px;
}

#contactByEmailPanel .formInput {
	width: 230px;
}

#contactByEmailPanel .textArea {
	width: 232px;
	height: 95px;
}

#contactByEmailPanel .formCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
}

#contactLiveChatPanel  {
	float: right;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/contactLiveChatPanel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 10px 0 0;
	padding: 39px 15px 15px 15px;
	width: 418px;
	height: 101px;
}

#contactLiveChatPanel .liveChatPad {
	margin: 20px 0;
	padding: 0;
}

#contactTelephonePanel {
	float: right;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/contactTelephonePanel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 19px 10px 0 0;
	padding: 39px 15px 15px 15px;
	width: 418px;
	height: 109px;
}

#contactInPersonPanel {
	float: right;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/contactInPersonPanel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 20px 10px 0 0;
	padding: 39px 15px 15px 15px;
	width: 418px;
	height: 143px;
}


/* ----------- PRIVACY POLICY Styles ----------- */

#leftColumn {
	float: left;
	width: 455px;
}

#rightColumn {
	float: right;
	width: 455px;
}


/* ----------- AFFILIATE Styles ----------- */

#affiliateLeftColumn {
	float: left;
	width: 470px;
}

#affiliateRightColumn {
	float: right;
	width: 440px;
	height: 485px;
	background-color: #f6f4f9;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/affiliateFormBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#affiliateRightColumn .formInput {
	width: 230px;
}

#affiliateRightColumn .textArea {
	width: 232px;
	height: 95px;
}

#affiliateRightColumn #affiliate {
	margin: 60px 0 0 14px;
	padding: 0px;
}

#affiliateRightColumn .formCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
}


/* ----------- TV COMMERCIAL - Styles ----------- */

#tvCommercialBox {
	width: 917px;
/*	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/tvCommercialBox.gif); */
	background-repeat: no-repeat;
	background-position: left top;
    margin: 0;
    padding: 10px 0 0 0;
    height: 405px;
    text-align: center;
}

#tvCommercial {
    margin: 20px 0 0 0;
    padding: 0;
}

#commericalCallToActionBanner {
    margin: 0 18px 10px 0;
    padding: 0;
    text-align: center;
}

/* ----------- FEEDBACK - Styles ----------- */

#feedbackBox {
	width: 902px;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/feedbackScreenBox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    margin: 15px 0 0 8px;
    padding: 10px 0 0 15px;
    height: 421px;
}

#feedbackBox #feedbackForm {
    margin: 20px 0 0 15px;
    padding: 0;
}

#feedbackBox .formInput {
	width: 230px;
}

#feedbackBox .textArea {
	width: 232px;
	height: 95px;
}

#feedbackBox .formCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
}

#thankyouBox {
    padding: 170px 0 0 60px;
	margin: 0;
}

#thankyouBox h2 {
	font-size: 101%;
	font-weight: bold;
	font-style: normal;
	color: #4E1C89;
    padding: 0;
	margin: 0 0 6px 0;
}


/* ----------- ORDER RESPONSE SCREENS Styles - orderResponse.php / expiredOrderResponse.php ----------- */

#orderResponseBox {
	width: 902px;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/feedbackScreenBox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    margin: 15px 0 0 8px;
    padding: 10px 0 0 15px;
    height: 421px;
}

#messageBox {
    padding: 140px 0 0 60px;
	margin: 0;
    width: 380px;
}

#messageBox h2 {
	font-size: 101%;
	font-weight: bold;
	font-style: italic;
	color: #4E1C89;
    padding: 0;
	margin: 0 0 15px 0;
}

#messageBox p {
    padding: 0;
	margin: 0 0 15px 0;
}

#messageBox .reason {
    padding: 0;
	margin: 0 0 15px 0;
    width: 380px;
	font-style: italic;
	font-size: 101%;
	color: #4E1C89;
}


/* ----------- PROMISES - Styles ----------- */

#promisesLeftColumn {
	float: left;
	margin: 0;
	padding: 0;
	width: 455px;
}

#promisesRightColumn {
	float: right;
	margin: 0;
	padding: 0;
	width: 455px;
}

#promisesLeftColumn .priceBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/promisesPriceBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #F6F4F9;
	margin: 0;
	padding: 0;
	width: 455px;
	height: 286px;
}

#promisesLeftColumn .priceBox h2 {
	margin: 0;
	padding: 48px 0 9px 135px;
}

#promisesLeftColumn .freeBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/promisesFreeBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #F6F4F9;
	margin: 0;
	padding: 0;
	width: 455px;
	height: 224px;
}

#promisesLeftColumn .freeBox h2 {
	margin: 0;
	padding: 50px 0 9px 135px;
}

#promisesLeftColumn .sslBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/promisesSslBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #F6F4F9;
	margin: 0;
	padding: 0;
	width: 455px;
	height: 212px;
}

#promisesLeftColumn .sslBox h2 {
	margin: 0;
	padding: 54px 0 9px 135px;
}

#promisesRightColumn .paymentBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/promisesPaymentBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #F6F4F9;
	margin: 0;
	padding: 0;
	width: 455px;
	height: 248px;
}

#promisesRightColumn .paymentBox h2 {
	margin: 0;
	padding: 45px 0 9px 135px;
}

#promisesRightColumn .mddtBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/promisesMddtBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #F6F4F9;
	margin: 0;
	padding: 0;
	width: 455px;
	height: 215px;
}

#promisesRightColumn .mddtBox h2 {
	margin: 0;
	padding: 52px 0 9px 135px;
}

#promisesRightColumn .greenBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/promisesGreenBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    background-color: #F6F4F9;
	margin: 0;
	padding: 0;
	width: 455px;
	height: 259px;
}

#promisesRightColumn .greenBox h2 {
	margin: 0;
	padding: 54px 0 9px 135px;
}

#promisesLeftColumn .intro, #promisesRightColumn .intro {
	margin: 0;
	padding: 3px 15px 10px 135px;
    font-size: 75%;
}

#promisesLeftColumn p, #promisesRightColumn p {
	margin: 0;
	padding: 0 15px 10px 15px;
    font-size: 75%;
}

#promisesLeftColumn .emph, #promisesRightColumn .emph {
	margin: 0;
	padding: 0 15px 10px 15px;
    font-size: 75%;
    font-style: italic;
}


/* ----------- ABOUT US Styles ----------- */

#whatLeftPanel {
	float: left;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/aboutUsWhatBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 7px 0 0 0;
	padding: 0;
	width: 477px;
	height: 421px;
    background-color: #f6f4f9;
}

.isoLogos {
	margin: 0;
	padding: 15px 0 0 35px;
}

#whyPanel {
	float: right;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/aboutUsWhyBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 7px 0 0 0;
	padding: 0;
	width: 449px;
	height: 179px;
    background-color: #f6f4f9;
}

#messagePanel {
	float: right;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/aboutUsMessageBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 0 0;
	padding: 0;
	width: 449px;
	height: 196px;
    font-style: italic;
    background-color: #f6f4f9;
}

#whatLeftPanel h2, #whyPanel h2, #messagePanel h2 {
	margin: 15px 0 9px 14px;
	padding: 0;
}

#whatLeftPanel p, #whyPanel p, #messagePanel p {
	margin-bottom: 10px;
	padding: 0 20px 0 15px;
	line-height: 145%;
	font-size: 75%;
}


/* ----------- MISSING HANDSET Styles ----------- */

#missingModelFormBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/missingModelFormBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 15px;
	width: 908px;
	height: 249px;
}

#missingModelSearchBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/missingModelSearchBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 12px 0 0 0;
	padding: 8px 15px;
	width: 908px;
	height: 169px;
}

#missingModelFormBox p {
	margin: 0;
	padding: 0 60px 0 0;
}

#content #missingModelFormBox .top {
	font-size: 95%;
    font-style: normal;
    font-weight: bold;
	padding: 0;
	margin: 8px 0 0 0;
}

#content #missingModelFormBox h2 {
	font-size: 95%;
    font-style: normal;
    font-weight: bold;
	padding: 0;
	margin: 10px 0 0 0;
}

#missingModelFormBox #missingModel {
	margin: 20px 0 0 0;
	padding: 0px;
}

#missingModelFormBox .formInput {
	width: 230px;
}

#missingModelFormBox .formCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
}

#missingModelFormBox #actionButtons {
	margin: 5px 0 0 125px;
	padding: 0;
}

#missingModelSupportBox {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/missingModelSupportBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 12px 0 0 0;
	padding: 8px 15px;
	width: 908px;
	height: 97px;
    background-color: #f6f4f9;
}

#content #missingModelSupportBox .top {
	font-size: 95%;
    font-style: normal;
    font-weight: bold;
	padding: 0;
	margin: 8px 0 0 0;
}

#thankyouBoxMissing {
    padding: 145px 0 0 40px;
	margin: 0;
}

#thankyouBoxMissing h2 {
	font-size: 101%;
	font-weight: bold;
	font-style: normal;
	color: #4E1C89;
    padding: 0;
	margin: 0 0 6px 0;
}


/* ----------- WEBSITE HELP Styles ----------- */

#helpPanelsWrapper h2 {
	margin: 15px 0 5px 0;
	font-size: 95%;
}

#helpPanelsWrapper p {
	line-height: 140%;
}

#helpLeftPanel {
	float: left;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/websiteHelpBox1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 8px 0 0 5px;
	padding: 0 15px 8px;
	width: 418px;
	height: 530px;
    background-color: #f6f4f9;
}

#helpRightPanel {
	float: right;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/websiteHelpBox1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 8px 5px 25px 0;
	padding: 0 15px 8px;
	width: 418px;
	height: 530px;
    background-color: #f6f4f9;
}

#helpWidePanel {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/websiteHelpBox2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 0 5px;
	padding: 1px 15px 8px;
	width: 895px;
	height: 113px;
    background-color: #f6f4f9;
}


/* ----------- MISC Styles ----------- */

.horizDivider {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/hDivider.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ruleOver {
	border-top: 1px solid #4E1C89;
	padding: 0px 15px;
	margin: 0px;
}

.bannerPad {
	margin: 10px 0;
	padding: 0;
}

.loginError {
	width: 100%;
	font-size: 80%;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
}

.required {
	color: #CC0000;
}

.bluText {
	color: #4E1C89;
}

.grnText {
	color: #009933;
}

.redText {
	color: #CC0000;
}

.strong {
	font-weight: bold;
}

.buttonPad {
	margin: 5px;
	cursor: pointer;
}

.buttonPad2 {
	margin: 5px 5px 5px 45px;
	cursor: pointer;
}

.buttonPadLeft {
	margin: 5px 5px 5px 170px;
	cursor: pointer;
}

.icon {
	cursor: pointer;
	vertical-align: bottom;
}

.formButtonPad {
	margin: 10px 0;
	cursor: pointer;
}

.textPadDiv {
	margin: 6px 0;
}

.hide {
	display: none;
}

#submitButton, #cancelButton {
    	outline: none;
}

a {
  outline: none;
}


/* ------ NEW Styles FOR cookies/javascript tests ----------- */

.testEnabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 30px;
	background-color: #E8FDD9;
	color: #5BD302;
	font-weight: bold;
	border: 1px solid #5BD302;	
	margin: 0;
	padding: 7px;
	height: 30px
}

.testDisabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 30px;
	background-color: #FBE2DA;
	color: #EA4106;
	font-weight: bold;
	border: 1px solid #EA4106;	
	margin: 0;
	padding: 7px;
	height: 30px
}


/* ----------- Overlib.js Hover Styles ----------- */

.textfontclass {
	font-size: 70%;
	text-align: left;	
}

.captionfontclass {
	color: #FFF;
	font-size: 70%;
	text-align: left;
	font-weight: bold;
}