@import url("reset.css");

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body.flash {
background:url(../images/bg-flash.jpg) repeat-x top left #008a5f;
}

body.flash #header {
background:none;
}

#alternative {
width:695px;
height:255px;
padding:250px 0 0 285px;
display:block;
background:url(../images/home-alternative.jpg) no-repeat top left;
}

#alternative #text {
width:350px;
margin:0;
background-color:#FFFFFF;
padding:30px;
border:3px solid #01855c;
}

#alternative #text p {
margin:0 0 10px 0;
padding:0;
color:#636363;
font-size:.8em;
line-height:1.4em;
}

#alternative #text p a {
color:#01855c;
}

#alternative #text p a:hover {
color:#636363;
}

#container {
width:992px;
margin:0 auto;
padding:0;
}

#header {
width:992px;
height:82px;
margin:0;
padding:0;
background:url(../images/header-green.gif) no-repeat 5px 0;
}

#topnav {
width:992px;
height:30px;
}

#topnav ul {
margin:0;
padding:7px 30px 0 0;
float:right;
list-style:none;
}

#topnav ul li {
margin:0;
padding:0;
float:left;
}

#topnav ul li a {
margin:0 0 0 15px;
padding:0;
font-size:.75em;
color:#fff;
font-weight:bold;
text-decoration:none;
}

#topnav ul li a:hover {
color:#eaeaea;
}



#nav-bar {
width:992px;
height:82px;
background:url(../images/nav-bg.png) no-repeat top left;
position:absolute;
top:30px;
z-index:1;
}

#nav-bar-white {
width:992px;
height:82px;
background:url(../images/nav-bg-white.png) no-repeat top left;
position:absolute;
top:30px;
z-index:1;
}

#logo {
width:111px;
height:70px;
float:left;
margin:0 0 0 0;
padding:5px 0 0 10px;
}

#navigation {
width:859px;
height:70px;
float:left;
margin:0 0 0 0;
padding:5px 0 0 0;
}

#navigation ul {
margin:0;
padding:0;
list-style:none;
}

#navigation ul li {
margin:0;
padding:0;
float:left;
}

#navigation ul li a {
height:70px;
margin:0;
padding:0;
font-size:.75em;
color:#575252;
display:block;
cursor:pointer;
}

#navigation ul li a span {
display:none;
}

#navigation ul li a.home {width:64px;background:url(../images/nav-home-off.gif) no-repeat top left;}
#navigation ul li a.home:hover {background:url(../images/nav-home-on.gif) no-repeat top left;}
#navigation ul li a.home-selected {width:64px;background:url(../images/nav-home-on.gif) no-repeat top left;}

#navigation ul li a.who {width:90px;background:url(../images/nav-who-off.gif) no-repeat top left;}
#navigation ul li a.who:hover {background:url(../images/nav-who-on.gif) no-repeat top left;}
#navigation ul li a.who-selected {width:90px;background:url(../images/nav-who-on.gif) no-repeat top left;}

#navigation ul li a.clinical {width:66px;background:url(../images/nav-clinical-off.gif) no-repeat top left;}
#navigation ul li a.clinical:hover {background:url(../images/nav-clinical-on.gif) no-repeat top left;}
#navigation ul li a.clinical-selected {width:66px;background:url(../images/nav-clinical-on.gif) no-repeat top left;}

#navigation ul li a.pre-reg {width:96px;background:url(../images/nav-prereg-off.gif) no-repeat top left;}
#navigation ul li a.pre-reg:hover {background:url(../images/nav-prereg-on.gif) no-repeat top left;}
#navigation ul li a.pre-reg-selected {width:96px;background:url(../images/nav-prereg-on.gif) no-repeat top left;}

#navigation ul li a.optical {width:128px;background:url(../images/nav-optical-off.gif) no-repeat top left;}
#navigation ul li a.optical:hover {background:url(../images/nav-optical-on.gif) no-repeat top left;}
#navigation ul li a.optical-selected {width:128px;background:url(../images/nav-optical-on.gif) no-repeat top left;}

