﻿#header
{
    display:block;
    /*margin-left:10px;*/
    /*margin-right:10px;*/
    /*width: 924px;*/
    width: 944px;
    float: left;
    /*padding-top:10px;*/
} 

#header #topleft
{
    width:3px;
    height:3px;
    background-image: url(/App_Assets/images/ui/headerTopLeft.gif);
    float:left;
    position:absolute;
} 

#header #topright
{
    width:3px;
    height:3px;
    background-image: url(/App_Assets/images/ui/headerTopRight.gif);
    float:right;
} 


#headerTopBar
{
    background-image: url(/App_Assets/images/ui/headerBackground.gif);
    height:63px;
}

#headerLogo
{
     width:277px;
     height:63px;
     float:left; 
}

#headerButtonContainer
{   
    height:40px;
    float:right;
    padding-left:10px;
    padding-top:17px;
    padding-right:20px;

}

#headerSearchContainer
{   
/*
    height:40px;
    width:320px;
    float:right;
    padding-top:23px;
    padding-left:20px;
    background-image: url(/App_Assets/images/ui/headerSearchInput.gif);
    background-repeat:no-repeat;
*/
}

#headerButtonContainer
{   
    height:40px;
    float:right;
    padding-left:10px;
    padding-top:17px;
    padding-right:20px;

}

.searchBar
{
    border:0;
    height:22px;
    width:285px;
    color:#666666;
    background-color:Transparent;
    outline-style:none;
}

.searchButton
{
    height:31px;
    width:81px;
    background-image: url(/App_Assets/images/searchButton.gif);
    border:0;
}

.searchButton:hover
{
    background-image: url(/App_Assets/images/searchButtonHover.gif);
    cursor:pointer;
}

.autoCompleteContainer
{
    background-image:url(/App_Assets/images/ui/headerPopupBackground.gif);
    background-repeat:repeat-x;
    background-color:#3b3b3b;
    z-index:10002;
    color:White;
    width:160px;
    list-style-type: none;
    padding: 10px;
    margin: 0;

}

.autoCompleteItem
{   
    font-size:12px;
    color:White;
    z-index:999;
    padding:5px;
    border-bottom:solid 1px #262626;
}


.autoCompleteHighlightedItem
{
    background-color:#a80000;
    color:White;
    font-size:12px;
    padding:5px;
    cursor:pointer;
    border-bottom:solid 1px #262626;
}

#headerMenuContainer{
	width:100%;
	height:36px;
	background-image:url(/App_Assets/images/ui/headerMenuBackgroundBlack.gif);
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	}

#headerMenuContainer a{
	color:#fafafa;
	text-decoration:none;
	cursor:pointer;
	}
	
#headerMenuContainer a:hover > .headerMenuItem{
    background-image:url(/App_Assets/images/ui/headerMenuBlackHover.gif); 
    background-color:#4a4a4a;
	cursor:pointer;
	}
	
.headerMenuItem{
	float:left;
	padding-left:10px;
	padding-right:10px;
	line-height:36px;
	background-image:url(/App_Assets/images/ui/headerMenuDividerBlack.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%; 
	}
	
.headerMenuItemHighlighted
{
    /*
    float:left;
	padding-left:0px;
	padding-right:0px;
	line-height:36px;
	background-repeat: no-repeat;
	background-position: 100% 0%; 
    background-image:url(/App_Assets/images/ui/headerMenuRedHover.gif);    
    */
}

#headerSubMenuContainer{
	width:924px;
	height:26px;
	background-image:url(/App_Assets/images/ui/headerSubMenuBackgroundRed.gif);
	font-size:11px;
	color:#FFFFFF;
	}

#headerSubMenuContainer a{
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	}
	
#headerSubMenuContainer a:hover > .headerSubMenuItem, #headerSubMenuContainer a:hover > .headerSubMenuItemRight{
    background-image:url(/App_Assets/images/ui/headerSubMenuBackgroundRedHover.gif);
    background-repeat:repeat-x;
    cursor:pointer;
	}
	
.headerSubMenuItemRight{
	float:left;
	padding-left:10px;
	padding-right:10px;
	line-height:26px;
	background-image:url(/App_Assets/images/ui/headerSubMenuDividerRed.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%; 
	}
	
.headerSubMenuItem{
	float:left;
	padding-left:10px;
	padding-right:10px;
	line-height:26px;
	background-image:url(/App_Assets/images/ui/headerSubMenuDividerRed.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%; 
	}

.rightHeaderMenu 
{
    float: right;
    width: 125px;
}

.rightHeaderMenuShort
{
    float: right;
    width: 180px;
}


.headerMenuPopupContainer
{   
    width:180px;
    padding:10px;
    background-color:#3b3b3b;
    background-image:url(/App_Assets/images/ui/headerPopupBackground.gif);
    background-repeat:repeat-x;
    z-index:10001;
    font-size:12px;
    font-weight:normal;
}

.headerMenuPopupContainerSale
{
    width:180px;
    height:355px;
    padding:10px;
    background-color:#3b3b3b;
    background-image:url(/App_Assets/images/ui/headerPopupBackground.gif);
    background-repeat:repeat-x;
    z-index:10001;
    font-size:12px;
    font-weight:normal;  
}

.headerMenuPopupItem
{
    height:45px;
    line-height:42px;
    border-bottom:solid 1px #262626;
}

.headerMenuPopupContainer a:hover > .headerMenuPopupItem
{
    background-color:#3b3b3b;
    cursor:pointer;
	}
	
 .headerMenuPopupItem:hover
{
    background-color:#3b3b3b;
    cursor:pointer;
	}	
	
	
	
.headerMenuGenre
{
    float:left;
    width:90px;
    font-size:11px;
    padding-top:2px;
    padding-bottom:2px;
}

.headerMenuGenre:hover
{
    text-decoration:underline;
}

.headerMenuGenreBrowse
{
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;


}

.headerMenuPopupIcon
{
    float:left;
    padding-top:6px;
    padding-right:10px;
    padding-left:7px;
}

#headerBottom{
	width:100%;
	height:10px;
	background-image:url(/App_Assets/images/ui/headerBottom.gif);
	}
	
#headerBottom #left{
	width:4px;
	font-size: 1px;
	height:10px;
	background-image:url(/App_Assets/images/ui/headerBottomLeft.gif);
	}
	
#headerBottom #right{
	width:4px;
	font-size: 1px;
	height:10px;
	background-image:url(/App_Assets/images/ui/headerBottomRight.gif);
	float:right;
	}
