/* For Your Home */
/* CSS Document */
#headerOuter {
    /* background: url("headerBack.jpg?v=1") repeat scroll 0 0 transparent!important; */
    display: block;
    height: 98px;
    margin: auto;
    width: 1006px;
    background-color: #fff;
    color: #454545 !important;
	border-bottom: 1px solid #BFBFBF;
}
#mainNav {
	margin:auto;
	width:1006px;
	height:36px;
	background:#fff;
	border-bottom: solid 1px #999;
}
#mainContent {
	margin:auto;
	width:1006px;
	background:#fff;
	margin-top:-5px;
}
#homepageVideoSection {
	margin:auto;
	width:1006px;
	background:#000;
	height:350px;
	color:#297979;
}
#homepageVideoSection p, #homepageVideoSection img {
	padding:20px;
}

#headerSection1, #headerSection2, #headerSection3, #headerSection4 {
	width:503px;
	height:49px;
	float:left;
}
#headerSection1 {
}
#headerSection2 {
	padding:8px 2px 0 0;
	width:501px;
	height:41px;
}
#headerSection2 div {
	margin:auto;
	display:block;
	float:right;
	height:27px;
	width:auto;
}
#headerSection3 {
	width:403px;
}
#headerSection3 a {
	width:100%;
	height:16px;
	text-decoration:none;
	cursor:pointer;
}
#headerSection4 {
	width:603px;
}
#headerSection4 a {
	color: #fff;
}
#headerSection4 img {
	padding-left:5px;
}
#mainNavLeft, #mainNavRight {
	height:35px;
	float:left;
}
#mainNavLeft {
	width:806px;
	z-index: 4500;	
}

#mainNavLeft ul li a {
    color: #777777;
    cursor: pointer;
    font: 11px arial;
    height: 27px;
    text-decoration: none;
    width: 100%;
}
#mainNavLeft ul {
	list-style:none;
	padding:0;
	margin:0;
}
#mainNavLeft ul li {
	float:left;
	margin-top: 0px;
	height:36px;
	border-right: solid 1px #CBCBCB;
}

#mainNavLeft ul li div {
	float:left;
	width:auto;
	height:20px;
	padding:10px 10px 0;
}
.nav1Active div {
    border-bottom: 6px solid #888!important;
    color: #888;
}
.nav1Hover {
	background:#d4e3e3;
}
.homepageImgLeft{
	float:left;
}
#mainNavRight {
	width:200px;
	vertical-align:right;
}
#favoritesRight {
	background:url(favoritesRight.png);
	width:10px;
	float:right;
	height:32px;
}
#favoritesLeft {
	width:33px;
	background:url(favoritesLeft.png);
	float:right;
	height:32px;
}
#favoritesOuterA {
	cursor:pointer;
	text-decoration: none;
}
#favoritesCenter {
	text-align:center;
	background:url(favoritesCenter.png);
	background-position:top left;
	float: right;
	height:24px;
	padding: 11px 5px 0 0;
	color:#fff;
	font:  bold 11px Verdana
}
#headerSection4 ul, #headerSection3 ul {
	list-style:none;
	padding:0;
	margin:0;
}
#headerSection4 ul li, #headerSection3 ul li {
	float:right;
	color:#fff;
	font: normal 12px Arial;
	margin-top: 25px;
	padding: 0 10px;
	background:url(../../../images/common/navSeperatorLine.gif);
	background-position:right top;
	background-repeat: repeat-y;
}
#headerSection4 ul li.last, #headerSection3 ul li.last {
	background: none;
}
#headerSection3 ul li {
	float:left;
}
.headerLinksPart1 {
	font: bold 10px Arial;
	color:#c6c6c6;
	float:left;
	line-height:15px;
	padding-right:4px;
	width:auto;
}
.headerLinksPart2 {
	font: bold 12px Arial;
	color:#fff;
	line-height:15px;
	float:left;
	width:auto;
	border-bottom:solid 2px #c6c6c6;
}	
/* Hover effects for section buttons (for your home, arch & designers) */
.headerNavLI .headerLinksPart1 {
}
.headerNavLI .headerLinksPart2 {
 border-bottom: 2px solid #fff!important;
}
/* end hover section */
#headerSectionLogo {
	width:auto;
	margin: 10px 0 0 15px;
}
.navLinksPart1 {
	font: normal 11px Arial;
	float:left;
	line-height:15px;
	padding-right:4px;
	width:auto;
}
.navLinksPart2 {
	font: bold 11px Arial;
	line-height:15px;
	float:left;
	width:auto;
}
#searchBoxCenter {
	background:#fff;
}
#searchBoxCenter form {
	float:left;
}
.searchGoText {
	font: bold 12px georgia;
	color:#999;
	font-style:italic;
	padding: 0 2px 0 5px;
}
#searchBoxCenter input#searchKey {
	font: normal 11px arial;
	height:16px;
	padding: 3px 4px 0px;
	color:#666;
	margin-top:3px;
	float:left;
	border: solid 1px #999;
}
.searchButton {
	padding-top:1px;
	float:left;
}


/* Remove the following references to the background color and image from body.css, line 17. The background image will be controlled from here instead. */
/*
html {
    background: url("html-tile.png") repeat scroll left -24px transparent;
}
*/
body.bea-portal-body-home {
    /* background: url("body-tile.png") repeat-x scroll left top transparent; */
    background-color: #EFEFEF;
}

div.btn {
	position: relative;
	width: 171px;
	height: 32px;
	color: #fff;
	text-align: center;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	font-weight:bold;
}
div.btn a {
	background-image: url(shop_now_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	display: block;
	width: 171px;
	height: 32px;
	color: #fff;
	text-decoration: none;
	padding-top: 7px;
}
* html div.btn a, * html div.btn a:visited, * html div.btn a:active {
		color: #fff;
	}
* + html div.btn a, * + html div.btn a:visited, * + html div.btn a:active {
		color: #fff;
}
div.btn a:hover {
	background-position: 0 -32px;
}
		
		
/*New Footer css*/
.footerHeader {
    border-bottom: 4px solid #d4d2c3;
    color: #675e4f;
    font: bold 12px georgia;
    padding: 0 0 3px;
}
.footerDivider {
	background:url(borderLightOnDark.png);
	background-position:right top;
	background-repeat:repeat-y;
}
ul#fLanguageLinkOuter li.fLanguageSelected a {
	color:#267271;
}
#fLanguageButtonOuter {
	color: #267271;
}
#footerSelectLanguage a div:hover {
	color: #267271;
}