@charset "UTF-8";
/*CSS Document: Tidymailbox.css 
Copyright:	copyright (c) 2007 TidyMailBox, <http://tidymailbox.com>
*/

/* Defaults */

*{font-family: Arial, Helvetica, sans-serif;}

* a:link  {text-decoration: none;color:#003D6B;}
* a:hover  {text-decoration: none;color:#252525;}
* a:visited  {text-decoration: none;color:#003D6B;}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
background-color: #5a86b3;
padding: 0;
margin: 0;
}

/* Logo Area */

#logo{
background-image: url(http://www.tidymailbox.com/templates/images/tidymailbox-logo-stamp-sm2.jpg);
background-repeat: no-repeat;
background-position: top right;
padding-top: 15px;
width: 812px;
height: auto;
margin: 10px auto 0 auto;
}

#signup{
height: 50px;
padding: 0;
margin: 20px 0 25px 35px;
border: 0;
}

/* Navigation Transition */

#tabs {height: auto;width: 816px;padding: 0;margin: 0;}

#tabs ul {margin: 0;padding: 6px 0;}

#tabs li {display: inline;margin: 0;padding: 0;border: 0;}

#tabs li a {
padding: 6px 15px;
width: 200px;
text-decoration: none;
color: #FFF;
margin: 0 -2px 0 0;
font-size: 13px;
font-weight: bold;
}


#tabs li a:link {color: #FFF; background: #003B68 none repeat scroll 0%;}

#tabs li a:visited {color: #FFF; background: #003b68 none repeat scroll 0%;}

#tabs li a:hover {color: #1b1b1b; background:#3366FF none repeat scroll 0%; padding: 10px 15px 6px 15px;}


/* Footer */

#footer{
/*
background-repeat: no-repeat;
background-position: center top;
background-image: url(../images/curved-drop-shadow-bottom.png);*/
font-size: 12px;
text-align: center;
line-height: normal;
margin: 0 auto 15px auto;
width: 806px;
padding: 0 0 25px 0;
color: #FFFFFF;
}

#footer a:link  {text-decoration: none;color:#000000;}

#footer a:visited  {text-decoration: none;color:#000000;}

/* Fonts */

.style1 {font-family: Arial, Helvetica, sans-serif;font-size: 1em;}
.style2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.largeheading { color:#003B68 }

h3 {
font-size: 1.4em;
background-color: #336699;
color: #FFF;
padding: 2px 10px;
margin: 2px 0px;
}

h2 {
padding: 20px 0 15px 0;
margin: 0;
font-size: 1.1em;
color: #003B68;
}

h4 {font-size: 1.2em;color: #003B68;padding: 0;margin: 0;}
hr {width: 100%; height: 1px;}

h5 {
font-size: 1.4em;
background-color: #336699;
color: #FFF;
padding: 4px 10px;
margin: 0 0;
}

h6 {
font-size: 1.4em;
background-color: #336699;
color: #FFF;
padding: 2px 10px;
margin: 0 0 25px 0;
}

/* Framing */

#layout-frame{
position: relative;
margin: 0 auto;
width: 862px;
height: 662px;
border: 0;
}

#left-side {
position: absolute;
top: 0px;
left: 0px;
width: 25px;
height: 650px;
margin: 0;
padding: 0;
border: 0;
/*background: top right no-repeat url(http://www.tidymailbox.com/templates/images/curved-drop-shadow-left.png);*/
}

#right-side {
position: absolute;
top: 0px;
left: 837px;
width: 25px;
height: 650px;
margin: 0;
padding: 0;
border: 0;
/*background: top left no-repeat url(http://www.tidymailbox.com/templates/images/curved-drop-shadow-right.png);*/
}

/* Scroller */

#scroller-frame {
position: absolute;
top: 0;
left: 25px;
width: 800px;
height: 650px;
padding: 0;
border: solid white 6px;
overflow: hidden;
z-index: 3;
}

#scroller-wrapper {
background-color: #CCCCCC;
overflow: hidden;
height: 650px;
width: 800px;
position: relative;
top: 0;
left: 0;
z-index: 2;
}

/* Scrolled "Pages" */

