@charset "utf-8";
/* CSS Document */

/* A BIG COMMENT! */

html, body {
  text-align: center;
  margin: 0px;
	padding: 0px;
}

#page_top {
  float:left;
  clear: both;
  width:100%; }

#page_middle {
  float: left;
  clear: both;
  width: 100%;
  min-height: 360px;
  padding: 20px 0px 20px 0px; }

#page_middle_404 {
  float: left;
  clear: both;
  width: 100%;
  padding: 20px; }
  
#page_bottom {
  float: left;
  clear: both;
  width: 100%; }
  
div.inner{
  margin:0 auto;
  text-align:left;
  width: 980px; }

#account {
	float: right;
	text-align: right;
	width: 400px;
	height: 20px;
	margin: 10px 0px 0px 0px; }

#account, #account a, #account a:visited, #account a:active {
	color: #ffffff; }

#account_left {
  float: right;
  height: 20px;
  width: 10px;
  background-image: url("http://static.tomizone.com/common/img/bg_login_l_20.png"); }

#account_middle {
  float: right;
  height: 19px;
  padding: 1px 0px 0px 0px;
  background-image: url("http://static.tomizone.com/common/img/bg_login_m_20.png"); }

#account_right {
  float: right;
  height: 20px;
  width: 10px;
  background-image: url("http://static.tomizone.com/common/img/bg_login_r_20.png"); }

#logo {
  float: left;
  height: 100px;
  width: 200px; }

/* NAV TOP */

#menu {
  font-weight: bold;
  float: right; 
  clear: right;
  margin: 43px 0px 0px 0px; }

.nti {
  float: left; 
  height: 30px; }

.ntl {
  float: left;
  height: 25px;
  width: 5px;
  margin: 2px 0px 0px 0px;
  background-image: url("http://static.tomizone.com/common/img/bg_nav_left.png"); }

.ntm {
  float: left;
  height: 20px;
  margin: 2px 0px 0px 0px;
  padding: 5px 5px 0px 5px;
  background-image: url("http://static.tomizone.com/common/img/bg_nav.png");
}

.ntr {
  float: left;
  height: 25px;
  width: 5px;
  margin: 2px 2px 0px 0px;
  background-image: url("http://static.tomizone.com/common/img/bg_nav_right.png");
}

.ntl_selected {
  float: left;
  height: 27px;
  width: 5px;
  background-image: url("http://static.tomizone.com/common/img/bg_nav_left_selected.png");
}

.ntm_selected {
  float: left;
  height: 20px;
  padding: 7px 5px 0px 5px;
  background-image: url("http://static.tomizone.com/common/img/bg_nav_selected.png");
}

.ntr_selected {
  float: left;
  height: 27px;
  width: 5px;
  margin: 0px 2px 0px 0px;
  background-image: url("http://static.tomizone.com/common/img/bg_nav_right_selected.png");
}

#nav_left {
  float: left;
  width: 240px;
  height: 10px;
  padding: 0px;
  margin: 0px; }

/* NAV RIGHT */

.nav_right h3, .nav_right h3 a {
  color: #666666;
  margin: 0px 0px 10px 10px; 
  border: 0px; }

.nav_right {
  float: right;
  width: 220px; }

.nav_right_mid {
  float: left;
  width: 210px;
  background-image: url("http://static.tomizone.com/common/img/bg_nav_right_mid.gif");
  padding: 10px 10px 10px 0px;
  margin: 0px 0px 0px 0px; }

.nav_right_top {
  float: left;
  background-image: url("http://static.tomizone.com/common/img/bg_nav_right_top.gif");
  width: 220px;
  margin: 0px 0px 0px 0px;
  height: 5px; }

.nav_right_bot {
  float: left;
  background-image: url("http://static.tomizone.com/common/img/bg_nav_right_bot.gif");
  width: 220px;
  margin: 0px 0px 10px 0px;
  height: 5px; }
        
.nav_right ul {
  display: block;
  float: left;
	clear: both;
  margin: 0px 0px 0px 30px;
  padding: 0px;
  list-style: none; }

