﻿/* Menu page and grey block layout */
#TopArea { width: 990px; height: 132px; margin: 0px auto; padding: 0px;}
#TopAreaContent { margin: 7px 0px 0px 0px; width: 100%; height: 125px; background-color: none;clear: both; }
#logo { margin: 3px 0px 0px 0px; width: 200px; float:left; background-color: none;}

#topText { margin: 3px 0px 0px 0px; width: 400px; float:right; background-color: none;text-align:right;color:#07699a;}
#TopAreaContent a { background-image:none;}


#TopNavNew {float:left;width: 990px; height: 75px; margin: 0px auto; padding: 0px; font-size: 11px; }
/*#TopNavGrey { margin: 7px 0px 0px 0px; width: 100%; height: 67px; background-color: #808284; } */
#TopNavBlue { margin: 7px 0px 0px 0px; width: 100%; height: 67px; background-color: #08447f; }

/* Menus layout */
#Menu { float: left; width: 940px; margin: 0px 23px 0px 25px; white-space: nowrap; }

/* Menu layout and view/hide styles */

/* old color blue = #05349B */

#Menu ul { float: left; margin: 0px; padding: 0px; list-style: none; }
#Menu li { float: left; padding: 0px; position: relative; z-index: 10; }
#Menu li:hover {z-index: 15;background: #FFFFFF; color: #D78E02;}


/* Menurow and hr layout */
#MenuTop { margin: 1px 0px 0px 0px; padding: 0px; height: 32px; width: 940px; }
#hr { height: 1px; width: 940px; color: #E6E7E8; background-color: #E6E7E8; margin: 0px; padding: 0px; }

#MenuBottom { margin: 1px 0px 0px 0px; padding: 0px; height: 32px; width: 940px; }
.mainRow .Top { width: 100%; }

/* First and last position styles */
#Menu .MenuFirst { padding-left: 0px; }
#Menu .MenuLast {  }

