/* Cufon */
#contentHeader .strapline1, #contentHeader .strapline2 {/*letter-spacing: -1px;*/}
#contentHeader cufon {margin-right: -6px;}

/* Standard Formating */
p, cite  { font-size: 1.1em; line-height: 1.75em; margin-bottom: 1.2em;}
h1, h2, h3, h4, h5, h6     {font-weight: 100; }
h1, h2, h3         {text-rendering: optimizeLegibility;}
.section h1, .section h2, .section h3, .section h4 , .section h5 , .section h6 { margin-bottom: 0.2em; /*margin-top: 1.5em*/; font-size: 1.2em; font-weight: bold; line-height: 1.5em}
ul, ol            {list-style: inside; line-height: 1.3em;}
.center            {text-align: center; }
.floats            {width: 100%; overflow: hidden; }
.alpha            {margin-left:  0 !important; }
.omega            {margin-right: 0 !important; }
*[unselectable]    {-moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.section li {font-size: 1.1em; line-height: 1.4em;}

/* Cater for non-Javascript Browsers */
.js-only           {visibility: hidden; display: none;}
.js .js-only       {visibility: visible; display: block;}

/* Colours and Links */
a                 {text-decoration: none;}
a:hover            {}
.white            {color: #fff;}

.asda article p a { color: #008800; }

/* Background Colours */
.bg-white, .bgwhite     {background-color: #fff;}
.bg-grey          {background-color: #666; color: #fff;}
.bg-l-grey        {background-color: #eee}

/* IE7 Bugs */
.ie7 #header *  {z-index: 1000;}
.ie7 #header {overflow-x: hidden;}
.ie7 #header .dropdown ul {list-style: none;}
.ie7 #nav-2 {z-index: 1;}
/*.ie7 #content * {z-index: 1;}*/
.ie7 #news-list {z-index: 1;}
.ie7 .features {z-index: 1;}
.ie7 #nav-1 div div ul li a {padding: 0 4px; margin: 0; zoom: 1; }
.ie7 #nav-1 div div li {left: auto; }
.ie7 #nav-1 div div ul li {margin-left: 0px; padding-left: 4px;display: inline; width: 120px;}
.ie7 #nav-1 div div ul li ul li {padding-left: 0;}
.ie7 .dropdown {padding-bottom: 8px; filter: none;}
.ie7 #nav-2 form .searchgobtn, .ie8 #nav-2 form .searchgobtn { height: 17px; padding: 0 4px 2px ; }
.ie7 article .jobs h2 { padding: 8px 0 4px 11px; }
.ie7 #joblist-inner li{ display: inline; }
.ie7 #joblist-inner li h3{ padding-top: 6px;}

/* --- HEADER Elements --- */
/* Header */
#header .container  {padding-top: 20px; height: 41px;}
#header h1          {height: 26px; width: 265px; margin-left: 8px;}
#header h1             {float: left; display: inline; position: relative; zoom: 1;}
#header h1   a        { height: 26px;}
#header nav ul      {display: block;}
#header nav li      {float: left; display: inline; position: relative; zoom: 1;}  
#header a            {color: #666;}

a.georgeLogo, span.georgeLogo {display: none; visibility: hidden;}
.george a.georgeLogo, .george span.georgeLogo {display: block; visibility: visible;}
.george a.asdaLogo, .george span.asdaLogo {display: none !important; visibility: hidden;}

#nav-1              {position: absolute; right: 10px; height: 41px; float: right;}
#nav-1               {margin-top: 1px; font-size: 1.4em;}
#nav-1 li            {padding-top: 6px;}
#nav-1 li span      {border-right: #666 1px solid; padding-left: 8px; padding-right: 8px;}
#nav-1 li span:hover      { cursor:pointer;}
#nav-1 li.last span  {border: 0;}
#nav-1 a            {height: 34px; line-height: 16px; display: block;}            
#nav-1 a.active, #nav-1 a:hover, #nav-1 li:hover a  {color: #fff;}

#nav-1 li.active    {background-color: #66cc33; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0;}
#nav-1 li.active    {border-right: 1px solid #fff;}
#nav-1 li:hover      {background-color: #66cc33; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0;}
#nav-1 li li:hover  {background-color: #fff;}

#nav-1 li.active span, #nav-1 li:hover span  {border: 0; margin-right: 1px;}
#nav-1 li:hover  span  {border-left: 1px #fff solid; margin-left: -1px; height: 34px; display: block;}
#nav-1 li.last:hover span {margin-right: 0}

#nav-1 li div.dropdown    {position: absolute; display: block; overflow: hidden; margin-top: -12px;}
#nav-1 li div.dropdown    {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}

#nav-1 li div div          {position: relative; display: inline; float: left;}
#nav-1 li ul              {}
#nav-1 li ul li            {position: static; display: block; float: none; left: auto;}
#nav-1 li ul li a          {}
#nav-1 li ul li:hover      {}
#nav-1 li ul li a.active  {}

#nav-1                    {z-index: 5000;}
#nav-1 li div              {display: none; visibility: hidden;}
#nav-1 li:hover div        {display: block; visibility: visible; z-index: 9999 !important;}

/* Set Column Widths */
/*#nav-1 li div div          {width: 136px; margin-bottom: 4px; background: #fff; margin: 8px 0 8px 8px; padding-bottom:5px;}  
#nav-1 li div div ul      {width: 128px; margin-left: 4px; margin-right: 4px; margin-top: 10px}
#nav-1 li div div ul ul    {margin-left: 0 !important; margin-top: 4px;}
#nav-1 li div.col1        {width: 152px}
#nav-1 li div.col2        {width: 296px}
#nav-1 li div.col3        {width: 440px}
#nav-1 li div.col4        {width: 584px}*/

#nav-1 li div div          {width: 166px; margin-bottom: 4px; background: #fff; margin: 8px 0 8px 8px; padding-bottom:5px;}  
#nav-1 li div div ul      {width: 158px; margin-left: 4px; margin-right: 4px; margin-top: 10px}
#nav-1 li div div ul ul    {margin-left: 0 !important; margin-top: 4px;}
#nav-1 li div.col1        {width: 182px}
#nav-1 li div.col2        {width: 356px}
#nav-1 li div.col3        {width: 530px}
#nav-1 li div.col4        {width: 704px}

/* Set the Menu's which appear centered */
/* Difference / 2, divided by ul li x 100 = % */
/* (((ul li div.col1{width}) - (ul li{width})) / 2) / (ul li{width}) x 100 = % */
      
#nav-1 li div.fixLeft      {left: 0; margin-left: 0;}  
#nav-1 li div.fixRight    {right: 0; margin-left: 0;}


/* Style thoses lists up! */
#nav-1 div div              {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}
#nav-1 div div ul li        {font-size: 0.85em; color: #666; padding-top: 2px; padding-bottom: 2px; font-weight: 100; }
#nav-1 div div ul li a      {color: #666 !important; height: auto; padding-left: 7px; padding-right: 4px; }
#nav-1 div div ul li li a      {font-size: 1.1em;}

#nav-1 div div ul li a:hover      {color: #fff !important; background-color: #66CC33;}
#nav-1 .george-menu-li div div ul li a:hover      {color: #fff !important; background-color: #000;}

#nav-1 div div ul li ul li a { }
#nav-1 div div ul li.header  {font-family: Arial, serif; background: #fff !important; font-weight: 800;}
#nav-1 div div ul li.header li {font-family: 'Humanist-Regular', Arial, serif;}
#nav-1 div div ul li.hr      {border-top: 1px #c2dfb1 solid !important; padding-top: 8px; }
#nav-1 div div ul li.count-even.last {margin-bottom: 8px;}
#nav-1 div div ul li:hover  {border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0;}

/* Navigation 2 (sub nav and search) */
#nav-2               {position: absolute; height: 29px; top: 67px; right: 9px; color: #333; z-index: 1; font-size: 1.2em;}
.ie7 #nav-2 { top: 55px; }
.home #nav-2        {margin-top: 3px;}
#header #nav-2 ul            {display: inline; position: relative; zoom: 1;}
.ie7 #header #nav-2 ul            { top: 3px; }
#nav-2 ul           {height: 19px; margin-top: 8px;}
#header #nav-2 li            {line-height: 13px; padding-left: 6px; padding-right: 6px; border-left: 1px #333 solid; float: none;}
#nav-2 li.searchjobsbutton a  { background: #67cb33; color: #fff; padding: 2px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px}
#nav-2 li.searchjobsbutton a:hover   { background: #329902; text-decoration: none;}
.george #nav-2 li.searchjobsbutton a  { background: #ffcb03; color: #000; padding: 2px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px}
.george #nav-2 li.searchjobsbutton a:hover   { background: #ffffff; text-decoration: none;}
#nav-2 a            {color: #333; padding: 0 4px;}
#nav-2 a:hover          { text-decoration:underline; }
#nav-2 a.active     {}
#nav-2 form          {margin-top: 0; line-height: 13px; padding-left: 6px;}  
#nav-2 form         { display: inline; position: relative; zoom: 1;}
#nav-2 form label    {float: left; margin-top: 3px; margin-right: 6px;}
#nav-2 form input#headerSearch {border: 0; height: 15px; width: 105px; margin-right: 4px;margin-top: 0;}
#nav-2 form select  {width: 48px; margin-right: 3px; font-size: 1em;}
#nav-2 form input[type=submit] {margin-right: 8px; text-align: center; font-size: 1em;}
/* #nav-2 form .searchgobtn { border: none; margin-left: -6px; border: 1px black; height: 18px; padding: 0 3px; background-color: #67cb33}*/
  
#nav-2 form .searchgobtn {
    background: none repeat scroll 0 0 #67CB33;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
   padding: 0 8px 2px;
    border: none;
    height: 18px;
    margin-top: 0;
    margin-left: -6px;
    margin-right: -4px;
}


/* Breadcrumb */  
#breadcrumb          {height: 29px; line-height: 29px; font-size: 1.2em; padding-left: 24px;}
.home #breadcrumb      {margin: 4px auto;}
#breadcrumb a        {color: #333;}
#breadcrumb a:hover        { text-decoration: underline; }
#breadcrumb a.active:hover        { text-decoration: none; }

/* --- CONTENT Elements --- */
/* Content */
#content .container {min-height: 400px;}
#content .container {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px}

#content .container, #content .container .background, article .tabs .navigation li, article .main nav ul, article .main nav li,
 article .jobs .panel, #nav-2 li.searchjobsbutton a, #joblist, .media-panel
{behavior: url(/css/PIE.htc);}


#content article     {position: relative; padding-top: 16px; padding-bottom: 16px; z-index: 2;}

/* Content Styling */
#content ol, #content ul {margin-left: 1.75em; margin-bottom: 0.75em;}
/* Content Shadows */
#c-shadow-top, #c-shadow-repeat, #c-shadow-bottom { width: 955px; position: absolute; display: block; }
#c-shadow-top        {margin-left: -10px; height: 55px; margin-top: -12px; top: 0;}
#c-shadow-top         {background: url('../images/media/c-shadow-top.png') 0 0 no-repeat;}
#c-shadow-repeat    {top: 43px; bottom: 21px; margin-left: -7px; z-index: 0;}
/*#c-shadow-repeat    {background: url('../images/media/c-shadow-repeat.png') 0 0 repeat-y;}*/
#c-shadow-repeat    {background: url('../images/media/c-shadow-repeat2.png') 0 0 repeat-y;}
#c-shadow-bottom    {height: 33px; margin-left: -10px; bottom: -12px;}
#c-shadow-bottom     {background: url('../images/media/c-shadow-bottom.png') 0 0 no-repeat;}
/* Content Background */
#content .container .background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  }  
#content .container .background.fixed {background-position: 0 0;}

  /* --- ARTICLE Elements ---*/
  article           {z-index: 2;}
  /* Header */
  article header    {float: left; width: 182px;}
  article header .strapline1, article header .strapline2 {padding-left: 9px; margin-top: 5px; margin-bottom: 23px;}
  article header .strapline1  {position: absolute; padding-right: 24px; padding-bottom: 2px;}
  article header .strapline1  {font-size: 1.9em; line-height: 32px; color: #fff;}
  article header .strapline2 {width: 150px; padding-top: 45px;}
  article header .strapline2 {font-size: 1.5em; line-height: 19px;}
  /*article header .strapline2.empty {margin-bottom: 24px;}
  article header .strapline2.wide {width: 432px;}*/
  article header .strapline3 {font-size: 1.5em; line-height: 19px; margin-bottom: 15px; margin-left: 12px;  padding-top: 50px;  width: 350px;}

  article header nav   {width: 420px; overflow: hidden;} /* wide, to fix weird ie7 bug */
  article header ul    {font-size: 1.1em; margin: 0 !important; width: 100%; }
  article header li   {float: left; clear: left; display: inline; position: relative; zoom: 1; margin-bottom: 3px;}
  article header li a {line-height: 18px; padding-left: 10px; padding-right: 18px; }
  article header li a {background: #ebf6e6; color: #6a6a6a;}
  article header li a {display: block;} /* Fix Background */
  article header li a.active   {background: #2E8801; color: #fff;}
  article header li:hover a   {background: #2E8801; color: #fff;}
  article header li:hover a   {background: #2E8801; color: #fff;}
  article header li li a.active {background: transparent;}
  article header li:hover li a   {background: #333333;}
  article header li:hover a   {color: #fff;}
  
  article header li li { margin: 0px; width: 100%; font-size: 0.9em;}
  .george article header li li {line-height: 1.6em; }
  article header li li.first {margin-top: 3px;}
/*
  article header ul li ul li a  {background: none;}
*/

article header ul li ul li a {
  background: none repeat scroll 0 0 #333333;
  color: #FFFFFF;
  display: inline;
}

  article header li li a        {color: #767676; line-height: 16px}
 /* article header ul li ul li a.active {color: #2E8801; font-family: 'Humanist-B', Arial, serif;}
  article header ul li:hover li a { color: #767676;}*/
article header ul li ul li a.active {background-color: #2E8801; color:#fff; font-family: 'Humanist-B', Arial, serif;}
 article header ul li:hover li a { color: #fff;}
  article header ul li ul li:hover a {color: #339900}
  article header ul li ul li:hover a.active {color: #fff}

  .h1-line2 {padding-top: 70px} /* TODO, test this */
  .h1-line3 {padding-top: 95px} /* TODO, test this */
  
  article p {line-height: 1.4em;}
  
  article .tabs {}
  article .tabs ul.navigation {width: 100%; overflow: hidden; list-style: none; margin: 0 !important;}
  article .tabs .navigation li {position: relative; display: inline; float: left; zoom: 1;}
  article .tabs .navigation li {width: 127px; height: 30px; margin-right: 4px; background: #eaeaea;}
  article .tabs .navigation li {font-size: 1.1em; font-weight: 800; text-align: center;}
  article .tabs .navigation li {border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; -khtml-border-radius: 8px 8px 0px 0px;}
  article .tabs .navigation li.active, article .tabs .navigation li:hover {background: #666; color: #fff;}
  article .tabs .navigation li a {display: block; color: #666; padding-left: 20px; padding-right: 20px; line-height: 1.1em;}
  article .tabs .navigation li.active a, article .tabs .navigation li:hover a {color: #fff;}
  article .tabs .section    {/*min-height: 315px;*/width: 488px; padding: 10px;}
  article .tabs .section    {background: #fff; border: 6px #666 solid; border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; -khtml-border-radius: 0px 0px 8px 8px; opacity: 0.95;
  filter: alpha(opacity=95); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  
  }
  article .nonavsection .section    {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; margin-top: 30px;}
  article .section a {color: #2E8801;}
  .george article .section a {color: #666666; text-decoration: underline; }
  article .section a:hover, article .section a:active { text-decoration: underline; }
  .george article .section a:hover, .george article .section a:active {text-decoration: none!Important; }
  
  .navsitemap li { font-weight: bold; }
  .navsitemap li li { font-weight: normal; }
  .navsitemap li li li{font-size: 1em}
  
  article .tabs.tabs100 .section {width: 635px;}
  
  /* Sub Pages */
  
  #sitemap    {font-size: 0.75em;}
  #sitemap ul {margin-bottom: 0;}
  #sitemap ul li {}
  #sitemap a {}
  
  /* Background */
  
  
  /* Main */
  article .main      {float: left; margin-top: 62px; margin-bottom: 10px; width:530px;}
  
    /* Main Navigation */
    article .main nav      {}
    article .main nav ul  {font-size: 1.1em; margin-left: 0 !important; padding-left: 10px; padding-top: 10px; padding-bottom: 5px;}
    article .main nav ul  {background: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}
    article .main nav li  {float: left; display: inline; position: relative; zoom: 1;}
    article .main nav li  {height: 26px; width: 92px; background: #fff;}
    article .main nav li  {margin-right: 5px; margin-bottom: 6px; padding-left: 16px; padding-right: 16px; padding-top: 5px; padding-bottom: 5px;}
    article .main nav li  {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}
    article .main nav li  {border: 1px solid #ccc; }
    article .main nav li  {text-align: center; line-height: 12px;}
    article .main nav a    {color: inherit; color: #666666; display: block;}
    
    article .main nav li:hover  {background: #64cd33; color: #fff;}
    article .main nav li a:hover { color: #fff;}
    article .main nav li.active  {background: #64cd33; color: #fff;}  
      
    article .main nav ul.col1 {width: 136px}
    article .main nav ul.col2 {width: 267px}
    article .main nav ul.col3 {width: 398px}
    article .main nav ul.col4 {width: 529px}
    article .main nav ul.col1.push {margin-left: 304px !important;} /* unused */
    article .main nav ul.col2.push {margin-left: 250px !important;} /* unused */
    /*article .main nav ul.col3.push {margin-left: 196px !important;}*/
    article .main nav ul.col3.push {margin-left: 84px !important;}
/*article .main nav ul.col4.push {margin-left: 142px !important;}*/
    article .main nav ul.col4.push {margin-left: 92px !important;}

/* --- NEWS and COMPLEMENTARY Elements
/* News */
#news-cont            {position: relative; background-color: #ffffff; color: #666666;  margin-bottom: 17px;}
#news-list             {font-family: "Humanist-B", Arial, serif;}
#news-list             {font-size: 1.1em; line-height: 16px; padding-top: 1px; padding-bottom: 1px; margin-top: 18px; margin-bottom: 17px; }
.home #news-list {    margin-bottom: 18px;     margin-top: 22px;}
#news-list figcaption {font-family: "Humanist-Bold", Arial, serif; display: block; margin-top: 3px; margin-bottom: 3px;}
#news-list figcaption  {margin-left: 13px; padding-right: 5px;  border-right: 2px solid #666; width: 70px; float: left}
#news-list .carousel  {display: block; position: relative; left: 10px; right: 0; overflow: hidden; height: 17px; padding-bottom: 2px; padding-top: 3px; width: 800px;}
#news-list ul          {position: relative; padding: 0; list-style:none; left: 700px; }
#news-list li          {float: left; position: relative; zoom: 1;}
#news-list li          {line-height: 14px; padding-left: 5px; padding-right: 8px; margin-top: 1px; border-right: 1px solid #fff;}  
#news-list a          {color: #666;}
#news-list a:hover, #news-list a:active          { text-decoration: underline;}

#news-list .carousel li {height: 100%;}
.tickercontainer {
width: 800px;
}
.tickercontainer .mask {
position: relative;
width: 800px;
overflow: hidden;
}


/* Features */
.features            {background: #eee;}
.features, .features ul, .features a {height: 128px;}
.features .container {width: 960px; height: 128px; overflow: hidden;}
.features .carousel  {width: 788px; overflow: hidden; height: 128px;}
.features .carousel   {display: inline; float: left; position: relative; zoom: 1;}
.features ul        {position: relative; padding: 0;}
.features li        {display: inline; float: left; position: relative; zoom: 1;}
.features li        {height: 100%; width: 197px;}
.features li a      {color: inherit; color: #666666;}
.features li a:hover      { cursor: pointer;}
.features a.nav      {display: inline; float: left; position: relative; zoom: 1;}
.features a.nav      {width: 80px; line-height: 128px; text-align: center;}
.features a.nav      {cursor: pointer; cursor: hand;}

  /* Features Content */
  .features li h2   {font-size: 1.5em; line-height: 34px; text-transform: uppercase; font-weight: 900; }
  .features li h2    {padding-left: 11px; padding-right: 12px;}
  .features li h2    {position: absolute; bottom: 12px; left: 0;}
  .features li h2, .features li h2 a  {color: #fff;}
  .features li p    {position: relative; font-size: 1.1em; line-height: 1.5em;}
  .features li p    {margin-top: 12px; margin-left: 11px; width: 118px;}
  .features li *    {z-index: 2;}
  .features li img  {position: absolute; top: 0; left: 0; z-index: 1;}
  .features li img  {width: 198px; height: 128px;}

/* --- FOOTER Elements --- */
/* Footer */
#footer              {font-family: "Humanist-B", Arial, serif; }
#footer             {font-size: 1.1em; text-transform: lowercase; color: #767676; border-top: 5px solid #fff; margin-top: 17px;}
#footer ul          {width: 792px; height: 22px; line-height: 11px; margin-left: 8px;}
#footer li          {float: left; display: inline; position: relative; zoom: 1;}
#footer li          {margin-top: 3px; padding-left: 4px; padding-right: 5px; border-right: 1px solid #999;}    
#footer li.last      {border: 0;}
#footer a            {color: #767676;}  
#footer a:hover            { text-decoration: underline;}  
#footer .chicklet-group  {position: absolute; right: 4px; top: -2px; height: 16px;}
#footer .chicklet-group small {text-transform: uppercase}
/* ShareThis Chicklets */
.stButton .chicklets { padding-left: 14px !important; padding-right: 0px !important; }


/* --- GRADIENTS --- */
.bggr-01, .bggr01, .features li h2 {
  /* dark green, to light green */
  background: #339900;
  background: -moz-linear-gradient(left, #339900 0%, #66cc33 100%);  
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#339900), color-stop(100%,#66cc33));
  background: -webkit-linear-gradient(left, #339900 0%,#66cc33 100%);
  background: -o-linear-gradient(left, #339900 0%,#66cc33 100%);
  background: -ms-linear-gradient(left, #339900 0%,#66cc33 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#339900', endColorstr='#66cc33',GradientType=1 );
  background: linear-gradient(left, #339900 0%,#66cc33 100%);
}
.features li:hover h2, .features li a:active h2 {
  background: #000!Important;
  filter: none;
}

.george .features li h2 {
  background: #FFCC00;
  color: #000;
  filter:none;
}
.george .features li:hover h2 {
  background: #000;
  color: #FFCC00;
  filter: none;
}


.bggr-02, .bggr02, .features li {
  /* light grey to white, loc 80% */
  background: #eeeeee;
  background: -moz-linear-gradient(left, #eeeeee 0%, #ffffff 81%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(81%,#ffffff));
  background: -webkit-linear-gradient(left, #eeeeee 0%,#ffffff 81%);
  background: -o-linear-gradient(left, #eeeeee 0%,#ffffff 81%);
  background: -ms-linear-gradient(left, #eeeeee 0%,#ffffff 81%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 );
  background: linear-gradient(left, #eeeeee 0%,#ffffff 81%);
}
#exAsda .bggr-01 { background: none; filter: none; }

.bggr-03, .dropdown {
  /* Verticle Light Green (top) -> Dark Green (bottom) */
  background: #65cc33;
  background: -moz-linear-gradient(top, #65cc33 0%, #349900 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65cc33), color-stop(100%,#349900));
  background: -webkit-linear-gradient(top, #65cc33 0%,#349900 100%);
  background: -o-linear-gradient(top, #65cc33 0%,#349900 100%);
  background: -ms-linear-gradient(top, #65cc33 0%,#349900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65cc33', endColorstr='#349900',GradientType=0 );
  background: linear-gradient(top, #65cc33 0%,#349900 100%);
}
.george-menu-li .dropdown {background: #000 !important; filter: none;}
.ie7 .dropdown, .ie8 .dropdown { filter: none; !important }

#number6 {display: none; visibility: hidden;}

/* --- SPRITES --- */
.sprites,
.features .nav span,
.featuers .nav span.active,
#article-nav li span
 { background-image: url(/images/sprites-asda.png); background-repeat: no-repeat;}
 
 article header li span   {display: block; height: 18px; width: 18px; position: absolute; top: 0px; right: 0px;}
 article header li li span {display: none; visibility: hidden;}
 article header li span         {background-position: -20px 4px;}
 article header li span.active  {background-position: 4px 4px;}
 
 #article-nav li span {display: block; height: 18px; width: 18px; position: absolute; bottom: 2px; right: 2px;}
 #article-nav li span {background-position: -96px 4px;}
 #article-nav li:hover span {background-position: -46px 4px;}
 
 article .tabs .navigation li span {display: block; height: 18px; width: 16px; position: absolute; bottom: 2px; right: 0px;}
 article .tabs .navigation li span {background-position: -75px 4px;}
 article .tabs .navigation li:hover span {}
 article .tabs .navigation li.active span {background-position: -50px 4px;}

 .features .nav span      {display: block; margin: 0 auto; margin-top: 48px; text-indent: -9999px;}
 .features .nav span      {width: 34px; height: 34px;}
 .features .nav.prev span {background-position: 0px -83px;}
 .features .nav.next span {background-position: 0px -183px;}
 
 article .jobs {
   float: right;
   width: 180px;
   margin: 62px 26px 10px 0;
 }
 article .jobs .panel {
  background: #666666;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;
  padding-bottom: 1px;
  padding-top: 1px;
  margin-top: 30px;
}
.george article .jobs .panel {
  background: #0C0C0C;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;
  padding-bottom: 1px;
}
 
 article .jobs h2 { font-size: 1.2em; font-weight: bold; padding: 8px 0 0 11px; color: #ffffff; }

 #joblist { background-color: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;  margin: 6px;  padding: 4px 5px 4px 10px;}
 #content article .jobs ul { list-style: none; background-color: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;  margin: 0; padding: 0;}
 #content article .jobs ul li { padding: 0; font-size: 1.1em; padding: 3px 0; }
 
 #content article .jobs ul li a { color: #2E8801; font-size: 1em; }
 #content article .jobs ul li a:hover { text-decoration: underline; }

.george #content article .jobs ul li a { color: #000; }

 /* --- Search Results ----*/

#searchBody label { padding-right: 5px; }
#content .searchResults article {padding-top: 10px; padding-bottom: 0px;}
#content .searchResults a { color: #339900; }
#content article .main nav.pagination ol { margin-bottom: 0; }
article .main nav.pagination { clear: both; padding-bottom: 30px; padding-top: 10px; }
article .main nav.pagination li { width: auto; height: auto; font-size: 1.3em; padding: 0; }
article .main nav.pagination li a, article .main nav.pagination li.active { padding: 5px; }
article .main nav.pagination a.prev { float: left; font-size: 1.2em; padding: 5px 4px 0 0; }
article .main nav.pagination a.next { float: left; font-size: 1.2em; padding: 5px 0 0 4px; }
.section .searchResults h2, .section .searchResults h3, .section .searchResults h4 , .section .searchResults h5 , .section .searchResults h6 { margin-bottom: 0.5em; margin-top: 0em;}

/* --- Side Column ---*/

.media-panel {
  background-color: #FFFFFF;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;
  list-style: none outside none;
  margin: 6px;
  padding: 4px 10px;
  
}
.media-panel img {
  margin: 5px 0 2px;
  border: 1px solid #2E8801;
}
.media-panel span {
    display: block;
    margin-bottom: 5px;
  line-height: 1.3em;
   font-size:13px;
}

.no-jobs {
 margin-left:50px!important;
}


/* ne styles */

.bggrfk-01 {
   background-image: url('http://asdajobs2011.workactive.com/images/bggrfk-01.gif');
  background-position: center;
  background-repeat: repeat-y;
}

.menu-light a{
  color: white;
}
.acc-text {
 display:none;
}

#content #exIntroG article {
    position: absolute;
    top: 210px;
}
.image-footer {
  /*  bottom: 0;*/
    position: relative;
    z-index: 2;
width:935px;height:221px;
}

.para1_stores {
  color: #008800;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
}

.para1_ho {
  color: #818181;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
}

.para1_distro {
  color: #002f5c;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
}

.para1_pharma {
  color: #66cc33;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
}  
.no-jobs-media-panel {
 /*border-top:6px solid #666;*/
}

.search-apply {
 width:500px; 
  margin-top: 50px; 
  text-align: center
}
.search-apply div#searchbutton3 {
 float:left; 
  margin-left:20px;
}
.search-apply div#searchbutton2 {
  float:right; 
  margin-right:20px;
}

#searchBody {
  width: 400px;
  margin-left: 120px;
  margin-top: 50px;
  text-align: center
  
}

a.searchbutton1 {
  background-image: url('../images/');
  background-repeat: no-repeat;
  display: block;
  height: 135px;
  width: 222px;
  margin-top: 9px;

}

a.searchbutton1:hover {
background-position: 0 -26px;
}

a.searchbutton2 {
  background-image: url('../images/');
  background-repeat: no-repeat;
  display: block;
  height: 135px;
  width: 222px;
  margin-top: 9px;

}

a.searchbutton2:hover {
background-position: 0 -26px;
}

a.searchbutton3 {
  background-image: url('../images/');
  background-repeat: no-repeat;
  display: block;
  height: 135px;
  width: 222px;
  margin-top: 9px;

}

a.searchbutton3:hover {
background-position: 0 -26px;
}

.displace {
  position: absolute;
  left: -10000px;
  }











































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */