/* @menuBox*/
.menuBox {

background: #dcdcdc   url(images/sidenav/topgradient.jpg) repeat-x;
width: 141px;

margin-bottom: 10px;
}
 
.menuBox h2 {
background: url(images/sidenav/sn_top.jpg) no-repeat left top;
padding-top: 20px;
}

.menuBox .last {
background: #dcdcdc url(images/sidenav/sn_gradient_bottom.jpg) no-repeat left bottom;
padding-bottom: 20px;
}

.menuBox ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menuBox .textholder
{ 
	/*min-height:24px;*/
	padding-top:6px;
	padding-bottom:6px;
	line-height:12px;
	position:relative;
}
 .menuBox  .postext
 { 
	position:relative;
	/*bottom:-3px;
	line-height:24px;*/
	vertical-align:text-bottom;
 }
.menuBox li
{
	position:relative;
	padding-left: 20px;
    padding-bottom: 0;
	/*min-height: 24px;*/
	background:  url(images/sidenav/sn_topdivider_cherry.gif) no-repeat right bottom ;
}



.menuBox li:hover, .menuBox li:hover
{
	padding-left: 20px;
	/*min-height: 24px;*/
	background-position: left bottom;
}



.menuBox #userAccount  li
{
	position:relative;
	padding-left: 25px;
    padding-bottom: 0;
 
}
.menuBox #userAccount ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
 
}
.menuBox #userAccount  li:hover, .menuBox #userAccount li:hover
{
	padding-left: 25px;
	background-position: left bottom;
} 
.menuBox #userAccount .Basic 
{
	position:relative;
    padding-bottom: 0;
	background:  url(images/userAccount/basic_long.gif) no-repeat  right bottom  ;
}
.menuBox #userAccount .Support
{
	position:relative;
    padding-bottom: 0;
	background:  url(images/userAccount/support_long.gif) no-repeat  right bottom  ;
}
.menuBox #userAccount .Classifieds
{
	position:relative;
    padding-bottom: 0;
	background:  url(images/userAccount/Clasified_long.gif) no-repeat  right bottom  ;
}
.menuBox #userAccount .Memberships
{
	position:relative;
    padding-bottom: 0;
	background:  url(images/userAccount/Memberships_long.gif) no-repeat  right bottom  ;
}
.menuBox #userAccount .Messaging
{
	position:relative;
    padding-bottom: 0;
	background:  url(images/userAccount/Messaging_long.gif) no-repeat  right bottom  ;
}
.menuBox #userAccount .Orders
{
	position:relative;
    padding-bottom: 0;
	background:  url(images/userAccount/Orders_long.gif) no-repeat  right bottom  ;
}
.menuBox #userAccount .Profile
{
	position:relative;
    padding-bottom: 0;
	background:  url(images/userAccount/Profile_long.gif) no-repeat  right bottom  ;
}
.menuBox #userAccount .Subscriptions
{
	position:relative;
    padding-bottom: 0;
	background:  url(images/userAccount/Subscriptions_long.gif) no-repeat  right bottom  ;
}
.menuBox #userAccount .Events
{
	position:relative;
    padding-bottom: 0;
	background:  url(images/userAccount/events_long.gif) no-repeat  right bottom  ;
}

/*hide subnav
 .menuBox ul ul, .menuBox ul ul ul
{
	position:relative;
	top:-999px;
	
}*/

 
/*show subnav

.menuBox ul li:hover>ul, .menuBox ul ul li:hover>ul
{
	top: 0px;
	width:150px;
	margin-top:0px;
    background: #fff;
	padding-top:10px;
	 

}
 */
/* @end */
 

 
/* @greySmallbox*/
.greySmallbox {
width: 141px;
background-color: #CCCCCC;
margin-bottom: 10px;
}
.greySmallbox h2 {
background:  url(images/sidenav/sn_category_top.jpg) no-repeat left top;
padding-top: 20px;
}
.greySmallbox .last {
background: url(images/sidenav/sn_category_bottom.jpg) no-repeat left bottom;
padding-bottom: 20px;
}
.greySmallbox h2, .greySmallbox p {
padding-left:  5px;
padding-right: 5px;
}
.greySmallbox ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.greySmallbox li
{
	 
    padding-left: 15px;
	height: 24px;
	background: url(images/sidenav/arrow_decoration.gif)  no-repeat left 5px;
}
/*hide subnav*/
 .greySmallbox ul ul, .greySmallbox ul ul ul
{
	position:relative;
	top:-999px;
	
}
/* @end */
 
