/* ------------------------------------------------------------------------
    Global Declarations 
   ----------------------------------------------------------------------*/

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

body {
    font-size: 12px;
    text-align: center;
    background-color: #2b2826;
    background-position: top center;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
}

input,
select,
textarea,
button {
    font-size: .9em;
}


img {
    border: 0;
    margin: 0;
    padding: 0;
}

form {
    margin: 0;
    padding: 0;
}

a, a:link, a:visited {
	color: black;
	margin: 0;
	padding: 0 12px 0 0px;
	border: 0;
	text-decoration:none;
}

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

div.clearer {
    clear: both;
    height: 1px;
    overflow: hidden;        
}
a.submenu {
	color: black;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0;
	padding: 0 12px 0 0px;
	border: 0;
}

span.alert {
	margin: 0 10px 0 10px;
	color: red;
}

/* ------------------------------------------------------------------------
   Outer Page Framework Declarations 
   ----------------------------------------------------------------------*/

div.globalBrowserWarning {
    display:none;
    height: 0;
    margin: 0;
    padding: 0;
}


div.globalWrapper {
    position: relative;
    margin: 0 auto;
    text-align: left;  
    width: 780px;
}

div.globalPageHeader {
    position: relative;
    background-image: url(../images/Brookstone_Header.jpg) !important;
    background-repeat: no-repeat;
    background-position: top left;
    height: 100px;    
    width: 100%;
}

div.globalPageHeader a {
    display: block;
    width: 100%;
    height: 100%;
}

div.globalPageSubMenu {
    background-image: url(../images/ContentTop.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    width: 780px;
    height: 77px;
}

div.globalPageContentWrapper {
    position: relative;
    text-align: left;
    width: 780px;
    margin: auto;
}

div.globalPageContent {  
    position: relative;    
    text-align: left;
    background-color: #f6efc6;
}

div.globalPageFooter {
    color: #929088;
    background-color: black;
    width: 780px;
    height: 65px;
    background-image: url(../images/ContentBottom.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0 auto;
    padding-top: 50px;
    font-size: 0.9em;
    text-align: center;
}

div.globalPageFooter div.equalHousing {
	margin-top: 6px;
}

/* ------------------------------------------------------------------------
   Navigation
   ----------------------------------------------------------------------*/

div.globalNavigation {
	position:relative; 
	height:25px; 
	z-index:100;
}

div.globalNavigation ul.mainnav {
    list-style-type:none;
    margin:0; 
    padding:7px 0 7px 0;
    position:absolute;
    background-color: #2f2419;
    color: #f6efc6;
}

div.globalNavigation ul.mainnav ul {
    list-style-type:none;
    margin:0; 
    padding:0;
    position:absolute;
    display:none;
}

div.globalNavigation ul.mainnav li {
    float:left;
    line-height:18px;
    height:18px;
    position:relative;
}

div.globalNavigation ul.level1 li {
    line-height:12px;
    height:12px;
}

div.globalNavigation ul.mainnav li a {
    border-right:1px solid #683506;
    color:#f6efc6 !important;
    display:block;
    float:left;
    text-align:center;
    text-decoration:none;
    padding: 0;
    width: 155px;
}

div.globalNavigation ul.mainnav li.contact a {
	border-right: 1px solid #2f2419;
}

div.globalNavigation ul.mainnav li.showingMenu {
    color: white;
}

div.globalNavigation ul.mainnav ul.level2, 
div.globalNavigation ul.mainnav ul.level3,
div.globalNavigation ul.mainnav ul.level4 
{
	background:#ebdbaa;
	margin:0px;
	padding:0px;
	position:absolute;
	width: 155px;
	top: 0px;
	left: 155px;
}

div.globalNavigation ul.mainnav ul.level2adm, 
div.globalNavigation ul.mainnav ul.level3adm,
div.globalNavigation ul.mainnav ul.level4adm 
{
	background:#ebdbaa;
	margin:0px;
	padding:0px;
	position:absolute;
	width: 155px;
	top: 0px;
	left: 129px;
}

div.globalNavigation ul.mainnav ul.level2, 
div.globalNavigation ul.mainnav ul.level3 {
	border:1px solid #8c5121;
	border-top-width:0px;
}
div.globalNavigation ul.mainnav ul.level4 {
	border:1px solid #8c5121;
}

div.globalNavigation ul.mainnav ul.level2 {
	top:19px;
	left:-1px;
}

div.globalNavigation ul.mainnav ul li {
    float: none;
    height: 21px;
    font-size: 8pt;
    line-height: 21px;
    padding: 0;
    position: relative;
    margin: 0;
}

/* Drop Down Text Color */
div.globalNavigation ul.mainnav ul li a {
	float:none;
	border:0px;
	text-align:left;
	border-top:1px solid #38291a;
	padding: 0 0 0 5px;
	margin: 0;
	color: #38291a !important;
	width: 150px;
}

/* Drop Down Rollover Background color */
div.globalNavigation ul.mainnav ul.level2 li.showingMenu,
div.globalNavigation ul.mainnav ul.level3 li.showingMenu
{
	background-color: #f6efc6;
}

div.globalNavigation ul.mainnav ul.img li.showingMenu {
	background-color: white;
}

/* Drop Down Rollover Text Color */
div.globalNavigation ul.mainnav ul li.showingMenu a
{
	color: #735538 !important;
}

/* Special Classes */
div.globalNavigation ul.mainnav a.more {
	background:url(images/arrow.gif) no-repeat center right;
}

a.more {
	background:url(images/arrow.gif) no-repeat center right;
}

div.globalNavigation ul.mainnav ul.img {
	width: 209px;
	height: 160px;
	/*border-color: #8c5121;
	border: -1 1px -1 1px;*/
	background: white;
}

div.globalNavigation ul.mainnav ul.img li {
	height: 160px;
	width: 209px;
	/*border-top: 1px solid #8c5121;
	border-bottom: 1px solid #8c5121;*/
	
}
div.globalNavigation ul.mainnav ul.img li a {
	border: 0 !important;
}

div.globalNavigation ul.mainnav ul.img li img {
	width: 200px;
	height: 128px;
	/*border: 0;*/
	margin-top: 6px;
}
input.imageLink {
	width: 200px;
	height: 128px;
	/*border: 0;*/
	margin-left: 4px;
	margin-top: 6px;
}
div.globalNavigation ul.mainnav ul.img li p {
	margin: 6px 0 0 6px;
	padding: 0;
	font-size: 8pt;
	line-height: 10px;
	color: black;
	width: 200px;
	text-align: center;
}

div.globalNavigation ul.mainnav ul li.phone {
	height: 36px;
	background-color: #f6efc6;
}

div.globalNavigation ul.mainnav ul li.phone p {
	margin: 0 0 0 10px;
	padding: 6px 0 0 0;
	line-height: 11px;
	color: black;
	text-align: left;
	width: 155px;
}