.nav_right ul li {
	clear: both;
  width: 160px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  border-top: 1px solid #eeeeee; }

/* PAGE */

div.content {
  float: left;
  width: 480px;
  text-align: justify;
  padding: 0px;
	margin: 0px 0px 0px 0px; }

div.home_col_3 {
  float: left;
  width: 320px;
  height: 120px;
  margin: 0px;
  padding: 0px;
}

img.home_col_3 {
  float: left;
  margin: 0px 10px 0px 0px;
}

.partner_logos {
  float: left;
	clear: both;
	text-align: center;
	width: 960px;
	height: 40px;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	background-position: bottom;
	background-image: url("http://static.tomizone.com/common/img/bg_partners.gif"); }

.page_item {
	float: left;
}

.top {
  float: right;
  margin: 0px 0px 0px 50px; }

#steps {
  padding: 22px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  height: 38px;
  width: 480px;
  background-image: url("http://static.tomizone.com/common/img/bg_steps.gif");
}

#steps td, #steps td a {
  color: #a3a3a3;
  font-size: 24px;
  padding: 0px 5px 0px 5px;
}

#steps td.selected a {
  color: #333333;
  font-size: 32px;
}
 	
/* IMAGES */

.partner_logo {
	margin: 5px 10px 0px 10px; }

.people_photo {
  float: left;
  margin: 5px 0px 0px -120px; }

/* ICONS */

.ico_32_left {
  float: left;
  margin: -15px 10px 0px 0px; }
	
.ico_48_left {
  float: left;
  margin: 0px 10px 0px -58px; }

.ico_64_left {
  float: left;
  margin: -15px 10px 0px -74px; }

.ico_128_left {
  float: left;
  margin: 0px 10px 0px -138px; }

.ico_256_left {
  float: left;
  margin: -40px 10px 0px -266px; }

/* FOOTER */

#culture_select {

  margin: 20px 0px 0px 20px; }

#culture_select select {
  margin: 5px 0px 0px 0px;
  width: 100px;}
	
div.footer {
  padding: 0px }

div.col_6 {
  float: left;
  width: 163px;
}

ul.footer {
  float: left;
  display: block;
  margin: 20px 0px 0px 0px; 
  padding: 0px 0px 0px 20px; }

ul.footer li {
  list-style: none;
  margin: 0px 0px 5px 0px; }
  
  
/* FORM LAYOUT */


div.forgot {
  float: left;
  margin: 3px 0px 0px 20px; }

* DIVS */

.content {
  float: left;
  text-align: justify;
  width: 700px;
  margin: 10px 0px 0px 20px; }

.page_element {
  float: left;
  text-align: justify;
  width: 960px;
  margin: 0px 0px 10px 0px; }
        
.login {
  float: left;
  background-image: url("http://static.tomizone.com/common/img/bg_login.gif");
  width: 960px;
  clear: both;
  height:55px;
  margin: 0px 0px 10px 0px;     
 }
        
.signup {
  float: left;
  background-image: url("http://static.tomizone.com/common/img/bg_signups.gif");
  width: 960px;
  clear: both;
  height:200px;
  margin: 0px;     
 }

.login_double {
  float: left;
  background-image: url("http://static.tomizone.com/common/img/bg_login_double.gif");
  width: 960px;
  clear: both;
  height:130px;
  margin: 0px 0px 10px 0px;	
 }
 
.login h1 { 
  margin: 0px;
  padding: 0px; }

.login .left {
  float: left;
  margin: 0px;
  padding: 0px; }

.login .right {
  float: right;
  margin: 0px;
  padding: 0px;
  vertical-align: bottom; }

.left img {
  float: left;
}

.right img {
  float: right;
  vertical-align: bottom; }

.login .form {
  float: left;
  width: 750px;
  margin: 0px;
  padding: 18px 0px 18px 10px; 
}

.input_checkbox {
  float: left;
}

.terms_and_conditions {
 float: left;
 margin: 0px 10px 0px 0px;
}

.rates {
  background-image: url("http://static.tomizone.com/common/img/bg_rates.gif");
  height:45px;
  width:950px;
  padding:0px 0px 10px 10px;
  float: left;
}
.account_item {
 width: 140px;
 height: 140px;
 text-align: center;
}


