@import url("/style/structure.css");

/*
-----------HTML Elements---------
*/
body {
	color: #000;
	background: url('/themes/butler/images/body-bg.gif') top center repeat-x;
}
body, td, th, p {
	font-family: "Trebuchet MS", Verdana, Arial, Times, serif;
	font-size: 13px;
	line-height: 1.5em;
}
a {
	color: #f81b30;
	text-decoration: underline;
}
a:hover { 
	color: #f81b30;
	text-decoration: none;
}
h1 {
	color: #0054a9;
	font-size: 24px;
}
.homePage h1 {
	color: #66696a;
	font-size: 22px;
}
h2 {
	color: #666;
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
h4 {
	color: #666;
	font-size: 14px;
	margin: 0;
}
h5 {
	color: #000;
	font-size: 12px;
}
img.doBorder {
	border: 1px solid #b7b8b8;
}
blockquote {
	margin: 0 1.5em;
}

/*
-----------Blue Btn-----------
*/
.mojoBtn, .mojoBtn span {
	display: inline-block;
	*display: inline;
	font-family: "Trebuchet MS", Verdana, Arial, Times, serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	cursor: pointer;
	zoom: 1;
	white-space: nowrap;
}
.mojoBtn {
	margin-top: 1em;
	padding-left: 4px;
	color: #0054A9;
	background: url('/images/ui/btn/bluebtn-left.gif') top left no-repeat;
}
.mojoBtn:hover {
	color: #0075EA;
	opacity: 0.70;
  filter: alpha(opacity=70);
}
.mojoBtn span {
	padding-right: 4px;
	background: url('/images/ui/btn/bluebtn-right.gif') top right no-repeat;
}
.mojoBtn span span {
	padding: 0 8px 1px 8px;
	background: url('/images/ui/btn/bluebtn-bg.gif') top center repeat-x;
	text-align: center;
	/* Start min-width */
	min-width: 45px;
	width: auto !important;
	width: 45px;
	/* End min-width */
}

/*
-----------Blue Btn-----------
*/
#peepShow .slide .mojoBtn, #peepShow .slide .mojoBtn span {
	font-size: 16px;
	line-height: 26px;
}
#peepShow .slide .mojoBtn {
	margin: 0;
	padding-left: 10px;
	background: url('/themes/butler/images/peepshow-btn-left.gif') top left no-repeat;
}
#peepShow .slide .mojoBtn span {
	padding-right: 10px;
	background: url('/themes/butler/images/peepshow-btn-right.gif') top right no-repeat;
}
#peepShow .slide .mojoBtn span span {
	padding: 0 8px 1px 8px;
	color: #333;
	background: url('/themes/butler/images/peepshow-btn-bg.gif') top center repeat-x;
}

/*
-----------Site-wide Tags-----------
*/
.imgRt, imgLt {
	color: #666;
	font-weight: bold;
	line-height: 15px;
}
.imgRt, imgLt, .imgRt p, imgLt p {
	font-size: 12px;
}
.altItem {
	background:#ccc;
}

/*
-----------Page Layout-----------
*/
#pageWrap {
	background: #fff;
}
#pageContent {
	padding: 32px 0 0 0;
}
#mainContent {
	width: 100%;
}
#content {
	padding: 8px 20px 40px 40px;
}
#secContent {
	width: 200px;
	margin: 0 20px 10px 0;
}
#tertiaryContent {
	width: 200px;
	margin: 0 0 10px 20px;
}
.homePage #pageContent {
	padding: 0;
}
.homePage #content {
	padding-bottom: 20px;
}

/*
-----------Header-----------
*/
#header {
	height: 117px;
	border-bottom: 1px solid #f3f4f5;
	background: url('/themes/butler/images/header-bg.gif') top right no-repeat;
	z-index: 1;
}
.homePage #header {
	border: none 0;
}
#header .logo {
	top: 31px;
	left: 15px;
}
#header .tagline {
	position: absolute;
	top: 31px;
	left: 323px;
}
#header .countrySwitch, #header .countrySwitch a {
	color: #000;
	padding: 0 3px;
	text-decoration: none;
}
#header .countrySwitch a:hover {
	text-decoration: underline;
}
#header .countrySwitch {
	position: absolute;
	top: 40px;
	right: 10px;
	padding: 0;
}