/* @contentGreenHeadingBox */
.contentGrenHeadingBox 
{
position:relative;
width: 305px;
background: url(images/constants/rightside_infinity.jpg) repeat;
margin-bottom: 10px;
}
.contentGrenHeadingBox .title{
position:absolute;
padding: 1em 1em 1em 2em;
}
 
.contentGrenHeadingBox h2 
{
min-height: 110px;
background:  url(images/constants/rightside_top.jpg) no-repeat left top;
padding-top: 50px;
}
.contentGrenHeadingBox .last {
background: url(images/constants/rightsidebottom.jpg) no-repeat left bottom;
padding-bottom: 20px;
}
.contentGrenHeadingBox>h2, .contentGrenHeadingBox>p {
padding-left: 20px;
padding-right: 20px;
}
/* @end */
/*@mainnav*/
#mainnav
{
position:relative;
	top:0px;
	left:0px;
width:100%;
background: url(images/constants/topnav_back.jpg) repeat-x;
height:71px;
}
#mainnav .leftCurve
{
display: block;
position:relative;
float:left;
}
#mainnav .rightCurve
{
position:relative; 
display: block;
float:right;
}
 
#mainnav  .login
{
float:right;
height:24px;
line-height:24px;
position:relative;
background: url(images/constants/loginback_repeat.jpg) repeat-x bottom;
top:47px;
text-align:right;
}
#mainnav  .login .leftloginback
{
	float:left;
}
#mainnav  .breadcrumb
{
position:absolute;
top:50px;
left:30px;

}
 /* @end */
/* @group MAINMENU */



#mainnav #mainmenu
{
	position:absolute;
	 
 	
} 

ul.mainmenu 
{
	vertical-align: text-bottom;
	position:relative;
	margin: 0;
	padding: 0;
	list-style-type: none; 
	z-index: 1000;
	float:right;
	left:-25px; 
}
ul.mainmenu li 
{
	 float:left;
}
ul.mainmenu li.mainmenu 
{
  text-indent:15px;
  background: url(images/topnav/up_float_right.jpg) no-repeat top right;
}
 
li.seperator
{
 	display:inline-block;
	 
	background: url(images/topnav/divider.jpg) no-repeat right top !important;
	height:47px;
	width:7px;
}
 
 
li.mainmenu ,li.mainmenu  a
{

display: block;
padding: 0  10px 0 0px;
line-height: 47px;
background: url(images/topnav/up_float.jpg) no-repeat top left;
 
 
}
 
li.mainmenu:hover 
{
	 background: url(images/topnav/down_float_right.jpg) no-repeat top right !important;
}
li.hover a.mainmenu:link, li.mainmenu:hover a.mainmenu:link, li.mainmenu:active a.mainmenu, li.mainmenu a.mainmenu:hover, li.mainmenu a.mainmenu:active {
	  background: url(images/topnav/down_float.jpg) no-repeat top left!important;
}

/*MENU functionality*/
ul.mainmenu li .submainmenu
{
	top: -999px;
}

ul.mainmenu li.hover  .submainmenu,
ul.mainmenu li:hover  .submainmenu,
ul.mainmenu li:active .submainmenu
{
	 
	top: 24px !important;	
}

/* @end */
/* @Group submainmenu*/
.submainmenu
{
	position:absolute;
}
.submainmenu ul
{
	padding:1 em;
}
.submainmenu ul ul
{
	padding:0em;
}

/*shadow*/
.submainmenu
{
	width:150px;
	margin-top:0px;
	left:13px;
	padding-top:10px;
	/*background: url(images/topnav/down.jpg) 0px top;/*shadow top*/
	background: #fff;	
}
.submainmenu ul
{
	background: #fff;
	margin: 5px 0 0 5px;
}
.submainmenu .content
{
	/*background: url(images/topnav/down.jpg) repeat-y left top;/*shadow middle*/	
	background: #fff;
}
.submainmenu span.clr
{
	display: block !important;
	background: #fff;
	/*background: url(images/topnav/down.jpg) no-repeat 0px top;/*shadow bottom*/
	height:10px;
	clear:both;
	
}
.submainmenu .content span.clr
{
	background: none !important;
}


/* @end */
/* @banner */
  #banner{
	position:relative;
	top:0px;
	left:0px;
	height:101px;
	background-color:#4fa600;
	 
	padding:0px;
	
}
 #banner .leftCurves{
 