#navigation ul li a.hearcare {width:127px;background:url(../images/nav-hearcare-off.gif) no-repeat top left;}
#navigation ul li a.hearcare:hover {background:url(../images/nav-hearcare-on.gif) no-repeat top left;}
#navigation ul li a.hearcare-selected {width:127px;background:url(../images/nav-hearcare-on.gif) no-repeat top left;}

#navigation ul li a.retail {width:65px;background:url(../images/nav-retail-off.gif) no-repeat top left;}
#navigation ul li a.retail:hover {background:url(../images/nav-retail-on.gif) no-repeat top left;}
#navigation ul li a.retail-selected {width:65px;background:url(../images/nav-retail-on.gif) no-repeat top left;}

#navigation ul li a.support {width:117px;background:url(../images/nav-support-off.gif) no-repeat top left;}
#navigation ul li a.support:hover {background:url(../images/nav-support-on.gif) no-repeat top left;}
#navigation ul li a.support-selected {width:117px;background:url(../images/nav-support-on.gif) no-repeat top left;}

#navigation ul li a.apply {width:106px;background:url(../images/nav-apply-off.gif) no-repeat top left;}
#navigation ul li a.apply:hover {background:url(../images/nav-apply-on.gif) no-repeat top left;}

#left-nav {
width:214px;
margin:0;
padding:0 0 20px 0;
float:left;
}

.left-nav-rim {
width:214px;
height:27px;
background:url(../images/rim-left-nav.gif) no-repeat top left;
}

.left-nav-rim p {
margin:0;
font-size:.75em;
line-height:1.4em;
font-weight:bold;
color:#fff;
}

.left-nav-rim p a {
width:189px;
padding:5px 0 0 25px;
display:block;
color:#fff;
text-decoration:none;
}

.left-nav-rim p a:hover {
color:#e1e1e1;
}

#left-nav ul {
width:214px;
margin:0;
padding:0;
list-style:none;
border-top:1px solid #b7b7b7;
}

#left-nav ul li {
width:214px;
list-style:none;
margin:0 0 0 0;
padding:0 0 0 0;
display:block;
border-bottom:1px solid #b7b7b7;
}

#left-nav ul li a {
width:179px;
margin:0;
padding:5px 10px 5px 25px;
display:block;
color:#636363;
font-size:.75em;
line-height:1.4em;
text-decoration:none;
}

#left-nav ul li a:hover {
color:#fff;
background-color:#01855c;
}

#left-nav ul li a.selected {
color:#fff;
background-color:#01855c;
}

#wrapper {
width:980px;
margin:0 auto;
padding:22px 0 0 0;
background-color:#ebebeb;
}

#wrapper-temp {
width:980px;
margin:0 auto;
padding:24px 0 0 0;
background-color:#e1e1e1;
}

#toplevel {
margin:0;
padding:0;
height:630px;
}

.bg-indre-nicola {background:url(../images/bg-indre-nicola.jpg) no-repeat top left;}
.bg-karen {background:url(../images/bg-karen.jpg) no-repeat top left;}
.bg-sarah {background:url(../images/bg-sarah.jpg) no-repeat top left;}
.bg-claire {background:url(../images/bg-claire.jpg) no-repeat top left;}
.bg-mo {background:url(../images/bg-mo.jpg) no-repeat top left;}
.bg-johnmary {background:url(../images/bg-johnmary.jpg) no-repeat top left;}

#toplevel #left {
clear:left;
width:214px;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}

#toplevel #title {
width:350px;
float:left;
margin:0 0 0 0;
padding:40px 0 0 0;
}

#toplevel h1 {margin:0; padding:0; width:350px; height:93px; display:block;}

#toplevel h1 span {display:none;}

#toplevel h1.whoweare {background:url(../images/toplevel-headings-whoweare.png) no-repeat top left;}
#toplevel h1.clinical {background:url(../images/toplevel-headings-clinicalroles.png) no-repeat top left;}
#toplevel h1.headoffice {background:url(../images/toplevel-headings-headoffice.png) no-repeat top left;}
#toplevel h1.prereg {background:url(../images/toplevel-headings-prereg.png) no-repeat top left;}
#toplevel h1.retail {background:url(../images/toplevel-headings-retail.png) no-repeat top left;}
#toplevel h1.partners {background:url(../images/toplevel-headings-partners.png) no-repeat top left;}


