* { font-size:100.01%;}

html{ font-size:64%;}

body{margin:0;color:#424242;font:1.1em Arial,sans-serif;background:url(/images/bg-red-line.gif) repeat-x;}

img{border-style:none;}

a{text-decoration:none;/*color:#000;*/}
a:hover{text-decoration:underline;}

input,textarea,select{font:100% arial,sans-serif;vertical-align:middle;}
form,fieldset{margin:0;padding:0;border-style:none;}

input.reqfield,textarea.reqfield {border: 1px solid #f00;}
select.reqfield {color: #f00;}
td.reqfield, span.required { color: #f00; }

.ta-r{text-align:right;}
.float-no{float:none !important;}
.null{margin:0;padding:0;list-style:none;}
.null-01{margin:0;padding:0;list-style:none;height:1%;overflow:hidden;}
.emp{line-height:0;font-size:0;}
.left{float:left;}
.right{float:right;}
.indent{text-indent:-3000px;overflow:hidden;margin:0;}

h1{color:#797979;font:bold 163%/163% Arial, Helvetica, sans-serif;border-bottom:1px solid #c9c9c9;}
h2{color:#797979;font:bold 123%/123% Arial, Helvetica, sans-serif;}
h3{color:#000000;font:bold 113%/113% Arial, Helvetica, sans-serif;}

#main{width:992px;margin:0 auto;position:relative;}
#header{height:128px;position:absolute;top:17px;width:992px;}

.logo{float:left;}
.logo span{background:url(/images/spar-logo-there-for-you.gif) no-repeat;margin:0;width:297px;height:36px;display:block;cursor:pointer;position:relative;top:8px;}
.not-just{float:right;margin-right: 170px;}
.not-just span{width:194px;height:38px;display:block;cursor:pointer;margin:0;background:url(/images/not-just-a-great-place-to-shop.gif) no-repeat;}

#topmenu{clear:both;padding-top:36px;}
#topmenu ul{list-style:none;margin:0;padding:0;width:711px;float:right;}
#topmenu li{float:left;/*background:#358021;*/background:#86b279;}

.home-nav,.about-spar-nav,.careers-at-spar-nav,.trainning-nav,.how-to-apply-nav,.search-vacancies-nav, .account-nav, .login-nav{border-right:1px solid #fff;}

.home-nav a,.about-spar-nav a,.careers-at-spar-nav a,.trainning-nav a,.how-to-apply-nav a,.search-vacancies-nav a, .login-nav a, .account-nav a {height:17px;display:block;background: transparent url(/images/menu.gif) no-repeat;}

.home-nav a{width:46px;background-position:0 0px;}
.about-spar-nav a{width:82px;background-position:-47px 0px;}
.careers-at-spar-nav a{width:110px;background-position:-130px 0px;}
.trainning-nav a{width:172px;background-position:-241px 0px;}
.how-to-apply-nav a{width:95px;background-position:-414px 0px;}
.search-vacancies-nav a{width:120px;background-position:-510px 0px;}
.login-nav a{width: 45px; background-position: -631px 0px; }
.account-nav a{ width: 79px; background-position: -677px 0px; }

/*hover menu start*/
.home-nav a:hover,.home-nav a.active{background-position:0 -17px;}
.about-spar-nav a:hover,.about-spar-nav a.active{background-position:-47px -17px;}
.careers-at-spar-nav a:hover,.careers-at-spar-nav a.active{background-position:-130px -17px;}
.trainning-nav a:hover,.trainning-nav a.active{background-position:-241px -17px;}
.how-to-apply-nav a:hover,.how-to-apply-nav a.active{background-position:-414px -17px;}
.search-vacancies-nav a:hover,.search-vacancies-nav a.active{background-position:-510px -17px;}
.login-nav a:hover, .login-nav a.active {background-position: -631px -17px; }
.account-nav a:hover, .account-nav a.active {background-position: -677px -17px; }
/*hover menu end*/

#menu li ul{display:none;position:absolute;left:0;top:17px;background:#fff;border-bottom:1px solid #fff;width:200px;}
#menu li ul a{background:#86b279;color:#fff;font:bold 100% Arial, Helvetica, sans-serif;padding:5px 9px;height:auto;}
#menu li li{border-top:1px solid #fff;width: auto;float:none;}

#menu li.account-nav li a { width: 110px; }

#topmenu li.hover,#topmenu li:hover{position:relative;}
#topmenu li.hover ul,#topmenu li:hover ul.sub{display:block;width:auto;}

#container{padding-top:138px;margin-bottom:45px;}
#content{overflow:hidden;list-style:none;height:1%;margin:0;padding:0;min-height:300px;font-size: 105%;}

.one-column { float: left; width: 100%; }

.sorted-search{background:url(/images/sorted-search.jpg) 100% 100% no-repeat;}
.right-column{float:right;width:364px;}
.sorted-search .right-column{padding:26px 0 175px 0;}

.right-column a{color:#2f7311;font-weight:700;}
/*.right-column h1{color:#797979;font:bold 163%/163% Arial, Helvetica, sans-serif;border-bottom:1px solid #c9c9c9;}*/
.right-column h2 {font: bold 125%/125% Arial, Helvetica,sans-serif;}
.right-column .txt{font-size:118%;line-height:163%;}

.latest-job{background:url(/images/latest-job-mid.gif) repeat-y;width:268px;margin:57px 0 45px 0;}
.latest-job-bot{background:url(/images/latest-job-bot.gif) 0 100% no-repeat;}
.latest-job-top{background:url(/images/latest-job-top.gif) no-repeat;padding:18px 12px;min-height:90px;}
.latest-job-top .txt{margin-left:20px;font-size:100%;line-height:14px;}
.latest-job-top .txt p{margin:0;padding:0;}
.latest-job-top .txt .title{color:#797979;font-size:136%;margin-bottom:7px;}
.latest-job-top .txt .date{color:#ee3e20;font-weight:700;}
.latest-job-top h3{background:url(/images/title-bullet.gif) no-repeat top left; line-height: 21px; padding: 0 5px 0 25px; font-size: 16px; color: #f00; font-weight: bold; margin: 0 0 0.5em 0;font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;letter-spacing:-1px;}

.left-column{float:left;width:579px;}
.search-vacancies{background:url(/images/search-vacancies-mid.gif) repeat-y #dcdcdc;line-height:17px;}
/*.tit-search-our-current-vacancies{background:url(/images/tit-search-our-current-vacancies.gif);width:238px;height:20px;}*/
.search-vacancies-t{background:url(/images/search-vacancies-top.gif) no-repeat;padding:18px 28px 4px 11px;}
.search-vacancies-t h3 {background:url(/images/title-bullet.gif) no-repeat top left; line-height: 21px; padding: 0 5px 0 25px; font-size: 16px; color: #f00; font-weight: bold; margin: 0 0 0.5em 0;font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;letter-spacing:-1px; }
.search-vacancies-b{background:url(/images/search-vacancies-bot.gif) 0 100% no-repeat;}

#footer{background:url(/images/bg-line-bottom.gif) repeat-x #f2f2f2;padding-top:4px;font-size:81%;line-height:250%;min-width:992px;}
#footer,#footer a{color:#797979;}
#footer .cont{height:19px;width:896px;margin:0 auto;list-style:none;height:1%;overflow:hidden;position:relative;padding:0 96px 10px 0;}
#footer .cont  p{float:left;margin:0;}
#footer .cont ul{width:388px;list-style:none;overflow:hidden;float:right;margin:0;padding:0;}
#footer .cont li{float:left;}
#footer .cont li span{padding:0 11px;}
#footer li.rss { background: transparent url(/images/icons/feed.gif) no-repeat center left; padding-left: 20px;}

.search-vacancies p{margin:0 0 42px;padding:0;}
.search-vacancies .left-txt{width:260px;float:left;}
.search-vacancies .left-txt{}
.search-vacancies .left-txt .txt{margin-left:23px;}
.search-vacancies .left-txt .txt li{margin-bottom:9px;height:1%;}
.search-vacancies .right-txt{float:right;width:245px;}
.search-vacancies .right-txt li{overflow:hidden;height:1%;padding:0;margin-bottom:3px;}
.search-vacancies .right-txt label{width:88px;font-weight:700;font-size:109%;display:block;float:left;margin:0;padding:0;}
.search-vacancies .right-txt input{float:left;width:118px;border:1px solid #bcc0ca;margin:0 2px 0 0;padding:2px 4px;}
.search-vacancies .right-txt select{float:left;width:147px;border:1px solid #bcc0ca;margin:0;padding:2px 0;}
.search-vacancies .right-txt button{background:url(/images/search.gif) no-repeat;border:none;width:109px;height:26px;margin:7px 0 0 89px;cursor:pointer;}
.tab img{display:block}
.retailer-login{position:absolute;right:0;top:0;height:19px;width:95px;}
.doble{overflow:hidden;height:1%;margin:0 0 0 108px;;padding:0;list-style:none;}
.doble li{float:left;}
.doble .marg{margin-left:7px;}
.s-form{color:#2f7311;margin:0 0 16px 0;padding:0;list-style:none;height:1%;overflow:hidden;}
.s-form button{background:url(/images/search.gif) no-repeat;border:none;width:109px;height:26px;margin:7px 0 0 109px;}
.s-form li{overflow:hidden;height:1%;margin-bottom:8px;}
.s-form li label{width:109px;display:block;float:left;font:bold 107%/107% Arial,Helvetica, sans-serif;}
.s-form li select{border:1px solid #b3b8c3;width:255px;float:left;display:block;height:23px;}
.s-form li input{width:218px;float:left;border:1px solid #b3b8c3;padding:3px 4px;}
.s-form li a.tooltip { background-image: url(/images/help-wbg.gif); margin-left:5px; }
.s-form li a.tooltip:hover span  { right: 270px;}

/* end HODES css */

/* own css */
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.padleft { padding-left: 1em; }
.padright { padding-right: 1em; }
.small { font-size: 80%; }
.vmid { vertical-align: middle; }
.full { width: 100%; }
.halfcol { width: 50%; }

td { vertical-align: top; } /* check this doesn't cause issue */

div.whitebg { background-color: #fff; color: #000; padding: 0.2em; }

/*input.button { background-color: #ddd; color: #f00; border: 1px solid #000; padding: 0.3em; }*/
input.button { background: #f00 url(/images/buttons/red-button-bg.jpg) repeat-x left center; border: 0; height: 20px; padding: 0 7px; color: #fff; font-family: "Trebuchet MS",Arial,sans-serif; font-size: 12px; letter-spacing:-1px; overflow:visible; font-weight: bolder;}
input.button:hover { cursor: pointer; }
input.green { background-image: url(/images/buttons/green-button-bg.jpg); }

/* make all links green? */
#content a {color:#2f7311;font-weight:700;}

#ticker {font-family:Verdana,Arial,sans-serif;font-size:11px; }

/* style forms */
fieldset {background-color: #d4d4d4; padding: 1em; margin: 1em 0; -moz-border-radius: 15px;position: relative;}
fieldset.info ul { list-style-type: square; }
fieldset.info li { font-weight: bold; }
fieldset h2 { background: #d4d4d4 url(/images/title-bullet.gif) no-repeat top left; line-height: 21px; padding: 0 5px 0 25px; font-size: 14px; color: #f00; font-weight: bold; margin: 0 0 0.5em 0;}
label { font-weight: 600; }

/* 2 columns for forms */
div.row{float: left;margin: 0 auto 10px auto;display: inline;width: 100%;clear: both;}
div.row label {float: left; width: 30%; text-align: right; padding-right: 2%;}
div.row div {float: left; width: 66%; text-align: left;}


/* tooltip */
a.tooltip { background: #fff url(/images/help.gif) no-repeat top left; display:block; width: 20px; height: 20px; cursor: help; }
a.tooltip:hover {background-color:#ffffff; text-decoration:none;}
a.tooltip span {display:none; padding:2px 3px; margin-left:30px; width:200px; text-align:left;}
a.tooltip:hover span{display:inline; position:absolute; background:#fff; border:1px dotted #cccccc; color:#6c6c6c; z-index: 100;;color:#000;}

/* search results */
#search-results { width: 700px; margin: 0.5em auto;}
#search-results div.search-result { border: 1px solid #eee; margin-bottom: 1em; }
/*div.search-result label { color: #d00; }*/
div.search-result h2 { background: #eee url(/images/h-gradient.jpg) repeat-x -5px; padding: 0.2em 0.5em; margin:0; text-decoration: underline;}
div.search-result table, div.search-result p { margin: 0.5em; }
table.search-menu { border:1px solid #EEEEEE;margin:0.5em auto;width:700px; }
table.search-menu td { vertical-align: middle; }
div.search-result table label {  background: #fff url(/images/icons/bullet_red.gif) no-repeat top left; padding-left: 15px; }

/* vacancy details */
#vacancy-detail { float: left; width: 100%; }
#vacancy-detail-left { float: left; width: 500px; }
#vacancy-detail-right { float: right; width: 400px; overflow: hidden; }
#vacancy-detail-right iframe { border: 1px solid #333; overflow: hidden; }
#vacancy-detail-table { border: 1px solid #eee; margin: 1em 0; padding: 0.5em 0;}
#vacancy-detail-table td { vertical-align: top; }
#vacancy-detail-table label { background: #fff url(/images/icons/bullet_red.gif) no-repeat top left; padding-left: 15px; }

/* jobsearchresults table */
table.results {margin-top: 15px;background-color: #fff;font-size: 105%;}
table.results th {text-align: left;padding-left: 3px;}
table.results tr td {padding: 3px;}
tr.resultodd {background-color: #eee;}
tr.resulteven {background-color: #ccc;}
tr.resulthover {background-color: #94BFEA;}
#content table.results th a { color: #f00; } /* override default font */

/* email table - user account */
table.email{background-color: #fff; margin-bottom: 0.5em;}
table.email th {color: #000;text-align: left;}
table.email tr{background-color: #eee;}
table.email tr.hover {background-color: #f3f3f3;}
table.email tr.odd{background-color: #bbe;}
table.email td, table.email th{padding: 3px 0;}
table.email td.bold{font-weight: bold;}
table.email caption{color: #000;font-weight: bold;text-align: left;padding: 3px;}

fieldset.info p { font-weight: 600; color: #333; } 

/* account pages */
#account {border: 1px solid #ccc;clear:both; padding: 0.5em 1em; min-height: 400px;}

/* tab menu for account */
ul.account {list-style:none;}
ul.account li {display:inline;}
ul.account a {float:left;background:url(/members/images/tableft4.gif) no-repeat left top;padding:0 0 0 4px;text-decoration:none;}
ul.account a span {float:left;display:block;background:url(/members/images/tabright4.gif) no-repeat right top;padding:5px 15px 4px 6px;color:#464E42;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.account a span {float:none;}
/* End IE5-Mac hack */
ul.account a:hover span {color:#000;}
ul.account a:hover, ul.account #active a {background-position:0% -42px;}
ul.account a:hover span, ul.account #active a span {background-position:100% -42px;}
ul.account #active a span { font-weight: bold; }
/* line up icon with text */
ul.account span img { vertical-align: top; }

/* email section */
#account div.emailbody {background-color:#fff;padding:1em;border:1px dashed #333;margin-left:33px;}

/* apply reminder link */
#applylink {margin-bottom: 1em;text-align:center;}

/* login */
#login { width: 500px; margin: 0 auto; }

/* site selector */
#swap { position: absolute; right: 10px; top: 20px; font-size: 1em; color: #fff; }
#swap select { border: 1px solid #ccc; font-size: 0.9em;  }

/* google 404 */
#goog-wm {width: 800px;padding: 1em;border: 3px solid #ff0000;background-color: white;}
#goog-wm h3.closest-match {color: #8f2831;border-bottom: 3px dashed #ff0000;padding-bottom: 0.5em;font-size: 170%;margin: 0;}
#goog-wm h3.closest-match a { }
#goog-wm h3.other-things {color: #8f2831;}
#goog-wm ul li { }
#goog-wm li.search-goog {}
#goog-wm li.search-goog input {  }

/* twitter logo */
#twitter { position: absolute; top: 190px; right: 35px;  }