body {
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#333;
	background-color: #f8f8f7; }
  
#page_top { 
	height: 100px;
	background: url("http://static.tomizone.com/common/img/bg_header.gif");
  background-repeat: repeat-x; 
  border-bottom: 1px solid #ffffff; }

#page_middle, #page_middle_404 {
	background: url("http://static.tomizone.com/common/img/bg_page_middle.gif");
	background-position: top;
  background-repeat: repeat-x; 
	background-color: #ffffff; 
  border-bottom: 1px solid #eeeeee; }
  
#page_middle {
	background: url("http://static.tomizone.com/common/img/bg_page_middle.gif");
	background-position: top;
  background-repeat: repeat-x; 
	background-color: #ffffff; 
  border-bottom: 1px solid #eeeeee; }

/* MENU */

#menu a {
  color: #ffffff; }

#menu .ntm_selected a {
  color: #666666; }

/* TEXT */

h1 {
  text-align: left;
  color: #444444;
	line-height: 1.1em;
  margin: 10px 0px 30px 0px;
  font-size: 2.5em; }
h2 {
  line-height: 1.2em;
  margin: 10px 0px 30px 0px; }	

h3 {
  margin: 20px 0px 5px 0px; 
  border-bottom: 1px solid #eeeeee; }

p {
  margin: 0px 0px 15px 0px; }

.standfirst {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0px 0px 30px 0px; }
	  
.copy {
	line-height: 2.5em; }
  
/* DIVS */

.content {
  float: left;
  text-align: justify;
  width: 700px;
  margin: 10px 0px 0px 20px; }

.page_element {
  float: left;
  text-align: justify;
  width: 960px;
  margin: 0px 0px 10px 0px; }
	
.login, .signup{
  float: left;
  background: url("http://static.tomizone.com/common/img/bg_login.gif");
  width: 960px;
  clear: both;
  height:55px;	
 }
 
.login h1 { 
  margin: 0px;
  padding: 0px; }

.login .left {
  float: left;
  margin: 0px;
  padding: 0px; }

.login .right {
  float: right;
  margin: 0px;
  padding: 0px;
  vertical-align: bottom; }

.left img {
  float: left;
}

.right img {
  float: right;
  vertical-align: bottom; }

.login .form {
  float: left;
  width: 750px;
  margin: 0px;
  padding: 18px 0px 18px 10px; 
}

.rates {
  background:url("http://static.tomizone.com/common/img/bg_rates.gif");
  height:45px;
  width:950px;
  padding:0px 0px 10px 10px;
  float: left;
}

.light_grey {
	background-color: #f3f3f3; } 
	  
/* FORMS */

label {
	float: left;
	display: block;

	height: 15px;
	width: 100px;

	padding: 4px;
	margin: 0px 1px 1px 0px;
}

.input_text {
	float: left;
	display: block;

	height: 15px;
	width: 160px;

	border: 1px solid #cccccc;
	padding: 4px;
	margin: 0px 1px 1px 0px;

	background-color:#ffffff;
}

.input_submit {
	float: right; 
}

.input_image {
	float: left;
	display: block;
	margin: 0px 0px 0px 10px;
}

br {
	clear: left; 
}

/* MESSAGES */

.error {
	float: left;
	clear: both;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	width: 940px;
	background-color: #ffeeee;
	border: 1px solid #ff3333;
}

/* TABLES */

.list {
	line-height: 1em;
 	width: 100%;
}

.list th {
	font-weight: bold;
	border-bottom: 1px solid #999999;
}

.list tr.odd {
	background-color: #f9f9f9;
}

.list tr.even {
}

.list td {
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #cccccc;
}

/* ELEMENTS */

a {
	color: #2971a7; }

a:link, a:visited {
	text-decoration: none; }
	
a:active, a:hover {
	text-decoration: underline; }

img {
	border: 0px }
	
/* FOOTER */

#culture_select, #culture_select select, ul.footer, ul.footer a {
  font-size: 11px;
  line-height: 1.2em;
  color: #999; }

#culture_select strong, ul.footer strong {
  color: #666; }