#toplevel #right {
width:222px;
float:right;
margin:0 0 0 0;
padding:30px 10px 0 0;*padding:160px 10px 0 0;
display:block;
}



#toplevel #right h2 {margin:0; padding:0; width:222px; height:60px; display:block;}
#toplevel #right h2 span {display:none;}

#toplevel #right h2.nicola {background:url(../images/toplevel-headings-meet-nicola.gif) no-repeat top left;}

#toplevel #right h2.karen {background:url(../images/toplevel-headings-meet-karen.gif) no-repeat top left;}

#toplevel #right h2.sarah {background:url(../images/toplevel-headings-meet-sarah.gif) no-repeat top left;}

#toplevel #right h2.claire {background:url(../images/toplevel-headings-meet-claire.gif) no-repeat top left;}

#toplevel #right h2.mo {background:url(../images/toplevel-headings-meet-mo.gif) no-repeat top left;}

#toplevel #right h2.mary {background:url(../images/toplevel-headings-meet-mary.gif) no-repeat top left;}

#toplevel #right p {
margin:0 0 0 0;
padding:0 10px 0 8px;
font-size:.75em;
line-height:1.4em;
color:#636363;
}


#content-toplevel {
width:700px;
float:right;
margin:0;
padding:30px 30px 30px 0;
}

#content-toplevel p {
margin:0 0 10px 0;
padding:0;
font-size:.75em;
line-height:1.4em;
color:#636363;
}

#content-toplevel p a {
color:#01855c;
text-decoration:none;
}

#toplevel #content p a:hover {
color:#636363;
}




/*********************************/


#content {
width:500px;
background-color:#fff;
float:left;
margin:0;
padding:30px;
border-top:1px solid #b7b7b7;
border-left:1px solid #b7b7b7;
border-right:1px solid #b7b7b7;
}

#content h1 {
margin:0 0 20px 0;
padding:0;
font-size:1.3em;
line-height:1.4em;
font-weight:normal;
color:#01855c;
}

#content h2, #content h3 {
margin:0 0 10px 0;
padding:0;
font-size:1em;
line-height:1.4em;
font-weight:normal;
color:#01855c;
}

#content p {
margin:0 0 10px 0;
padding:0;
font-size:.75em;
line-height:1.5em;
color:#636363;
}

#content p a {
color:#01855c;
text-decoration:none;
}

#content p a:hover {
color:#636363;
}

#content table {
margin:0;
padding:0;
font-size:.75em;
color:#636363;
line-height:1.4em;
}

#content table table {
font-size:1em;
}

#content th {
margin:0;
padding:3px;
text-align:left;
color:#333;
}

#content td {
margin:0;
padding:5px 3px 3px 3px;
text-align:left;
}

#content td a {
color:#01855c;
text-decoration:none;
}

#content td a:hover {
color:#636363;
}

#content td.table-border {
padding:3px 3px 7px 3px;
margin:0 0 10px 0;
border-bottom:1px solid #01855c;
}

#flash-content-holder {
width:980px;
margin:0 auto;
padding:22px 0 0 0;
}

#flash-content {
display:block;
}

#right_nav {
width:204px;
float:left;
margin:0;
padding:0 0 0 0;
}

.right_image {
background:url(../images/right_images.jpg) top left no-repeat;
}

#right_nav p {
color:#6a6969;
margin:0 0 10px 0;
padding:0;
font-size:.75em;
line-height:1.4em;
}

/**** Tabs ****/

#home-tabs {
width:940px;
margin:0 auto;
padding:30px 0 0 0;
}


#rotate ul li a span {margin:0; padding:0;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
}

.ui-tabs-nav {
width:356px;
float:right;
list-style:none;
margin:0;
padding:0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#000;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}

.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 0;
z-index: 2;
margin-top: 0;
color: #000;
}

