@charset "utf-8";
/* CSS Document */

/* Global Classes */
*			{padding: 0px; margin: 0px;}
#container :focus       {background-color: transparent;}
#container input:focus, #container select:focus  {background-color: #FFC;}
.clear			{clear: both; height: 0px; line-height: 0px; font-size: 0px;}
.float-left		{float: left; margin-right: 10px; margin-bottom: 10px;}
.float-right		{float: right; margin-bottom: 10px; margin-left: 10px;}
.inner_left_content     {float: left; display: block; width: 200px; margin-right: 10px;}
.inner_right_content    {float: left; display: block; width: 200px;}
.text-left		{text-align: left;}
.text-right		{text-align: right;}
.text-center		{text-align: center;}
.text-justify		{text-align: justify;}
.bold, strong		{font-weight: bold; color: #005777;}
.italic			{font-style: italic;}
.underline		{border-bottom: 1px solid;}
.highlight		{background: #ffc;}
.img-left		{float: left; margin-right: 10px; margin-bottom: 10px;}
.img-right		{float: right; margin-bottom: 10px; margin-left: 10px;}
.nobullet		{list-style: none;}
.error, .red		{background: #FFEBE8 none repeat scroll 0%; border: 1px solid #DD3C10; margin: 0px 10px 10px; padding: 10px; display: block;}
.correct, .green	{background: #E6FCE6 none repeat scroll 0%; border: 1px solid #84DB12; margin: 0px 10px 10px; padding: 10px; display: block;}
.info			{background: #FBFCE6 none repeat scroll 0%; border: 1px solid #D9B411; margin: 0px 10px 10px; padding: 10px; display: block;}
.required_fields	{color: red;}
/* End Global Classes */

body {
background-color: #FFF;
font-size: 62.5%;
font-family: "Arial", Helvetica, sans-serif;
}

#container {
width: 980px;
margin: 0px auto;
}

/* Header Styles */
#header {
display: block;
width: 980px;
height: 150px;
background: url("../images/sce/header-bg.jpg") no-repeat left top;
}

#header p {
display: none;
}
/* End Header Styles */

#menubar {
display: block;
float: left;
height: 35px;
width: 980px;
position: relative;
z-index: 100;
background: url("../images/sce/search-bg.jpg") repeat-x left top;
margin-bottom: 16px;
}

#menu {
float: left;
display: block;
width: 706px;
height: 35px;
}

#menu ul {
list-style: none;
}

#menu ul li {
float: left;
position: relative;
}

#menu a {
display: block;
width: auto;
height: 15px;
line-height: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
font-size: 14px;
background: url("../images/sce/menu-link-bg.jpg") repeat-x left top;
padding: 10px 11px;
border-right: 1px solid #FFF;
}

#menu a.main_current, #menu a:hover {
background: url("../images/sce/menu-link-ro-bg.jpg") repeat-x left top;
}

#menu a#menu_link0 {
padding: 10px 15px 10px 16px;
}

/* Drop Down Styles */
#menu ul ul {
display: none;
float: left;
position: absolute;
}

#menu ul li:hover ul, #menu a:hover {
display: block;
}

#menu ul li ul li {
float: none;
}

#menu ul ul a {
display: block;
width: 200px;
text-align: left;
padding: 5px;
background: #939ca1;
border-top: 1px solid #FFF;
border-right: none;
}

#menu ul ul li.lastItem a {
border-bottom: 1px solid #FFF;
}

#menu ul li a.current, #menu ul ul a:hover {
background: #005777;
}
/* End Drop Down Styles */

/* Site Search Styles */
.search {
float: left;
display: block;
width: 264px;
height: 30px;
padding: 5px 0px 0px 10px;
}

.search input {
float: left;
display: block;
width: 191px;
height: 23px;
border: 1px solid #AAA;
padding: 0px 5px;
color: #005777;
}

.search button {
float: left;
display: block;
width: auto;
height: 23px;
border: none;
background-color: transparent;
color: #FFF;
margin: 0px 0px 0px 5px;
cursor: pointer;
}

.search button:hover {
color: #005777;
}
/* End Site Search Styles */

/* Footer Styles */
#footer {
clear: both;
display: block;
width: 980px;
height: 164px;
margin: 0px auto;
border-bottom: 10px solid #FFF;
}

.footer_links {
background: url("../images/sce/footer-links-bg.jpg") repeat-y left top;
display: block;
width: 965px;
height: 83px;
padding: 20px 0px 0px 15px;
}

#footer ul {
float: left;
display: block;
width: auto;
margin: 0px 20px;
list-style: none;
}

#footer li {
padding-bottom: 2px;
font-size: 12px;
}

#footer p {
float: left;
display: block;
width: 300px;
font-size: 12px;
}
/* End Footer Styles */

/* Contact Form Styles */
#contactform {
float: left;
width: 444px;
font-size: 14px;
margin: 10px 0px;
padding: 20px 10px 10px 10px;
border: 2px solid #005777;
background-color: #DDD;
}

#contactform .indent {
margin: 10px 0px 10px 135px;
}