/*
-----------SubHeader-----------
*/
#subHeader {
	padding-bottom: 13px;
	margin-bottom: 10px;
	background: #111111 url('/themes/butler/images/subheader-bg.gif') bottom center repeat-x;
}
#peepShow {
	background: url('/themes/butler/images/peepshow-bg.gif') top center repeat-x;
}
#peepShow .slide {
	display: none;
}
#peepShow .slide * {
	color: #fff;
	font-size: 18px;
	line-height: normal;
}
#peepShow .slide .mainImg {
	float: left;
}
#peepShow .slide .content {
	width: 300px;
	padding: 60px 30px 25px 15px;
	float: right;
}
#peepShow .slide .content .heading {
	display: block;
	margin-bottom: .45em;
	font-size: 38px;
	line-height: 1em;
}
#peepShow .slide .content .mojoBtn {
	margin-top: 20px;
	float: right;
}
#peepShow .controls li a {
	padding: 4px 5px;
	color: #fff;
	text-decoration: none;
}
#peepShow .controls li.btnPrev a, #peepShow .controls li.btnNext a {
	background: url('/themes/butler/images/peepshow-prev.gif') center center no-repeat;
}
#peepShow .controls li.btnNext a {
	background-image: url('/themes/butler/images/peepshow-next.gif');
}

/*
----------Nav Design-----------
*/
#navWrap {
	position: absolute;
	bottom: 0;
	right: 0;
}
.inPageNav 
{
	margin-bottom: 15px;
}
#navWrap, 
.inPageNav {
	background: #151515 url('/themes/butler/images/nav-bg.gif') top center repeat-x;
}
#navWrap li, .inPageNav li {
	background: url('/themes/butler/images/nav-divider.gif') top right no-repeat;
}
#navWrap li.last, .inPageNav li.last {
	background-image: none;
}
#navWrap li a, .inPageNav li a {
	padding: 8px 9px 7px 8px;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, Times, serif;
	font-size: 13px;
	text-decoration: none;
}
#navWrap li.first a:hover,
.inPageNav li.first a:hover,
#navWrap li.sfHover.first a,
.inPageNav li.sfHover.first a {
	background-image: url('/themes/butler/images/nav-corner-left-over.gif');
}
#navWrap li.first a,
.inPageNav li.first a {
	background: url('/themes/butler/images/nav-corner-left.gif') top left no-repeat;
}
#navWrap li.last a:hover,
.inPageNav li.last a:hover,
#navWrap li.sfHover.last a,
.inPageNav li.sfHover.last a {
	background-image: url('/themes/butler/images/nav-corner-right-over.gif')
}
#navWrap li.last a,
.inPageNav li.last a 
{
	padding-right: 8px;
	background: url('/themes/butler/images/nav-corner-right.gif') top right no-repeat;
}
#navWrap li ul,
.inPageNav li ul
 {
	border: solid #888686;
	border-width: 0 1px;
}
#navWrap li a:hover,
.inPageNav li a:hover,
 #navWrap li.sfHover a,
.inPageNav li.sfHover a {
	background-color: #005ea9;
	color: #fff;
}
#navWrap li.sfHover li a:hover,
.inPageNav li.sfHover li a:hover {
	background-color: #004B97;
}
#navWrap li.sfHover li a:hover,
.inPageNav li.sfHover li a:hover,
#navWrap li.sfHover.first li a,
.inPageNav li.sfHover.first li a, 
#navWrap li.sfHover.last li a,
.inPageNav li.sfHover.last li a, 
#navWrap.nav li ul li.first a,
.inPageNav li ul li.first a, 
#navWrap.nav li ul li.last a,
.inPageNav li ul li.last a {
	background-image: none;
}
#navWrap li li a,
.inPageNav li li a, 
#navWrap li.sfHover li a,
.inPageNav  li.sfHover li a {
	border-bottom: 1px solid #888686;
	padding: 5px 8px;
	background: #575555 95% 50% no-repeat;
	font-size: 11px;
	line-height: normal;
}
#navWrap.nav li.sfHover li a.sf-with-ul,
.inPageNav.nav li.sfHover li a.sf-with-ul {
	padding-right: 20px;
	background-image: url('/themes/butler/images/nav-arrow.gif');
}
#navWrap li.sfHover li a:hover.sf-with-ul,
.inPageNav li.sfHover li a:hover.sf-with-ul {
	background-image: url('/themes/butler/images/nav-arrow-over.gif');
}
#navWrap li li ul,
.inPageNav li li ul {
	margin-top: -28px;
	border-width: 1px 1px 0 1px;
}