.ui-tabs-nav li a.welcome span {
display:none;
}

.ui-tabs-nav li a.welcome {
width: 356px; /* IE 6 treats width as min-width */
min-width: 356px;
height: 58px; /* IE 6 treats height as min-height */
min-height: 58px;
padding: 0;
padding-right: 0;
margin:0;
background:url(../images/tabs-nav-welcome-off.gif) no-repeat top left;
display:block;
border-bottom:1px solid #ccc;
}

.ui-tabs-nav li a.welcome:hover {
background:url(../images/tabs-nav-welcome-on.gif) no-repeat top left;
}

.ui-tabs-nav li a.retail span {
display:none;
}

.ui-tabs-nav li a.retail {
width: 356px; /* IE 6 treats width as min-width */
min-width: 356px;
height: 58px; /* IE 6 treats height as min-height */
min-height: 58px;
padding: 0;
padding-right: 0;
margin:0;
background:url(../images/tabs-nav-retail-off.gif) no-repeat top left;
display:block;
border-bottom:1px solid #ccc;
}

.ui-tabs-nav li a.retail:hover {
background:url(../images/tabs-nav-retail-on.gif) no-repeat top left;
}

.ui-tabs-nav li a.pre-reg span {
display:none;
}

.ui-tabs-nav li a.pre-reg {
width: 356px; /* IE 6 treats width as min-width */
min-width: 356px;
height: 58px; /* IE 6 treats height as min-height */
min-height: 58px;
padding-top: 0;
padding-right: 0;
background:url(../images/tabs-nav-prereg-off.gif) no-repeat top left;
display:block;
border-bottom:1px solid #ccc;
}

.ui-tabs-nav li a.pre-reg:hover {
background:url(../images/tabs-nav-prereg-on.gif) no-repeat top left;
}

.ui-tabs-nav li a.joint span {
display:none;
}

.ui-tabs-nav li a.joint {
width: 356px; /* IE 6 treats width as min-width */
min-width: 356px;
height: 58px; /* IE 6 treats height as min-height */
min-height: 58px;
padding-top: 0;
padding-right: 0;
background:url(../images/tabs-nav-joint-off.gif) no-repeat top left;
display:block;
border-bottom:1px solid #ccc;
}

.ui-tabs-nav li a.joint:hover {
background:url(../images/tabs-nav-joint-on.gif) no-repeat top left;
}

.ui-tabs-nav li a.pro span {
display:none;
}

.ui-tabs-nav li a.pro {
width: 356px; /* IE 6 treats width as min-width */
min-width: 356px;
height: 58px; /* IE 6 treats height as min-height */
min-height: 58px;
padding-top: 0;
padding-right: 0;
background:url(../images/tabs-nav-professional-off.gif) no-repeat top left;
display:block;
border-bottom:1px solid #ccc;
}

.ui-tabs-nav li a.pro:hover {
background:url(../images/tabs-nav-professional-on.gif) no-repeat top left;
}

.ui-tabs-nav li a.careers span {
display:none;
}

.ui-tabs-nav li a.careers {
width: 356px; /* IE 6 treats width as min-width */
min-width: 356px;
height: 58px; /* IE 6 treats height as min-height */
min-height: 58px;
padding-top: 0;
padding-right: 0;
background:url(../images/tabs-nav-careers-off.gif) no-repeat top left;
display:block;
border-bottom:1px solid #ccc;
}

.ui-tabs-nav li a.careers:hover {
background:url(../images/tabs-nav-careers-on.gif) no-repeat top left;
}

*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}

.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 0;
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 0 0;

}

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 0 0;
}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 0;
}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: pointer;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}

.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}

.ui-tabs-panel {
width:562px;
height:355px;
float:left;
padding:0 0 0 0;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(../images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}

*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}

.transition {
margin:0;
padding:0;
}

.content {
height:315px;
}

.rim-transition {
height:40px;
margin:0;
padding:0;
background:url(../images/rim-home-transition.gif) repeat-x top left;
}