#contactform .form_element {
padding: 5px 10px 0px 0px;
text-align: right;
float: left;
color: #000;
width: 125px;
}

#contactform .form_data {
text-align: left;
float: left;
}

#contactform .separator {
clear: left;
height: 5px;
}

#contactform input, #contactform textarea {
width: 200px;
padding: 5px;
}

#contactform select {
width: 212px;
height: 30px;
padding: 5px 2px;
}

#contactform .image {
background: url("../images/sce/submit-bg.jpg") repeat-x left top;
border: 2px solid #005777;
color: #005777;
width: auto;
padding: 2px 5px;
font-weight: bold;
cursor: pointer;
}

#contactform .image:hover {
color: #FFF;
}

#contactform table {
margin: 5px 0px 0px 0px;
}

#contactform table input {
width: 18px;
margin-right: 2px;
padding: 0px;
}

#contactform table label {
color: #000;
}
/* End Contact Form Styles */

#content_wrap {
clear: both;
width: 980px;
background: url("../images/sce/container-bg.jpg") repeat-y left top;
}

.left_content {
float: left;
display: block;
width: 284px;
padding: 8px 16px;
min-height: 383px;
}

.content {
float: left;
display: block;
width: 664px;
}

.content ol, .content ul {
margin: 10px 20px;
}

.content ul {
list-style: none;
}

.content li {
line-height: 18px;
color: #000;
background: url("../images/sce/bullet.png") no-repeat left center;
padding: 5px 0px;
font-size: 14px;
}

p {
font-size: 14px;
line-height: 18px;
color: #000;
margin: 0px 0px 10px 0px;
}

table {
margin: 10px 0px;
}

a {
color: #005777;
}

a:hover {
color: #000;
}

h1 {
font-size: 30px;
line-height: 34px;
font-weight: normal;
color: #005777;
margin: 0px 0px 10px 0px;
}

h2 {
font-size: 26px;
line-height: 30px;
font-weight: normal;
color: #005777;
margin: 5px 0px;
}

h3 {
font-size: 22px;
line-height: 26px;
font-weight: normal;
color: #005777;
margin: 5px 0px;
}

h4, h5, h6 {
font-size: 18px;
line-height: 22px;
font-weight: normal;
color: #005777;
margin: 5px 0px;
}

/* Site Search Results */
.SiteSearch {
font-size: 14px;
}

.SiteSearch_result_item {
margin-bottom: 10px;
}
/* End Site Search Results */

/* Site Map Styles */
#site_map ul, #site_map ul ul {
margin-top: 0px;
margin-bottom: 10px;
list-style: none;
font-size: 14px;
}

#site_map ul li, #site_map ul ul li {
margin-top: 5px;
margin-bottom: 0px;
}
/* End Site Map Styles */

/* News Styles */
.VolNewsDetail {
min-height: 300px;
}

.VolNewsDetail .news_title {font-size: 30px;
color: #005777;
margin: 0px 0px 10px 0px;
}

.VolNewsDetail .news_date {
font-size: 12px;
}

.VolNewsSearch ul {
list-style: none;
}

#content .VolNewsSearch li {
margin-bottom: 10px;
}

.VolNewsSearch .search-label {
display: block;
width: 80px;
float: left;
}

#ctl01_MainContent_news_search_key_button, #ctl01_MainContent_news_search_spsearch_button {
background: url("../images/sce/submit-bg.jpg") repeat-x left top;
border: 1px solid #005777;
color: #005777;
width: auto;
padding: 2px 5px;
}

#ctl01_MainContent_news_search_archive_list label {
margin-right: 10px;
margin-left: 2px;
}

.VolNewsCategories {
min-height: 200px;
font-size: 12px;
}

.VolNewsCategories .newsImage {
float : left;
display: block;
width: 100px;
margin: 0px 10px 0px 0px;
}

.VolNewsCategories .news_title {
text-decoration: none;
font-size: 18px;
}

.VolNewsCategories .clear {
height: 10px;
}

.new_footer {
margin: 20px 0px;
font-size: 12px;
}

.new_footer a {
background: url("../images/sce/submit-bg.jpg") repeat-x left top;
border: 1px solid #005777;
color: #005777;
width: auto;
padding: 2px 5px;
text-decoration: none;
}

.new_footer a:hover {
color: #FFF;
}
/* End News Styles */

.staff {
float: left;
display: block;
width: 465px;
margin-bottom: 20px;
}

.staff img {
float: left;
margin-right: 10px;
}

/* Homepage Styles  */
.our_stores {
float: left;
display: block;
width: 284px;
height: 148px;
border-top: 16px solid #FFF;
border-bottom: 16px solid #FFF;
color: #FFF;
padding: 16px;
background: url("../images/sce/our-stores-bg.jpg") no-repeat left top;
margin-right: 16px;
}

.our_stores h2, .our_stores a {
color: #FFF;
margin-top: 0px;
}

.our_stores p {
margin-bottom: 5px;
}

.our_stores a:hover, .newsletter a:hover {
color: #005777;
}