/*
-----------Bread Crumb-----------
*/
#breadCrumb {
	background: none;
}
#breadCrumb li, #breadCrumb li a {
	color: #3B73B9;
	font-size: 11px;
}
#breadCrumb li a {
	background: url('/images/breadcrumb.gif') right center no-repeat;
}

/*
-----------Sidebar-----------
*/
.incSidebarRight #content, .incSidebarLeft #content {
	width: 657px;
	border: solid #b7b8b8;
	border-width: 0 1px 0 0;
	float: left;
}
.incSidebarLeft #content {
	padding-right: 30px;
	padding-left: 30px;
	border-width: 0 0 0 1px;
}

.sidebar {
	width: 197px;
	float: left;
}
.sidebar big {
	display: block;
	margin-bottom: .5em;
	color: #66696a;
	font-size: 22px;
	line-height: 1em;
	text-decoration: none;
}
.sidebar a:hover big {
	text-decoration: underline;
}

.sidebarLeft {
	margin-right: -1px;
	border-right: 1px solid #b7b8b8;
	padding: 5px 20px 25px 25px;
}
.sidebarLeft .nav ul {
	display: inline-block;
	width: 100%;
	padding-bottom: 1px;
	background: #b7b8b8;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#b7b8b8', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, right top, from(#b7b8b8), to(#fff));
	background: -moz-linear-gradient(left, #b7b8b8, #fff);
}
.sidebarLeft .nav a {
	margin-top: 1px;
	padding: 2px 0 2px 5px;
	color: #0054a9;
	background: #fff;
	font-weight: bold;
	text-decoration: none;
	zoom: 1;
}
.sidebarLeft .nav a:hover {
	color: #0067ce;
	background: #f0f0f0;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#f0f0f0', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#fff));
	background: -moz-linear-gradient(left, #f0f0f0, #fff);
}

.sidebarRight {
	margin-left: -1px;
	border-left: 1px solid #b7b8b8;
	padding: 5px 25px 25px 20px;
}
.sidebarRight a.getMoreInfo, .sidebarRight a.requestDVD, .sidebarRight span.startNow {
	display: inline-block;
	*display: inline;
	margin: 20px 0 0 -10px;
	padding: 40px 0 0 58px;
	color: #000;
	background: url('/themes/butler/images/sidebar-get-more-info.gif') top left no-repeat;
	font-size: 11px;
	line-height: normal;
	text-decoration: none;
	zoom: 1;
	width: 149px;
}
.sidebarRight a.requestDVD {
	padding-top: 21px;
	background-image: url('/themes/butler/images/sidebar-request-dvd.gif');
}
.sidebarRight span.startNow {
	background-image: url('/themes/butler/images/sidebar-start-now.gif');
}
.sidebarRight a.getMoreInfo span, .sidebarRight a.requestDVD span {
	color: #f81b30;
	text-decoration: underline;
}
.sidebarRight a:hover.getMoreInfo span, .sidebarRight a:hover.requestDVD span {
	text-decoration: none;
}

/*
-----------General Column Formatting-----------
*/
.threeCol .listing {
	margin: 0 8px;
}
.fourCol .listing {
	margin: 0 7px;
}
.oneCol .col .listing {
	margin: 0;
}


/*
----------Footer----------
*/
#footer {
	position: relative;
	margin: 0 4px;
	padding: 40px 45px;
	color: #9a9a9a;
	background: url('/themes/butler/images/footer-bg.gif') top left no-repeat;
	font-size: 12px;
	zoom: 1;
	line-height: 1.25em;
}
#footer a {
	color: #9a9a9a;
	text-decoration: none;
	text-transform: uppercase;
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer .cssbi {
	position: absolute;
	top: 51px;
	left: 273px;
}
#footer .nav {
	position: absolute;
	bottom: 40px;
	right: 45px;
}