.rim-transition p {
width:545px;
height:20px;
float:left;
margin:0;
padding:10px 0 0 10px;
display:block;
color:#fff;
font-size:.75em;
line-height:1.6em;
}

.rim-transition p a {
margin:0;
padding:0;
height:20px;
display:block;
color:#fff;
text-decoration:none;
background:url(../images/home-transition-arrow-off.gif) top right no-repeat;
}

.rim-transition p a:hover {
color:#f7941d;
background:url(../images/home-transition-arrow-on.gif) right no-repeat;
}

.arrow-right {
margin:0;
padding:10px 0 0 0;
width:23px;
float:left;
}


/******************/

/**** Carousel ****/

#carousel {
width:940px;
height:82px;
margin:10px auto;
border:1px solid #cdcdcd;
background:#fff;
}

.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 880px; padding: 0 30px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 880px; height: 82px;}
.jcarousel-skin-tango .jcarousel-item {width: 282px; height: 82px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder {color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 33px; right: 5px; width: 20px; height: 20px;cursor: pointer; background: transparent url(../images/arrow-right.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 33px; left: 5px; width: 20px; height: 20px; cursor: pointer; background: transparent url(../images/arrow-left.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: 0 0;}

.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0;padding: 0;}
.jcarousel-list li, .jcarousel-item {float: left; list-style: none; width: 282px; height: 82px;}
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}

/***********************************************/


.bottom-background {
background:url(../images/banner-bottom.jpg) no-repeat top left;
height:131px;
}

.bottom-background-video {
background:#000;
height:131px;
}

.bottom-background-welcome {
background:url(../images/banner-bottom-welcome.jpg) no-repeat top left;
height:131px;
}

.bottom-background-withleft {
background:url(../images/banner-bottom-withleft.jpg) no-repeat top left;
height:131px;
}

#bottom-content {
width:950px;
margin:0 auto;
padding:0 0 0 30px;
height:151px;
}

#bottom-content h3 {
margin:0 0 10px 0;
padding:0;
}

#bottom-content h3 span {display:none;}

#bottom-content h3 {width:210px; height:18px; display:block;}
#bottom-content h3.featuredjobs {background:url(../images/heading-featuredjobs.gif) no-repeat top left;}

#bottom-content h3 a {width:210px; height:18px; display:block;}

#bottom-content h3 a span {display:none;}

#bottom-content h3.featuredjobs a {background:url(../images/heading-featuredjobs-off.gif) no-repeat top left;}
#bottom-content h3.featuredjobs a:hover {background:url(../images/heading-featuredjobs-on.gif) no-repeat top left;}

#bottom-content h3.search a {background:url(../images/heading-search-off.gif) no-repeat top left;}
#bottom-content h3.search a:hover {background:url(../images/heading-search-on.gif) no-repeat top left;}

#bottom-content h3.tv a {background:url(../images/heading-tv-off.gif) no-repeat top left;}
#bottom-content h3.tv a:hover {background:url(../images/heading-tv-on.gif) no-repeat top left;}

#bottom-content h3.vision a {background:url(../images/heading-vision-off.gif) no-repeat top left;}
#bottom-content h3.vision a:hover {background:url(../images/heading-vision-on.gif) no-repeat top left;}

#bottom-content h3.explore a {background:url(../images/heading-explore-off.gif) no-repeat top left;}
#bottom-content h3.explore a:hover {background:url(../images/heading-explore-on.gif) no-repeat top left;}

#bottom-content h3.start a {background:url(../images/heading-start-off.gif) no-repeat top left;}
#bottom-content h3.start a:hover {background:url(../images/heading-start-on.gif) no-repeat top left;}

#bottom-content h3.find a {background:url(../images/heading-find-off.gif) no-repeat top left;}
#bottom-content h3.find a:hover {background:url(../images/heading-find-on.gif) no-repeat top left;}

#bottom-content h3.register a {background:url(../images/heading-register-off.gif) no-repeat top left;}
#bottom-content h3.register a:hover {background:url(../images/heading-register-on.gif) no-repeat top left;}