/* Menu item styles */
a.TopItem {text-decoration: none; color: #FFFFFF; background-image: none; display: block; float: left; height: 25px; padding: 8px 10px 0px 7px; font-size: 12px; }

a.TopItem:hover {background: #ffffff; color: #05349B;}
a.TopItem:active,  a.TopItem:visited {color: #D78E02;}


#MenuBottom a { padding-top: 8px; }
a.TopSubMenu:hover, a.TopSubMenu:active {background: #ffffff; color: #05349B;}

.highlightMenuItem { background: #FFFFFF !important; color: #D78E02 !important; }
.selectMenuItem { color:  #D78E02 !important; }


/* Menu item sub-menu styles */
#Menu li:hover .SubMenuItemsShadow{ display:block; }
#Menu li:hover .SubMenuModelItemsShadow { display:block; }

#Menu li .SubMenuItemsContainer a, .WideContainer .MenuTopSubMenuGroup a { font-size: 11px; }
.WideContainer .MenuTopSubMenuGroup, .WideContainer .MenuTopSubMenuGroup ul { float: left; width: 145px; }
.WideContainer, .WideContainerMiddle { width: 607px !important; overflow: hidden; }
.WideContainerMiddle {float: left; background-color: #ffffff; padding-top:15px;}
.ie6Marker { display: block; clear: both; visibility: hidden; }

.SubMenuItemsShadow { display: none; position: absolute; width: 186px; top: 33px; left: 3px; background: transparent url('../images/shadow.png') bottom right no-repeat;  z-index: 20; }
.SubMenuItemsContainer { display: block; position: relative; width: 184px; padding-top: 6px; margin-top: 3px; top: -4px; left: -4px; background-color: #fff; border: 1px solid #a2a3a6; border-top: none; overflow: hidden; }
.SubMenuItemsContainer ul li { display: block; width: 100%; margin: 0px; padding: 0px; height: auto; list-style: none; }
#Menu .SubMenuItemsContainer a { display: block; overflow: hidden;  margin: 0px 0px 0px 8px; padding: 0px 0px 0px 10px; }
.fullWidthShadow {width: 610px; }
.SubMenuModelItemsShadow { display: none; position: absolute; width: 607px; height: 300px; top: 37px; left: -67px; background: transparent url('../images/shadow.png') bottom right no-repeat; }

.SubMenuModelItemsContainer { display: block; position: relative; width: 586px; height: 270px; top: -5px; left: -6px; background-color: #fff; padding: 20px 10px 10px 10px; overflow: hidden; border: 1px solid #a2a3a6; border-top: none;  }
.SubMenuModelItemsContainer ul { width: 137px;  padding: 0px; margin: 0px 10px 0px 0px; } 
.SubMenuModelItemsContainer ul li { display: block; margin: 0px; width: 100%; height: auto; cursor: pointer; white-space: normal; } 
/*.modelSubMenuTop { width: 100%; float: left; border-bottom: 1px solid #E6E7E8; height: 125px; }*/
.modelSubMenuTop { width: 100%; float: left; border-bottom: none; height: 100px; }

.modelSubMenuBottom { width: 100%; float: left; margin-top: 10px; background-color: #fff; color: #2F4A64;}
.modelImage { float: left; clear: left; width: 307px; height: 150px; margin-top: 5px; margin-right: 13px; }
.seriesName { float: left; font-size: 13pt; margin-top: 15px; white-space: normal; width: 265px; }
.seriesmarketText { float: left; font-size: 13pt; margin-top: 5px; white-space: normal; width: 265px; }
.modelAwardImage { position:absolute; width: 265px; height: 82px; right: 10px; bottom: 10px; }
.modelName { float: left; padding-top: 15px; padding-bottom: 10px; font-weight: bold; width: 265px; }
.modelInfo { float: left;  width: 265px; }

/* Specific menu item styles */
.Furniture {font-weight: bold; font-size: 13px;}
#Menu a.Furniture { padding-top: 7px; padding-bottom: 1px;}


/* new style for Garden */

/* Popup Menu styels */
.popupShadow { display: none; position: absolute; width: 130px; top: -10px; background: transparent url('../images/shadow.png') bottom right no-repeat; }
.popupMenu { display: block; position: relative; width: 108px; background: #fff; border: 1px solid #e6e7e8; padding: 10px; top: -4px; left: -4px; }
.popupMenu a { display: block; }
#Menu .modelSubMenuTop li:hover .popupShadow { display: block; }
.popupMenu img { display: block; position: absolute; width: 6px; height: 8px; top: 18px; left: -6px; }


/* model specific details */
#Menu .modelSubMenuTop ul li .modelSubMenuBottom { display: none; position: absolute; top: 50px; width: 607px; }
#Menu li .modelSubMenuTop ul li:hover .modelSubMenuBottom {display: block;}


.displayBlock { display: block; }
.displayNone { display: none; }

.newMarker { color: #05349B; font-weight: bold; font-size: 10px; }
.hr { width: 587px; height: 1px; padding: 0px; margin: 0px; border: none; display: block; clear: both; }

.acctLoginBox {position: relative; float: left; clear: left; width:185px; height: auto; text-align:left; line-height:13px; padding:5px 0px; margin:1px 0px 1px 0px; padding-left:0px; background-color: #E6E7E8; overflow:visible;clear: both; }
#G6LoginFalse {background-color:#E6E7E8; height:auto; margin-top:-1px; width:183px; padding-left:0px; }
#G6LoginFalse ul {display: block; width: 100%; margin: 5px 0px 0px 0px; padding: 0px 2px 0px 5px; height: auto;list-style: none; }
#G6LoginFalse ul li {padding: 0px 0px 3px 0px;list-style: none; }

#popularBox {position: relative; float: left; clear: left; width:185px; text-align:left; line-height:14px; padding:5px 0px 10px 0px; margin:0px 0px 1px 0px; background-color: #66B0C6; overflow:hidden; }
#categories {background-color:#66B0C6; height:auto; margin-top:-1px; width:183px; padding-left:0px; }
#categories ul {display: block; width: 100%; margin: 5px 0px 0px 0px; padding: 0px 2px 0px 5px; height: auto;}

#categories ul li {display: block; width: 100%; color:#ffffff; margin: 0px; padding:0px 0px 2px 12px; height: auto; background: transparent url('../images/white_Arrow.gif') no-repeat 3px 2px; }

a.popular, a.popular:active, a.popular:hover, a.popular:visited {color:#ffffff;background: transparent;} 

#categories ul li a:hover, a:active {text-decoration:underline;}

#sponsoredLinks {position: relative; float: left; width:181px; text-align:left; line-height:14px; padding:5px 0px 10px 4px; margin:0px; background-color: #F2D76D;height:auto;}
#sponsors {background-color:#F2D76D; height:auto; margin-top:-1px; width:179px; padding-left:0px; overflow:hidden;}



#T01LastRow{width: 990px;clear: both;margin-top:0px;padding-top:0px;}

.content {width:804px;float:left;margin-top:0px;padding-top:0px;}

#search {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	background-color: #808284;
	float: left;
	height: 50px;
	width: 805px;
	border: 0px;
	padding-top: 5px;
	line-height: normal;
}

#search a {font-size: 12px;
	font-weight: bold;
	margin: 0px;
	color: #FFFFFF;
}

#data {float:left; width:980px;font-family:Arial, Helvetica, sans-serif;font-size: 12px;text-align:left;color:#545a60;}


a.featureProduct, a.featureProduct:active, a.featureProduct:hover, a.featureProduct:visited {background: transparent; } 
a.searchsite, a.searchsite:active, a.searchsite:hover, a.searchsite:visited {background: transparent; } 
a.nobackground, a.nobackground:active, a.nobackground:hover, a.nobackground:visited {background: transparent; } 


a.productname, a.productname:active, a.productname:visited {font-family:Arial, Helvetica, sans-serif;font-size:14px;text-align:left;color:#155892; } 
a.productname:hover {text-decoration:underline; } 
	
img.floatLeft {float: left; margin: 2px;text-align: center;}

img.floatRight {float: right;margin: 2px;}	
	