display: block;
width:16px;
height:101px;
position:relative;
left:-5;
top:0;
float:left;
	 
}
#banner .logo, #logo{ 
	width: 252px;
	height: 101px; 
	display: block;
	position: relative;
	background: url(images/constants/toplogoFork.jpg) no-repeat;
	float:left;
	text-indent: -999em;
	
 
}
 
#banner .foodRigthCurve
{
	position:relative;
	float:right;
	padding: 0px;
	height:101px;
}

/* @end */
/*Expandable middle box */ 
 
.expandableBox 
{
position:relative;
top:0px;
left:0px;	
margin-bottom:5px;
min-width:422px;
background:  url(images/constants/middlebox_bottom_left.jpg) no-repeat left bottom;
}
.expandableBox-outer {
background: url(images/constants/middlebox_bottom_right.jpg) no-repeat right bottom;
padding-bottom: 23px;
}
.expandableBox-inner {
background: url(images/constants/middlebox_top_left_1500-1000.jpg) no-repeat left top;
}
.expandableBox h2 {
background: url(images/constants/middlebox_top_right_1500-1000.jpg) no-repeat right top;

}
.expandableBox-inner   .container
{
position:relative;
background: url(images/constants/middlebox_top_right_1500-1000.jpg) no-repeat right top;
min-height:200px;
padding:20px;
}
.expandableBox-inner   .content
{
 position:relative;
 padding:20px 20px 30px 20px;
 top:15px;
 left:-10px; 
}
.expandableBox-inner .footer 
{
position:absolute;
bottom:20px;	
width:100%;
 
}
.expandableBox-inner .footer .line
{
	position:absolute;
	width:95%;
	height:1px;
	top:10px;
	left:-5px;
	 
	background: #01669a;
}
.expandableBox-inner .footer .email
{
	position:relative;
	top:17px;
	background: url(images/constants/emailthisstory.gif)  no-repeat left;
	padding: 10px 10px 10px 23px;
	margin: 5px 50px 0px 40px;
 	
}
.expandableBox-inner .menu{
 top: -10;
 left:-15;
 position:absolute;
 width:100%;
 
}
.expandableBox-inner .menu .line
{
	top: 27px;
	left:-5px;
	position:absolute;
	width:95%;
	height:1px;
	background: #01669a;
}
.expandableBox-inner .menu a{
	display:block;
	float:left;
	position:relative;
	padding-top:5px;
	text-align:center;
    width:102px;
	height:28px;
	background: url(images/constants/midbox_up.jpg) no-repeat;
}

.expandableBox-inner .menu a.ltdown   {

	background: url(images/constants/midboxleft_down.jpg) no-repeat;

}
.expandableBox-inner .menu a.rtdown  {
	background: url(images/constants/midboxright_down.jpg) no-repeat;

}
.expandableBox-inner .menu a.down  {
	background: url(images/constants/midboxmid_down.jpg) no-repeat;

}


/*userExpandable middle box */ 
 
.userExpandableBox 
{
position:relative;
top:0px;
left:0px;	
margin-bottom:5px;
min-width:422px;
background:  url(images/userAccount/userAccount_middlebox_bottom_left.gif) no-repeat left bottom;
}
.userExpandableBox-outer 
{
background: url(images/userAccount/userAccount_middlebox_bottom_right.gif) no-repeat right bottom;
padding-bottom: 18px;
}
.userExpandableBox-inner {
background: url(images/userAccount/userAccount_middlebox_top_left_1500-1000.gif) no-repeat left top;
}
.userExpandableBox h2 {
background: url(images/userAccount/userAccount_middlebox_top_right_1500-1000.gif) no-repeat right top;

}
.userExpandableBox-inner   .container
{
position:relative;
background: url(images/userAccount/userAccount_middlebox_top_right_1500-1000.gif) no-repeat right top;
min-height:200px;
padding: 15px 5px 10px 6px;
}
.userExpandableBox-inner   .header
{
	 
	width:100%;	
	padding: 5px 0px 6px 0px;
	background: url(images/userAccount/divider_406_center.gif) repeat-x bottom left;
	
}
 
.userExpandableBox-inner   .content
{

 position:relative;
 padding:20px 0px 30px 0px;
 top:15px;
 left:-10px;
  
}
.userExpandableBox-inner .footer 
{
position:absolute;
bottom:20px;	
width:100%;
 
}/*@End userExpandableBox*/

.userPromo
{
	width:305px;
	height:503px;
	background:url(images/userAccount/rightPanel.gif) no-repeat top center;
}