#bottom-content h3.apply a {background:url(../images/heading-applynow-off.gif) no-repeat top left;}
#bottom-content h3.apply a:hover {background:url(../images/heading-applynow-on.gif) no-repeat top left;}

#bottom-content h3.meet a {background:url(../images/heading-meet-dougmary-off.gif) no-repeat top left;}
#bottom-content h3.meet a:hover {background:url(../images/heading-meet-dougmary-on.gif) no-repeat top left;}

#bottom-content h3.campus a {background:url(../images/heading-campus-off.gif) no-repeat top left;}
#bottom-content h3.campus a:hover {background:url(../images/heading-campus-on.gif) no-repeat top left;}

#bottom-content p {
color:#fff;
font-size:.75em;
margin:0 0 15px 0;
line-height:1.4em;
}

#bottom-content p.nomargin {
color:#fff;
font-size:.75em;
margin:0 0 0 0;
line-height:1.4em;
}

#bottom-content p a, #bottom-content p.nomargin a {
color:#fff;
text-decoration:none;
}

#bottom-content p a:hover, #bottom-content p.nomargin a:hover {
color:#f7941d;
}

#bottom-content table {
margin:0 0 0 0;
padding:0;
}

#bottom-content td {
color:#fff;
font-size:.75em;
line-height:1.2em;
padding:0 10px 7px 0;
}

#bottom-content td a {
color:#f7941d;
text-decoration:none;
}

#bottom-content td a:hover {
color:#fff;
}

#bottom-content-left {
width:320px;
margin:0 20px 0 0;
padding:10px 0 0 0;
float:left;
}

#bottom-content-middle {
width:260px;
margin:0;
padding:10px 0 0 0;
float:left;
}

#bottom-content-right {
width:330px;
margin:0;
padding:0 0 0 20px;
float:left;
}


#bottom-content h4 {margin:0; padding:0 0 0 0;}
#bottom-content h4 a span {display:none;}
#bottom-content h4 a {width:78px;height:16px;display:block;}
#bottom-content h4.seealljobs a {background:url(../images/seealljobs-white-off.gif) no-repeat top left;}
#bottom-content h4.seealljobs a:hover {background:url(../images/seealljobs-white-on.gif) no-repeat top left;}



/** Home bottom **/

#bottom-content-home {
width:940px;
margin:0 auto;
padding:0 0 20px 0;
background-color:#ebebeb;
}

#bottom-content-home h4 {margin:0; padding:10px 0 0 5px;}
#bottom-content-home h4 a span {display:none;}
#bottom-content-home h4 a {width:78px;height:16px;display:block;}
#bottom-content-home h4.seealljobs a {background:url(../images/seealljobs-off.gif) no-repeat top left;}
#bottom-content-home h4.seealljobs a:hover {background:url(../images/seealljobs-on.gif) no-repeat top left;}

.home-bottom {background:url(../images/flash-bottom-bg.jpg) no-repeat top left;height:157px;}

#bottom-content-home .headings {
margin:0;
padding:0;
height:29px;
background:url(../images/rim-home-section.gif) repeat-x top left;
}

#bottom-content-home h3 {margin:0; padding:0;}
#bottom-content-home h3 span {display:none;}
#bottom-content-home h3 {width:304px;height:29px;display:block;}
#bottom-content-home h3.featuredjobs {background:url(../images/bottom-featuredjobs-off.gif) no-repeat top left;}


#bottom-content-home h3 a span {display:none;}
#bottom-content-home h3 a {width:304px;height:29px;display:block;}

#bottom-content-home h3.featuredjobs a {background:url(../images/bottom-featuredjobs-off.gif) no-repeat top left;}
#bottom-content-home h3.featuredjobs a:hover {background:url(../images/bottom-featuredjobs-on.gif) no-repeat top left;}

#bottom-content-home h3.apply a {background:url(../images/bottom-apply-off.gif) no-repeat top left;}
#bottom-content-home h3.apply a:hover {background:url(../images/bottom-apply-on.gif) no-repeat top left;}

