/*-----------------------------------------------
// Header Styles
//---------------------------------------------*/

#header {
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
	display: block;
	background: #FFF url('/site_assets/images/global/header-background.jpg') no-repeat left bottom;
}

/* ------ M&S Top Bar ------ */

#header h1 {
    float: left;
    display: block;
    width: 102px;
    height: 36px;
    margin: 0;
    padding: 0;
}

#header h1 a {
        float: right;
        display: block;
        width: 102px;
        height: 36px;
        margin: 0;
        padding: 0;
        font-size: 0.01em;
        text-indent: -99999px;
        overflow: hidden;
        background: transparent url('/site_assets/images/header/header_mands_logo.gif') no-repeat 0 0;
}

#header_top_nav {
        float: right;
        margin: 0;
        padding: 0 10px 0 0;
        list-style-type: none;
}

#header_top_nav li {
        float: left;
        margin: 15px 0 0 0;
        padding: 0 10px 0 10px;
        font-size: 0.755em;
        background: transparent url('/site_assets/images/header/header_bullet_point.gif') no-repeat 0 50%;
}
#header_top_nav li.first {
        background: transparent;
}

#header_top_nav li.last { 
		padding: 0 5px 0 10px;
}

#header_top_nav li a {
        color: #000;
        text-decoration: none;
}
#header_top_nav li a:hover, #header_top_nav li a.hover {
        text-decoration: underline;
}

#header_top_nav li.mands-logo {
		width: 102px;
        height: 36px;
        margin: 5px 0 0 0;
        padding: 0;
        font-size: 0.01em;
        text-indent: -99999px;
        overflow: hidden;
        background: transparent url('/site_assets/images/header/header_mands_logo.gif') no-repeat 0 0;
}

/* ------ Plan A Bar ------ */

#header_plan_a {
        float: left;
        width: 760px;
        margin: 0;
        padding: 0;
}

#header_plan_a h2 {
    float: left;
    width: 201px;
    height: 65px;
    margin: 0;
    padding: 0;
}

#header_plan_a h2 a {
	float: left;
	display: block;
	width: 200px; /*142*/
	height: 64px; /*45*/
	margin: 0;
	padding: 0;
	font-size: 0.01em;
	text-indent: -99999px;
	overflow: hidden;
	background: transparent url('/site_assets/images/global/planA-logo.jpg') no-repeat 20px 0;
}

#header_plan_a ul {
	float: right;
	margin: 0;
	padding: 32px 0 0 0;
	list-style-type: none;
}

#header_plan_a li {
	float: left;
	height: 28px;
	margin: 0;
	padding: 0;
}

#header_plan_a li a {
	display: block;
	margin: 0 20px 0 0;
	padding: 0 0 0 15px;
	color: #2d9616;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9em;
	overflow: hidden;
	background: transparent url('/site_assets/images/header/header-green-arrow.jpg') no-repeat left 4px;
}

#header_plan_a li a:hover, #header_plan_a li a.hover  {
	text-decoration: none;
    color: #237c10;
}

#header_plan_a li#shop a {
        width: 134px;
        background-image: url('/site_assets/images/header/header_plan_a_nav_shop.gif');
}

#header_plan_a li#your_mands a {
        width: 122px;
        background-image: url('/site_assets/images/header/header_plan_a_nav_your_mands.gif');
}

#header_plan_a li#account a {
        width: 146px;
        background-image: url('/site_assets/images/header/header_plan_a_nav_account.gif');
}

#header_plan_a li#online a {
        width: 134px;
        padding: 0;
        margin: 0 20px 0 0;
        background-image: url('/site_assets/images/header/header_plan_a_nav_shopping.gif');
}

#header_plan_a li#store a {
        width: 105px;
        height: 28px;
        margin: 0 20px 0 0;
        background-image: url('/site_assets/images/header/header_plan_a_nav_store.gif');
}
