/* change default html styles */

* {
  margin: 0;
  padding: 0;
}

/* general styling */
body {
  color: #1b1b1b;
  font: normal 85% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", sans-serif;
}
p {
  margin-bottom: 1em;
  line-height: 1.3;
}
.clearing {
  height: 0;
  clear: both;
}
a {
  color: #111;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* layout */
#wrapper {
  width: 980px;
  margin: 0 auto;
  padding-right: 5px;
}
#loginwrapper {
  width: 400px;
  text-align:  center;
  margin: 100px auto;
}
#header {
  position: relative;
  padding: 0px 0 0px 0px;
  border-bottom: solid 0px #343434;
}



#header h1 {
  float: left;
  font-size: 3em;
  font-weight: normal;
	margin: 0;
	padding: 0;
}
#header h1:hover {
}
#header h1 a {
  display: block;
  padding-top: 1em;
  color: #bababa;
}
#header h1 a:hover {
  text-decoration: none;
}
#brownbox {
	text-align: left;
	border:  1px solid #A8966A;
	background-color: #A8966A;
}
#content {
  width: 100%;
}
#browncontent {
  margin: 10px 10px 10px 10px;
  background-color: #4e3c25;
  padding: 20px;
  color:  #fff;

}
#tour h2{ margin: 0 0 10px 0; color: #4e3c25; font-weight: normal;}
#tour h3{ font-weight: bold; font-size: 18px; margin: 0 0 0px 0; color: #333;}
#tour p.screen_description{ margin: 0 0 10px 0; width:760px;}
#tour div.screen{ margin: 0 0 20px 0;}

#tourmenu{padding: 10px; margin: 10px 0 20px 0; width: 893px; background-color: #EAF2FA; background-position: center; text-align: center; border-top: 1px solid #D8E5F2;  border-bottom: 1px solid #D8E5F2; }
#tourmenu ul { }
#tourmenu ul li { display: inline; font-size: 12px;}
#tourmenu ul li a { padding: 0; color: #004080; margin-right: 3px; }
#tourmenu ul li a:hover { text-decoration: none;}
#tourmenu ul li a.selected{ text-decoration: none; font-weight:bold; font-size: 12px;}

#tournav{ text-align: center; color: #4a4a4a; font-weight: bold;}
#tournav ul { }
#tournav ul li { display: inline; font-size: 12px;}
#tournav ul li a { padding: 0; color: #4a4a4a; font-weight: bold;}
#tournav ul li a:hover { text-decoration: none;}
#tournav ul li a.selected{ text-decoration: none; font-weight:bold; font-size: 12px;}

#header_title{ width: 300px; float:left;}

#header_nav{ margin-top:80px; text-align: center; color: #4a4a4a; font-weight: bold; width: 500px; float:left; text-align: right;}
#header_nav ul { }
#header_nav ul li { display: inline; font-size: 16px; padding-right: 5px;}
#header_nav ul li a { padding: 0; color: #4a4a4a; font-weight: normal; text-decoration: underline;}
#header_nav ul li a:hover { text-decoration: none;}

#tour div.screen img{ border: 1px solid #666; padding: 1px;}

#browncontent h2{ 
  font-weight: normal;
  font-size: 1.8em;
  margin: 0 0 0 0;
}

#browncontent p{
  line-height: 1.5em;
  margin: 10px 0 0 0;
  color:  #fff;
  font-size: 14px;
font-family: verdana;
}

#content h4{
	color: #4e3c25;
}

#browncontent a {
  color: #eaeada;
  text-decoration: underline;
}
#browncontent a:hover {
  text-decoration: none;
}

p.login{
	margin: 5px 0 0 0;
	padding: 0px;
	
}

#homeleft{
  width: 450px;
  float:  left;
}

#homeright{
  width:  280px;
  float:  left;	
  padding-left:  5px;
}

#whitecontent_centered{
  margin: 10px 10px 10px 10px;  
  background-color: #fff;
  padding: 15px;
  border: 1px solid #4e3c25;
  text-align: center;
  padding: 15px 80px;
}

#whitecontent{
  margin: 10px 10px 10px 10px;  
  background-color: #fff;
  padding: 15px;
  border: 0px solid #4e3c25;
  padding: 15px;
}

#whitecontent h2, #whitecontent_centered h2{ 
	font-size: 1.5em;  
	color: #4e3c25;
  	font-weight: normal;
}

#whitecontent h2 span{

	color:  #999;
}

#whitecontent_centered p{ 
  color: #4E3C25;
  line-height: 1.2em;
}

#whitecontent p{

}

#subscriber_box{
	margin: 10px;
	font-size: 16px;
	
}

#subscriber_box a { padding: 0; color: #004080; }

#whitecontent h3{ 
	font-family: 'lucida sans'; 
	font-weight: bold; 
	margin: 1em 0 .5em 0; 
	padding:0; 
	font-size: 1.1em; 
 	/*color: #F66013;*/
	color: #404040;
	border-bottom: 0px dotted #968207;
}