.newsletter {
float: left;
border-top: 16px solid #FFF;
border-bottom: 16px solid #FFF;
margin-right: 16px;
margin-bottom: 0px;
}

.newsletter a {
display: block;
width: 284px;
height: 148px;
color: #FFF;
padding: 16px;
background: url("../images/sce/newsletter-bg.jpg") no-repeat left top;
text-decoration: none;
}

.newsletter a:hover {
color: #FFF;
}

.newsletter .title {
display: block;
font-size: 26px;
line-height: 30px;
margin-bottom: 5px;
}

.newsletter .desc {
display: block;
}

.newsletter .link {
display: block;
width: 143px;
height: 21px;
padding: 5px 0px;
font-size: 14px;
background: url("../images/sce/submit-bg.jpg") repeat-x left top;
border: 2px solid #FFF;
color: #005777;
text-align: center;
margin-top: 10px;
}

.VolNewsLatest {
float: left;
display: block;
width: 284px;
height: 148px;
border-top: 16px solid #FFF;
border-bottom: 16px solid #FFF;
background: url("../images/sce/news-events-bg.jpg") no-repeat left top;
padding: 16px;
color: #FFF;
font-size: 12px;
}

.VolNewsLatest h2 {
color: #FFF;
margin-top: 0px;
}

.VolNewsLatest .news_title {
color: #FFF;
text-decoration: none;
}

.VolNewsLatest .read_more {
color: #aad8e8;
font-weight: bold;
text-decoration: none;
margin: 0px 0px 0px 2px;
}

.VolNewsLatest .clear {
height: 5px;
}
/* End Homepage Styles */

.vacancytable {
width: 950px;
font-size: 14px;
text-align: left;
margin: 10px 0px;
}

.vacancytable th {
color: #fff;
background-color: #005777;
padding: 5px;
border: 2px solid #fff;
text-align: left;
}

.vacancytable td {
background-color: #eee;
padding:5px;
border: 2px solid #fff;
}

/* Image Slider Styles */
#slider {
float: left;
display: block;
clear: left;
width: 664px;
height: 399px;
background: url("../images/sce/slider-loading.gif") no-repeat 50% 50%;
}

#slider img, #slider a.nivo-imageLink, .nivo-controlNav {
display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url("../images/sce/slider-arrows.png") no-repeat;
text-indent: -9999px;
border: 0;
position: absolute;
top: 45%;
z-index: 99;
cursor: pointer;
}

a.nivo-nextNav {
background-position: -30px 0px;
right: 15px;
}

a.nivo-prevNav {
left: 15px;
}
/* End Image Slider Styles */

#wrapper {
	margin:0 auto;
	width:1000px;
	padding-top:300px;
}

/* timer general */
#timer {
	position:relative;
	left: 247px;
	top: 20px;
	height:150px;
}

hr {
	position:absolute;
	top:30px;
	left:0;
	width:486px;
	border:1px solid #ffffff;	
}

*:first-child+html hr {
	top:185px;
}


/* timer numbers */
.timer_numbers {
	font-size:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
}

#timer_days {
	background:url(../images/sce/countdown1.png) #ffffff no-repeat;
	float:left;
	width:116px;
	height:80px;
	padding:5px 0 0 11px;
	letter-spacing:27px;
}

#timer_hours {
	background:url(../images/sce/countdown1.png) #ffffff no-repeat;
	float:left;
	width:116px;
	height:80px;
	padding:5px 0 0 11px;
	letter-spacing:27px;
}

#timer_mins {
	background:url(../images/sce/countdown1.png) #ffffff no-repeat;
	float:left;
	width:116px;
	height:80px;
	padding:5px 0 0 11px;
	letter-spacing:27px;
}

#timer_seconds {
	background:url(../images/sce/countdown2.png) #ffffff no-repeat;
	float:left;
	width:105px;
	height:69px;
	padding:5px 0 0 11px;
	letter-spacing:27px;
}

/* timer labels */
.timer_labels {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#666;	
}

#timer_labels {
	position:relative;
}

#timer_days_label {
	position:absolute;
	top:75px;
	left:29px;	
}

#timer_hours_label {
	position:absolute;
	top:75px;
	left:152px;
	
}

#timer_mins_label {
	position:absolute;
	top:75px;
	left:285px;	
}

#timer_seconds_label {
	position:absolute;
	top:75px;
	left:412px;
}





/* below style not apart of the tutorial */
p#demoPage {
	display:inline;
	padding:5px;
	background-color:#000000;
	color:#FFFFFF;
	margin:20px 0;
	font-size:18px;
}

p#demoPage a {
	color:#FFFFFF;	
}

/*----Secret Shop----*/

.ss-reg-bg {
background:url(../images/sce/ss-reg-bg.gif) #d20101 no-repeat top center;
min-height: 1200px;
}

.top-bar {
background-color:#000;
height:30px;
display:block;
color:#fff;
text-align:center;
font-size: 17px;
padding-top:8px;
}

.ss-content {
background:url(../images/sce/ss-reg-content-bg.jpg)no-repeat top center;
}

#countdown {
text-align:center;
}
