/* explanation
-----------------------------------------------
This stylesheet is used to style beta
versions of lockingmailbox.com.  Hyphen
lines indicate new conceptual groupings
within the sheet for convenience in
troubleshooting and changes.

*/


/* body (parent of everything)
----------------------------------------------- */
body, html	{
	height:100%;
}

body 	{	
	margin:0;
	padding:0;
	color:#000;
	font:small/1em Verdana,Arial,Helvetica,Sans-serif;
	background: #efefef url(../images/ultimatebg2.jpg) repeat-y;
	background-position:center;
}

h1	{
	line-height:1em;
	margin:0 0 .5em 0;
	padding:0;
	font-weight:bold;
	font-size: 1.5em;
	}

h2	{
	line-height:1em;
	margin:.5em 0;
	padding:0;
	font-weight:bold;
	font-size:1.25em;
	}

h3	{
	line-height:1em;
	margin:.7em 0 .5em 0;
	padding:0;
	font-weight:normal;
	font-size:1.25em;
	}

/* container (holds all the visible content in
a box in the center - parent element of everything
except the body element)
----------------------------------------------- */
#container	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	height: 100%;
	color: #000000;
	padding:0px;
	text-align:left;
	width:750px;
}


/* default link styles (if there is no definition
for a link in the content pane it will inherit
)
----------------------------------------------- */
a:link	{
	color:#003399;
}
a:visited	{
	color:#800080;
}
a:hover	{
	color:#FF3300;
}
a img	{
	border-width:0;
}


/* header (element containing the pinnacle mailbox
logo and the "made in the USA" and "USPS approved"
icons as well as the shopping cart links)
----------------------------------------------- */
#header	{
	display:block;
	padding:10px 0 0 0;	
	background-color: #ffffff;
	float:left;
	height:80px;
	width:750px;
}

#logo {
	display:block;
	float:left;
	border:none;
	margin-left:0px;
}

#cart {
display:block; float:right; color:black; border-left:1px solid #ddd; margin:0 10px 10px 10px; padding-left:10px;
}

/* Win IE hack \*/
* html #header #cart {margin:0 6px 10px 10px;}
/* end hack */

#icons {
float:right;
}
/* number (the element containing the invitation
to call the toll-free number)
----------------------------------------------- */

#number	{
	font-size:1em;
	background-color: #0a3986;
	padding:4px;
	color:#ffffff;
	display:block;
	width:742px;
	text-align:left;
	clear:left;
	font-weight:bold;
	float:left;
}

/* Win IE hack \*/
* html #number {font-size:1.2em;}
/* end hack */

/* topnav (UL element that lists the links above
the content element--if you add to that list,
be sure to adjust the width in .topnav li
below, which is a number of pixels describing the
width of each box.  The WIN IE hack fixes
inconsistency in width and alignment.
----------------------------------------------- */

#topnav {
	list-style:none;
	margin:0;
	line-height:1em;

}

#topnav li {
	float:left;
	width:143px;
	margin:4px 0px 4px 4px;
}

#topnav li a {
	display:block;
	border:1px solid #900;
	text-decoration:none;
	color:#fff;
	padding:4px;
	background-color:#b00;
	font-weight:bold;
}

#topnav li a:hover {
	border:solid 1px #a00;
	background-color:#e33;
}

/* Win IE hack \*/
* html #topnav {margin-right:4px;}
* html #topnav li {width:142px; text-decoration:none; border:none;}
/* end hack */


/* sidenav (the list of links on the left side
entitled "site map".  The element h1 controls
the title that says "site map" and
.sidetitle li a controls the link boxes.  The
Win IE hack fixes inconsistent width of the title)
----------------------------------------------- */
#sidebar {
	width:160px;
	float:left;
	clear:both;
  }

#sidebar h1 {
	font-size:1em;
	font-weight:normal;
	display:block;
	width:150px;
	background-color:#0a3986;
	color:#fff;
	line-height:1em;
	padding:4px;
	margin:4px 0 0 0;
	border: 1px solid #0a3986;
}

/* Win IE hack \*/
* html #sidebar h1 {font-size:1.2em;}
/* end hack */

#sidebar .sidenav {
	margin:4px 0 0 0;
	padding:0;
	list-style:none;
}

#sidebar .sidenav li {
	width:152px;
	margin:4px;
}

#sidebar .sidenav li a {
	display:block;
	padding:1px 7px 3px;
	border:1px solid #d3dced;
	text-decoration:none;
	color:#000;
	line-height:1.18em;
}

#sidebar .sidenav li a:hover {
	border:solid 1px #9294c8;
	background-color:#b5c4e1;
	color:#000000;
}


/* content (element for the content)
----------------------------------------------- */
#content {
	display:block;
	width:583px;
	float:left;
	margin-left:4px;
	padding:0px;
	line-height:1.2em;
	border:0px solid black;
}

/* #footer (contains the red links)
----------------------------------------------- */
#footer	{
	/*background-color: #cc0000;*/
	background:#fff;
	width:100%;
	display:block;
	float:left;
	margin-top: 30px;
}

#footer .bottomnav {
	font-size:1em;
	text-align:right;
	margin:0;
	clear:left;
	list-style:none;

}

#footer .bottomnav li {
	float:right;	
	margin:4px 4px 4px 15px;

}
#footer .bottomnav li a {
	text-decoration:none;
	color:#000;
}
#footer .bottomnav li a:hover {
	text-decoration: underline;
}

/* subfoot (contains the davis
tool copyright notice.)
----------------------------------------------- */
#subfoot	{
	/*background-color: #d3dced;*/
	background:#fff;
	border-top:1px solid black;
	color:#0a3986;
	display:block;
	font-size:.9em;
	width:100%;
	text-align:right;
	float:right;
}

#subfoot a {
	color:#0a3986;
}