.info_block{ 
	background-color: #ebe9e4; 
	padding: 1em; 
	margin: 0 0 5px 0; 
	border-top: 1px dotted #a8966a; 
	border-bottom: 1px dotted #a8966a;
	font-size: .9em;
}
	
.info_block_final{ 
	background-color: #ebe9e4; 
	padding: 1em; 
	margin: 0 0 5px 0; 
	border: 4px solid #a8966a; 

	font-size: .9em;
}

	
.info_block label{ 
	font-weight: bold; 
	display: block; 
	padding: 0; 
	margin: 0; }


table.info_table{margin: 0px 0 1em 0;}
table.info_table th{text-align: left; padding: 5px 5px 5px 0;}
table.info_table td{padding: 2px 8px 2px 2px; }
table.info_table td.label{padding: 5px 5px 5px 0px; }
.inner_form table.info_table td.label{background: transparent;}
.inner_form table.info_table td{border: 0;}

table.list_table{ width: 100%;}
table.list_table th{text-align: left; padding: 3px 3px .05em 0; color: #333; font-size: .8em; border-bottom: 1px solid #333;}
table.list_table td{text-align: left; padding: 5px 15px 5px 0; font-size: .8em;}
table.list_table td a {color: #333;}
table.list_table td a:hover {color: #333; text-decoration: none;}
table.list_table td.summary_label{font-weight: bold; border-top: 1px dotted #333;}
table.list_table td.summary_data{font-weight: bold; border-top: 1px dotted #333;}

table.logintable{ margin: 10px 0 10px 0;}

.coupon_input{ margin: 4px 0 0px 0;}

/*
input, textarea {
  padding: 4px;
  border: 1px solid #ebe9e4;

  font-size: 1em;
  font-weight: bold;

}

.button{
  padding: 4px;
  border: 1px solid #4e3c25;

  font-size: 1em;
  font-weight: bold;
	background-color: #F66013;
	
	
}*/

/*input:hover, fieldset textarea:hover {
  background-color: #f2f2e2;
}
input:focus, fieldset textarea:focus {
  background-color: #fafaea;
}*/

#appmt_type_message_body{ background-color: #A8DE8C; border-top: 2px solid #0DB02B; border-bottom: 2px solid #0DB02B; padding: 1em;}

p.extra{
	font-size: .8em;
}

#footer {
  padding: 10px 20px 40px 0px;
  color: #4e3c25;
  font-size: 1em;
  text-align: left;
}
#footer a {
  color: #333;
  text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}

#bottom_content{
	color: #666;
	margin: 0 0 15px 0;
}

/* article body */
#homeleft .body ul {
  margin-left: 15px;
  margin-top:  1em;
  margin-bottom: 1em;
}
#homeleft .body li {
  list-style-type: square;
  margin-bottom: .5em;
  color: #fff;
}


.fixed #wrapper {
  width: 800px;
  margin: 0 auto;
}

.fluid #wrapper {
  width: auto;
  margin: 0 80px;
}


.centered {
  width: auto;
  margin: 0 80px;
  text-align: center;
background-color: #443420;
}

#notice{ background-color: #A8DE8C; border: 1px solid #0DB02B; padding: 10px; font-weight: bold; color: #333; margin-bottom: 10px;}
#warning{ 
  background-color: #F2EF87; 
  border-top: 2px solid #EFEA07; 
  border-bottom: 2px solid #EFEA07; 
  padding: 5px; 
  margin: 5px 0 0 0; 
  font-weight: bold; 
  color: #333; 
font-size: 12px;
}


.fieldWithErrors { padding: 0px; background: transparent;}
.fieldWithErrors input { background-color: #FFC2A2; }
#errorExplanation { width: 400px; border: 2px solid #c00; padding: 7px; padding-bottom: 12px; margin: 20px 0 10px 0; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 10px 0 5px 0; }
#errorExplanation ul { font-size: 12px; list-style: none; }
#errorExplanation ul li { font-size: 12px; list-style: none; }

/* clearfix, the ie part is in the ie css */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#pricetable a {
	color: #c75f3e;	
	margin: 5px 0 0 0;
	line-height: 24px;
}

#pricetable {
	width: 700px;
	padding: 0;
	margin: 0;
}



#pricetable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}

#pricetable th.header {
	text-align: center;
}

#pricetable h2{
	color: #4f6b72;
	font-size: 16px;
	margin: 5px 0 5px 0;
	padding: 0;
	
}

#pricetable .plan_price{
	color: #333;
	
}

#pricetable th.plans{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;	
	text-align: right;
}

#pricetable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#pricetable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	text-align: center;
}


#pricetable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#pricetable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#pricetable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#field1 { display:none;}
#field5 { display:none;}
#field3 { display:none;}