.pagecontainer{
position:absolute;
top: 0;
width:800px;
height:650px;
margin: 0;
padding: 0;
border-right: 1px black dotted;
background-color: #eee;
visibility: visible;
}

#main {
width:800px;
height:650px;
margin: 0;
padding: 0;
visibility: visible;
z-index:1;
border: 0;
background-color: #FFFFFF;
}
#prevent {left:800px;}
#faq {left:1601px;}
#about {left:2402px;}
#contact {left:3203px;}
#privacy {left:4004px;}

.content{
padding:20px;
margin:0px;
border:0px;
width: auto;
height: auto;
}


/* Main Content */

#splash {
width: 800px;
height: 200px;
background-color:#FFFFFF;
border-bottom:3px solid white;
}

#middle {
float: left;
width: 800px;
height: 200px;
border-bottom:3px solid white;
background: top left repeat-x url(../images/bkgnd-grn.png);
}

#middle-left {
float: left;
width: 280px;
height: 180px;
border-right:1px solid white;
padding: 10px;
}

#middle-middle {
float: left;
width: 150px;
height: 180px;
border-right:1px solid white;
padding: 10px;
}

#centered-tftf {
width: 130px;
margin: 10px auto;
}

#centered-badge {
width: 100px;
margin: 10px auto;
}

#middle-right {
float: left;
width: 300px;
height: 180px;
padding: 10px;
}

#bottom {
float: left;
width: 800px;
height: 245px;
background: top left repeat-x url(../images/bkgnd-brn.png);
}

#bottom-left {
float: left;
width: 530px;
height: 225px;
border-right:1px solid white;
padding: 10px;
}

#bottom-right {
float: left;
width: 225px;
height: 225px;
padding: 10px;
/*border:1px dotted black;*/
}

#process-picture {
width: 528px;
height: 140px;
padding-top: 10px;
/*border:1px dotted black;*/
}

#process-frame {
width: 548px;
height: 75px;
/*border:1px dotted black;*/
}

.process-step {
width: 29%;
height: 73px;
float: left;
padding: 2%;
}

.process-step-inner {
width: 100%;
height: 100%;
padding: 10px;

}

#left {
float: left;
width: 342px;
height: 249px;
background-color: #FFFFFF;
padding: 5px;
margin: 0;
background-image:url(../images/bkgnd-left.jpg);
background-repeat: no-repeat;
}

#top-left{text-align: center;padding: 0px 10px 25px 95px;}

#top-right{text-align: center;padding: 0px 0 10px 0;}

#right {
float: right;
width: 422px;
height: 239px;
background-color: #FFFFFF;
padding: 10px;
margin: 0;
background-image:url(../images/bkgnd-right.jpg);
background-repeat: no-repeat;}

.bullet {font-size: 1em;padding: 0;margin: 0 0 0 30px;}
.bullet ul {list-style-image: url(../images/bullet3.png);margin: 0;padding: 0 0 0 15px;}
.bullet li {list-style-image: url(../images/bullet3.png);padding: 2px 0;margin: 0;}

#middle-right_old{
text-align:center;
font-weight: bold;
margin: 15px 100px 15px 5px;
padding: 4px;
background: white;}

#bottom-right_old{
margin: 0;
padding: 0px 70px 0 15px;
background: none;
}

.heading {
font-weight: bold;
text-align: center;
padding: 2px;
font-size: 16px;
/*background-color: #87CEFA;*/
color: #003B68;

}

.heading2 {
font-weight: bold;
text-align: center;
padding: 2px;
font-size: 15px;
color: #003B68;

}

.title {
text-align: center;
padding: 4px;
font-size: 16px;
/*background-color: #87CEFA;*/
color: #00008B;

}

.highlights {
padding: 10px 0 0 15px;
margin: 0;
}

.highlights li {
list-style-type: square;
margin: 0 0 0 5px;
padding: 2px 0px;
}

.highlights ul {
}



.testamonial {
background-color: white;
padding: 10px;
margin: 5px 0;
}

/* Prevent */

#preventimg {
background-image: url(../images/preventimg.jpg);
background-repeat: no-repeat;
background-position: bottom left;
margin: 0 auto;
width: 760px;
height: 95px;
}