#bottom-content-home h3.meet a {background:url(../images/bottom-dougmary-off.gif) no-repeat top left;}
#bottom-content-home h3.meet a:hover {background:url(../images/bottom-dougmary-on.gif) no-repeat top left;}

#bottom-content-home h3.search a {background:url(../images/bottom-search-off.gif) no-repeat top left;}
#bottom-content-home h3.search a:hover {background:url(../images/bottom-search-on.gif) no-repeat top left;}

#bottom-content-home h3.explore a {background:url(../images/bottom-explore-off.gif) no-repeat top left;}
#bottom-content-home h3.explore a:hover {background:url(../images/bottom-explore-on.gif) no-repeat top left;}



#bottom-content-home p {
color:#333333;
font-size:.75em;
margin:0 0 10px 0;
line-height:1.4em;
}

#bottom-content-home p a {
color:#f7941d;
}

#bottom-content-home p a:hover {
color:#fff;
}

#bottom-content-home table {
margin:10px 0 0 0;
}

#bottom-content-home td {
color:#333333;
font-size:.75em;
line-height:1.1em;
padding:5px 5px 5px 5px;
/*border-bottom:1px solid #ccc;*/
}

#bottom-content-home td a {
color:#01855c;
text-decoration:none;
}

#bottom-content-home td a:hover {
color:#f7941d;
}


#bottom-content-home #bottom-content-left {
width:354px;
height:194px;
margin:0 14px 0 0;
padding:0;
float:left;
background-color:#fff;
}

#bottom-content-home #bottom-content-middle {
width:304px;
height:194px;
margin:0 14px 0 0;
padding:0;
float:left;
background-color:#fff;
}

#bottom-content-home #bottom-content-right {
width:304px;
height:194px;
margin:0 0 0 0;
padding:0;
float:left;
background-color:#fff;
}

#rim {
width:980px;
height:18px;
margin:0 auto;
padding:0;
background:url(../images/rim-footer.gif) top left repeat-x;
}


































#footer {
width:940px;
margin:0 auto;
padding:10px 20px 10px 20px;
}

.static {

}

.socialicon {
width: 20px;
height: 20px;
margin: 0 10px 0 0;
padding: 0;
float: left;
}

#copyright {
width:500px;
margin:0;
padding:0;
float:left;
}

#copyright.retail {
width:420px;
margin:0;
padding:0;
float:left;
}

#copyright p {
margin:0;
padding:0;
font-size:.75em;
line-height:1.2em;
color:#fff;
font-weight:bold;
}

#footer ul.disclamer {
width:460px;
margin:0;
padding:0;
float:right;
list-style:none;
}

#footer ul {
width:375px;
margin:0;
padding:0;
float:right;
list-style:none;
}

#footer ul li {
margin:0;
padding:0;
float:left;
}

#footer ul li a {
margin:0 0 0 15px;
padding:0;
font-size:.75em;
line-height:1.2em;
color:#fff;
font-weight:bold;
text-decoration:none;
}

#footer ul li a:hover {
color:#eaeaea;
}


/********************************************/

/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */




form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmdate,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .credits {
	color: #404040;
}



form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
/*	font-size: 90%;
*/}

form.ddfm h1,
form.ddfm h2 {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
/*	font-size: 140%;
*/}

form.ddfm h2 {
/*	font-size: 115%;
*/}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
/*	font-size: 100%;
*/	font-weight: bold;
}

form.ddfm .credits {
/*	font-size: 90%;
*/}

form.ddfm legend {
/*	font-size: 110%;
*/}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 450px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 430px; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmchecklabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmradiolabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
	
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm input.fmdate {
	float: left; 
	display: block;
	width: 35%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}


/*form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}*/

form.ddfm .submit input {
clear: both; 
text-align: right;
color:#FFFFFF;
width:110px;
height:35px;
display:block;
margin:0 0 0 120px;
background:url(../images/submitbutton.gif) top right no-repeat;
border:none;
cursor:pointer;
}

form.ddfm .submit input:hover {
background:url(../images/submitbutton-on.gif) top right no-repeat;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}


/* DATE SELECTION */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
/*	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
*/	text-align: center;
	color: #404040;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}