/* CSS Document */

body {
	margin:0px 0px 10px 0px;
	background: #7F9DB9 url(../atd_images/background.jpg) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	/* start all of the font size percentages below the browser default which is ugly big,
		Small = 60%
		Medium = 69%
		Large = 76%
	*/
	font-size: 69%; /* this value must be one of the three percentages listed above */
	line-height: 135%;
}

p, table, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; /* do not change this value! */
	color: #000;
}

h1 {
	color:#5777A2;
	font-size: 1.6em;
	font-weight:bold;
	line-height:150%;
}

h2 {
	color:#DF1F10;
	font-size: 1.4em;
	font-weight:bold;
	margin: 2px 0 10px 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#001A59;
	padding-bottom: 3px;
	border-bottom: 1px solid #b7bba2;
	font-size: 1.4em;
	font-weight:bold;
	margin: 3px 0px;
}

h4 {
	color:#186217;
	font-size: 1em;
	font-weight:bold;
	margin:2px 0 2px 0;
	text-transform: uppercase;
}

a {
	color:#383834;
	text-decoration:underline;
}

a:hover {
	color:#6B6B63;
}

hr {
	height: 1px;
	border: none 0;
	border-top: 1px solid #555;
	margin: 0px;
	padding: 0px;
}

.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	border: 1px solid #b7bba2;
	padding-left: 2px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding: 3px;
	background-color: #0d6211;
	border: 1px outset #0d6211;
}

.formlabel {
	text-align: right;
	font-weight: bold;
}

.alert {
	font-weight: bold;
	color: #900;
}


/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

#maintable {
	width: 70%;
}

#headerarea {
	background-image: url(../atd_images/header_bg.jpg); 
	background-repeat: repeat-x; 
	height: 120px;
}
#header {
	background-image: url(../atd_images/header_right.jpg); 
	background-repeat: no-repeat; 
	background-position: right;
	height: 120px;
}

div.body {
	background: #FFFFFF;
	padding: 10px 15px 15px 10px;
	text-align:left;
}

table.content {
	padding: 0px;
	width: 100%;
	text-align:left;
	background: #FFFFFF;
}

td.leftbar {
	text-align:left;
	width: 205px;
	vertical-align: top;
}

td.content {
	text-align:left;
}

td.footer {
	text-align:center;
}

div.greenbox {
	width: 205px;
	background:#B7BBA2 url(../atd_images/left_colum_top.gif) no-repeat top;
	color: #383834;
}

div.greenbox_form {
	padding: 0 0 10px 8px;
}

div.greenbox_content {
	padding: 0 0 10px 10px;
}

img.greenbar_header {
	margin: 15px 0 10px 0;
}

input.greenbox_form {
	border: 1px solid #7F9DB9;
	font-size: 1em;
	font-family:Arial;
	margin: 0 0 0px 0;
	color: #00195A;
}

input.long {
	width: 185px;
}

input.short {
	width: 75px;
}

select.greenbox_form {
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9;
	font-size: 1em;
	font-family:Arial;
	color: #00195A;
	margin: 0 0 7px 0;
	width: 185px;
}

div.search_links {
	float:right;
	margin: 0 10px 0 3px;
	font-size: 1em;
	font-weight:bold;
}

td.footer_nav {
	border-top: 10px solid #99A07D;
 	background:#FFFFFF;
 	text-align:center;
 	font-size: 1em;
 	margin: 10px 0 20px 0;
 }

.copyright {
 	background:#7F9DB9;
 	text-align:center;
 	font-size: 0.8em;
 	margin: 0 0 20px 0;
}

div.top_nav {
 	float:right;
}
#navarea {
	padding-left:15px;
	padding-right:15px; 
	height: 25px; 
	background-image: url(../atd_images/navBar2.jpg);
	background-repeat: repeat-x;
}
#nav td {
	text-align: center;
	color: #565650;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	padding-top: 4px;
}
#nav td a {
	color: #565650;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}
#nav td a:hover {
	color: #001A59;
}
.topmsg {
	color: #fff; 
	text-decoration: none;
	text-align: center;
	font-size: 0.8em;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.imageleft {
float:left;
margin-right:10px;

}
.imageright {
float:right;
margin-left:10px;
}

/********************************** ADDED FROM HOUSEPLANS.NET **********************************/

/* search plans box */
#searchplans {
	/*
	width: 70%;
	*/
	background-color: #fff; 
	padding: 15px;
}
#searchplans td {
	padding: 5px;
	border-top: 1px solid #b7bba2;
}
#searchplansnav {
	background-color: #b7bba2;
	padding: 1px 10px;
	margin-bottom: 10px;
}

/******************* FIELD SETS **********************/

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
  border: 1px solid #b7bba2;
  padding: 0px;
  margin: 0px;
}
legend {
  color: #333;
}

legend {
  padding: 0 10px;
  font-weight: bold;
  font-size: 1em;
}
fieldset p {
	padding: 10px;
	margin: 0px;
}
dl {
	background-color: #fff;
	padding: 10px;
	margin: 10px;
}
dl dt {
  float: left;
  width: 24.5%;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  margin: 0 3px 0 0;
  padding: 1px 0 0 0;
}

dl dd {
	/*
	margin: 0 0 0 25%; // this breaks IE6
	*/
	padding: 0 0 5px 0;
}
fieldset .formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	border: 1px solid #b7bba2;
	padding-left: 2px;

}

.buttonarea {
	background-color: #b7bba2;
	padding: 5px; 
	text-align: center;
	margin-bottom: 20px;
}
.buttonarea .button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #0d6211;
	border: 2px outset #b7bba2;
}
.buttonarea a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background-color: #0d6211;
	border: 2px outset #b7bba2;
	padding: 3px 10px;
}

/******************* CART AND CHECKOUT **********************/

.carttable {
	width: 100%;
	padding: 10px;
}
.carttable th {
	font-weight: bold;
	text-align: left;
	padding: 5px 1px;
	border-bottom: 1px solid #eee;
}
.carttable td {
	border-bottom: 1px solid #eee;
	padding: 5px 1px;
}

.ordertable {
	width: 95%;
	padding: 10px;
}
.ordertable th {
	font-weight: bold;
	text-align: left;
	padding: 5px 1px;
}
.ordertable td {
	border-top: 1px solid #eee;
	padding: 5px 1px;
}

.myaccountmenu {
	width: 25%;
	float: right;
}
.myaccountmenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}