#preventinfo {
overflow: auto;
height: auto;
width: auto;
border: none;
margin: none;
padding: none;
}

/* FAQs Content */

.toggler {
color: #222;
padding: 2px 5px;
background: #c8d8e7;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
font-size: 13px;font-weight: normalfont-family: 'Andale Mono', sans-serif;}

.toggler a {
color: black;
font-size: 13px;font-weight: normalfont-family: 'Andale Mono', sans-serif;}

.element {}

.element p {
margin: 0;
padding: 4px;
}

.float-right {
padding:10px 20px;
float:right;}

blockquote {
padding:5px 0 5px 30px;
}

/* About */

#aboutimg {
background-image: url(../images/aboutimg.jpg);
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
width: 760px;
height: 150px;
}

/* Contact */

#contactinfo {
height: auto;
width: 400px;
border: none;
margin: 70px auto 0 auto;
padding: 0;
}

#contactimg {
background-image: url(../images/contactimg.jpg);
background-repeat: no-repeat;
background-position: bottom left;
margin: 0 auto;
width: 760px;
height: 94px;
}


#contact_area {
	width: 740px;
	height: auto;
	margin: 30px auto 0 auto;
	padding: 0;
	border: none;
	background: none;
}


#form_box {
	float: left;
	width: 430px;
	background: none;
	border-right:  1px solid #aaa;
	font: 12px Arial, Helvetica, Sans-serif;
	padding: 0 15px 0 25px;
	margin: 0 35px 0 0;
}

textarea {
	color: #000;
	font-size: 12px;
	background: #FFF;
	padding: 4px;
	border: 1px solid #336699;
	width: 400px;
	margin: 0;
}

.inp {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	border: 1px solid #336699;
	width: 150px;
	margin: 0 0 8px 0;
	padding: 3px;
}

.inp2 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	border: 1px solid #336699;
	width: 400px;
	margin: 0 0 8px 0;
	padding: 3px;
}


#contact_info {
	float: right;
	width: 225px;
	height: auto;
	border: none;
	margin: auto;
	background: none;
	padding: 0;
	}
 
#form_box div {
	padding: 0.2em 0.5em;
}
 
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
}
 
 
#log {
	width: 285px;
	float: left;
	margin-top: 0px;
}
 
#log_res {
	font: 1em Arial, Helvetica, Sans-serif;
	color: red;
	margin:0;
}
 
#log_res.ajax-loading {
	padding: 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
	margin:0;
}

#contact_table {
padding: 0;
border: none;
margin: 0;
}

#contact_table td {
padding: 0;
border: none;
margin: 0;
}

#contact_table tr {
padding: 50px 0 0 0;
border: 1px solid black;
margin: 50px 0 0 0;
}

.checkbox {
padding: 0;
border: none;
margin: 0;
}

.checkbox ul {
margin: 0;
padding:0 0 8px 0;
text-align: left;
}

.checkbox li {display: inline; margin: 0;padding: 0 15px 0 0;border: none;list-style:none;text-align: left;}

#submitter {
float: right;
background: #003B68;
color: #fff;
padding:3px;
margin: 10px 35px 0 0;
border: 1px solid #fff;
}



/* Sign Up Page */

#mainSignup {
width:730px;
height:auto;z-index:1;
visibility: visible;
border: 0px;
background-color: #eee;
border: 6px white solid;
margin: 0 auto;
padding: 35px;
}

#custinfo{
width:auto;
border:0px;
margin-left: auto;
margin-right: auto;
}

#payintro{
background-image: url(https://www.tidymailbox.com/templates/images/mailbox-hand.jpg);
background-repeat: no-repeat;
background-position: center left;
padding: 25px 25px 35px 175px;
margin: 0 50px 5px 0px;
height:150px;
}

form#form1{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#note{font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 350px;
border: 1px solid black;
padding: 10px;
margin-left: auto;
margin-right: auto;
}

#paddinglr{
padding-left: 10px;
padding-right: 10px;
}

#custinfo td{
padding-top: 5px;
padding-bottom:5px;
}

.asterisk {color: #FF0000}