/*
--------Calendar Customization--------
*/
#dateSelector { }
#featureLink { border: solid #4a6a82 1px; }
#featureLink:hover { color: #4a6a82; }
#upcomingEvents { }
#upcomingEvents .category { }
#upcomingEvents .category h3 { border-bottom: solid #4E7083 1px; }
#upcomingEvents .event { }
#upcomingEvents .featured { }
#upcomingEvents .event h4 { margin-right: 15px; }
#upcomingEvents .event h5.date { font-size: 12px; }
h2.dateRange {
	font-size: 16px;
	color: #324B65;
}
a.eventLink {
	font-size: 16px;
	color: #324B65;
}

/*
----------Document/Link Library Tool----------
*/
.docs h2 { font-weight: bold; }
.docs .doc {
	width: auto;
	margin: 0;
}
.docs .oneCol .doc { margin: 0 0 2em; }
.docs .twoCol .doc { margin: 0 10px 2em; }
.doc .imgRt img {
	margin: 0 0 1em 0;
	border: 1px solid #B7B8B8;
}
.doc .imgLt a:hover, .doc .imgLt a:active { color: #192666; }

/*
--------Featured News Styles--------
*/
.featuredNews {
	margin-bottom: 1em;
}
.featuredNews .vertical {
	width: 100%;
	margin-bottom: .25em;
	border: 1px solid #cccdcd;
}
.featuredNews li a {
	padding: 10px 15px;
	color: #66696a;
	font-size: 14px;
}
.featuredNews li.altItem {
	background: #e3e5e5;
}
.featuredNews .viewAll {
	display: block;
	text-align: right;
	font-size: 12px;
}
#newsDetails .copyblock {
	margin-top: 1em;
}

/*
--------HomePage--------

.homePage a.getMoreInfo, .homePage a.requestDVD, .homePage span.startNow {
	display: block;
	min-height: 21px;
	height: auto !important;
	height: 21px;
	padding: 30px 55px 0 0;
	color: #000;
	background: url('/themes/butler/images/get-more-info.gif') top left no-repeat;
	font-size: 11px;
	text-decoration: none;
	line-height: 15px;
	zoom: 1;
}
.homePage a.requestDVD {
	padding-right: 85px;
	background-image: url('/themes/butler/images/request-dvd.gif');
}
.homePage span.startNow {
	background-image: url('/themes/butler/images/start-now.gif');
}
.homePage a.getMoreInfo span, .homePage a.requestDVD span {
	color: #f81b30;
	text-decoration: underline;
}
.homePage a:hover.getMoreInfo span, .homePage a:hover.requestDVD span {
	text-decoration: none;
}*/

.homePage a.getMoreInfo, .homePage a.requestDVD, .homePage span.startNow, .homePage a.builderCorner {
	display: inline-block;
	*display: inline;
	margin: 5px 0 0 -10px;
	padding: 40px 0 0 58px;
	color: #000;
	background: url('/themes/butler/images/sidebar-get-more-info.gif') top left no-repeat;
	font-size: 11px;
	line-height: normal;
	text-decoration: none;
	zoom: 1;
	width: 149px;
}
.homePage a.requestDVD {
	padding-top: 21px;
	background-image: url('/themes/butler/images/sidebar-request-dvd.gif');
}
.homePage a.builderCorner {
	padding-top: 21px;
	background-image: url('/themes/butler/images/sidebar-builder-corner.gif');
}
.homePage span.startNow {
	background-image: url('/themes/butler/images/sidebar-start-now.gif');
}
.homePage a.getMoreInfo span, .homePage a.requestDVD span, .homePage a.builderCorner span {
	color: #f81b30;
	text-decoration: underline;
}
.homePage a:hover.getMoreInfo span, .homePage a:hover.requestDVD span, .homePage a:hover.builderCorner span {
	text-decoration: none;
}


/*
-------- Photo Carousel --------
*/

.imgCategory
{
	margin: -.5em 0 .5em 0;
	font-size: 13px;
	
}

#playControls
{
	float: right;
	width: 160px;
}

#playControls #prev, 
#playControls #prev a, 
#playControls #next, 
#playControls #next a
{
	display: block;	
	width: 25px;
	float: left;
}
#playControls #nowViewing
{	
	width: 100px;
	padding: 2px 5px;
	text-align: center;
	float: left;	
}