/*
	Redemptorists - Main Stylesheet
*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #ffffff url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	font-family: 'trebuchet ms', verdana, sans-serif;
	font-size: 13px;
}

table tr td {
	font-size: 13px;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	width: 100%;
}

.clearit:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }   
.clearit { min-height: 0; height: 0; }   
html>body .clearit { height: auto; }

ul, ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* =Branding / main images
---------------------------------------------------------------------------------------------------- */
#header {
	width: 1000px;
	min-height: 124px;
	height: auto !important;
	height: 124px;
	margin: 0 auto;
	position: relative;
	z-index: 999;
}

#header #logo {
	float: left;
	width: 442px; 
	height: 65px;
	margin-top: 31px;
	margin-bottom: 28px;
}

#header #main-nav {
	background: url('../images/wrapper/main-nav-bg.gif') 0 0 no-repeat;
	width: 1000px;
	height: 55px;
	clear: both;
	margin: auto 0;
	position: relative;
}

/* =Toolbar
---------------------------------------------------------------------------------------------------- */
#header #toolbar {
	background: url('../images/wrapper/toolbar-bg.jpg') 0 0 no-repeat;
	width: 344px;
	height: 35px;
	float: right;
	margin-top: 31px;
	margin-right: 9px;
	padding-top: 14px;
}

#header #toolbar li {
	display: inline;
	line-height: 16px;
	padding-left: 28px;
}

#header #toolbar li a {
	color: #1d323a;
	text-decoration: none;
	text-transform: uppercase;
}

#header #toolbar li a:hover {
	color: #326274;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper-100 {
	background: url('../images/wrapper/main-bg.jpg') 50% 0 no-repeat;
	width: 100%;
	margin: 0 auto;
}

#wrapper {
	width: 1000px;
	margin: 10px auto 0 auto;
	padding-bottom: 40px;
	z-index: 10;
}

#wrapper #wrapper-inner {
	background: url('../images/wrapper/wrapper-bg-repeat.gif') 0 0 repeat-y;
	margin: 0 0 0 9px;
}

#wrapper #wrapper-inner-btm {
	background: url('../images/wrapper/wrapper-btm.gif') 0 100% no-repeat;
	padding-bottom: 3px;
}

#wrapper #wrapper-inner #main-content {
	background: url('../images/wrapper/wrapper-bg.jpg') 0 0 no-repeat;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#main-content #left-col {
	float: left;
	width: 202px;
	padding-top: 32px;
}

#main-content #left-col h2 {
	padding-left: 24px;
}

#main-content #content {
	float: left;
	width: 789px;
}

#main-content #content .left {
	float: left;
	width: 552px;
}

#main-content #content .right {
	float: left;
	width: 237px;
	padding-top: 14px;
	padding-bottom: 25px;
}

#main-content #content #text-content {
	padding: 25px 30px 10px 41px;	
}

/* Audio Video block */
#main-content #audio-video {
	color: #2f2f2f;
	font-size: 12px;
	margin-left: 1px;
	margin-bottom: 25px;
}

#main-content #audio-video #audio-video-content {
	padding: 0 20px 0 38px;
	position: relative;
}

#main-content #audio-video #audio-video-content #audio-video-pager {
	position: absolute;
	top: -55px;
	right: 20px;
}

#main-content #audio-video #audio-video-content #audio-video-pager li {
	float: left;
	padding-left: 10px
}

#main-content #audio-video #audio-video-content #audio-video-pager li.prev {
	padding-right: 5px;
}

#main-content #audio-video #audio-video-content #audio-video-pager li.next {
	padding-left: 15px;
}

#main-content #audio-video .vid {
	margin-top: 3px;
	margin-bottom: 10px;
	padding: 18px 0 18px 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

#main-content #audio-video .vid-thumb {
	display: block;
	float: left;
	margin-right: 10px;
}

#main-content #audio-video .featured-thumb {
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

#main-content #audio-video ul {
	clear: both;
}

#main-content #audio-video ul li {
	line-height: 17px;
	padding: 12px 0 12px 0;
}

#main-content #audio-video .podcast {
	background: url('../images/wrapper/icon-podcast2.gif') 0 2px no-repeat;
	min-height: 32px;
	height: auto !important;
	height: 32px;
	padding-left: 42px;
}

#main-content #audio-video .podcast-links {
	padding-left: 42px;
	padding-top: 10px;
}

#main-content #audio-video .podcast-links a {
	display: block;
	float: left;
	line-height: 24px;
}

/* =Layout homepage
---------------------------------------------------------------------------------------------------- */
#home #wrapper {
	width: 1017px;
	margin: 0 auto ;
	padding-bottom: 40px;
}

#home #feature {
	background: url('../images/wrapper/feature-bg.gif') 0 0 repeat-y;
	width: 996px;
	margin: 9px auto 0 17px;
	position: relative;
	z-index: 100;
}

#feature #feature-btm {
	background: url('../images/wrapper/feature-btm.gif') 0 100% no-repeat;
	padding-bottom: 2px;
}

#feature #feature-inner {
	background: url('../images/wrapper/__feature-top.jpg') 0 0 no-repeat;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	padding: 29px 0 8px 17px;
}

#flash-content-block {
	float: left;
	width: 651px; 
	height: 312px;
}

#flash-content-block img { /* temp */
	display: block;
}

#flash-content-block .feature-btns {
	padding: 16px 0 0 3px;
}

#flash-content-block .feature-btns li {
	float: left;
	padding-right: 21px;
}

#home #wrapper #right-column {
	width: 326px;
	position: absolute;
	right: 8px;
	top: 29px;
	z-index: 10000;
}
#home #wrapper #right-column #img-container {
	margin-top: 20px;
}

#home #wrapper #right-column #prayer-image {
	margin: 10px 0 0 45px;
}

/* Sight & Sound */
#feature #feature-block {
	background: url('../images/wrapper/feature-block-bg-repeat.jpg') 0 0 repeat-y;
	width: 326px;
}

#feature #feature-block #feature-block-btm {
	background: url('../images/wrapper/feature-block-btm.jpg') 0 100% no-repeat;
	padding-bottom: 2px;
}

#feature #feature-block #feature-block-inner {
	background: url('../images/wrapper/feature-block-top.jpg') 0 0 no-repeat;
	padding: 20px 8px 0 20px;
	min-height: 315px;
	height: auto !important;
	height: 315px;
}

#feature #feature-block h1 {
	height: 36px
}

#feature #feature-block .vid-thumb {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
}

#feature #feature-block .featured-thumb {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}


#feature #feature-block ul {
	clear: both;
	margin-top: 0;
	margin-left: 0;
}

#feature #feature-block ul li {
    /*background: url('../images/wrapper/feature-block-divider.gif') 0 0 no-repeat;*/
	padding: 4px 0 4px 0;
}

#feature-block .podcast {
	padding-left: 0px;
}

#feature-block .podcast-links {
	padding-top: 2px;
}

#feature-block .podcast-links a {
	font-size: 12px;
}

#feature-block .podcast-links .download-podcast {
	background: url('../images/wrapper/icon-dowload-podcast.gif') 0 0 no-repeat;
	margin-left: 15px;
	padding-left: 30px;
}

#home #content-bottom {
	clear: both;
	position: relative;
	margin: 0 0 0 -3px;
	z-index: 10;
}

/* News and Events */
#home #content-bottom .news-events-slice {
	background: url('../images/wrapper/news-events-slice.gif') 0 0 no-repeat;
	width: 12px;
	height: 69px;
	position: absolute;
	top: -68px;
	left: 8px;
}

#home #content-bottom #content-bottom-right {
	float: left;
	width: 262px;
	padding-left: 18px;
	padding-top: 225px;
	position: relative;
}

#home #news-events {
	background: url('../images/wrapper/news-events-bg.gif') 0 0 repeat-y;
	width: 717px;
	float: left;
	margin-top: 0;
}

#home #news-events-btm {
	background: url('../images/wrapper/news-events-btm.jpg') 0 100% no-repeat;
}

#home #news-events-inner {
	background: url('../images/wrapper/news-events-top.jpg') 0 0 no-repeat;
	min-height: 340px;
	height: auto !important;
	height: 340px;
	padding: 48px 0 0 44px;
}

#home #news-events-inner h2 .rss {
	padding-left: 12px;
	line-height: 16px;
}

#home #news-events-inner .news {
	float: left;	
	width: 370px;
}

#home #news-events-inner .news ul {
	padding: 28px 0 0 0;
}

#home #news-events-inner .news ul li {
	padding-bottom: 24px;
	line-height: 17px;
}

#home #news-events-inner .news .news-date {
	background: url('../images/wrapper/news-date-bg.gif') 0 0 no-repeat;
	color: #1d323a;
	float: left;
	font-size: 12px;
	width: 40px;
	height: 40px;
	line-height: 15px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 6px;
}

#home #news-events-inner .news .news-thumb {
	float: right;
	display: block;
	margin-left: 5px;
}

#home #news-events-inner .news .news-text {
	float: left;
	width: 300px;
	padding-left: 8px;
}

#home #news-events-inner .news .news-text a.read-more {
	font-size: 13px !important;
}

#home #news-events-inner .news .news-text a.special {
	color: #274754;
}

#home #news-events-inner .news .news-text a:hover.special {
	color: #000000;
}

/* Events calendar */
#home #news-events-inner .events {
	float: left;
	width: 260px;
	padding-left: 10px;
}

#home #news-events-inner .events .events-calendar {
	padding-top: 18px;
}

#home #news-events-inner .events .events-calendar ul {
	padding: 5px 0 20px 0;
}

#home #news-events-inner .events .events-calendar ul li {
	padding-bottom: 10px;
	line-height: 17px;
}

#home #news-events-inner .events .events-calendar .events-date {
	color: #1d323a;
	float: left;
	padding-top: 6px;
}

#home #news-events-inner .events .events-calendar .events-text {
	float: left;
	width: 250px;
}

#home #news-events-inner .events .calendar-controls {
	padding-bottom: 5px;
}

#home #news-events-inner .events .calendar-controls li {
	float: left;
}

#home #news-events-inner .events .calendar-controls li.next {
	float: right;
}

#home #news-events-inner .events .calendar-controls li.month {
	color: #1d323a;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 66px;
}

/* =Landing page
---------------------------------------------------------------------------------------------------- */
#landing #wrapper {
	margin: 0 auto 0 auto;
}

#landing #header {
	min-height: 117px;
	height: auto !important;
	height: 117px;
}

#landing #header #logo {
	margin-bottom: 0;
	margin-left: 35px;
}

#landing #wrapper #wrapper-inner #main-content {
	background: url('../images/landing/wrapper/wrapper-landing-bg.jpg') 0 0 no-repeat;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#landing .utilities {
	background: none;
}

#landing #main-content #left-col {
	/* background: url('../images/landing/wrapper/left-crosses.jpg') 2px 100% no-repeat !important; */
	background: none !important;
	color: #681111;
	width: 215px;
	padding-top: 32px;
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

#landing #main-content #left-col p {
	padding: 12px 20px 0 20px;
	text-align: center;
}

#landing #main-content #left-col #left-quote {
	background: url('../images/landing/wrapper/left-quote-divider.jpg') 50% 100% no-repeat;
	padding: 10px 0 25px 0;
}

#landing h1 {
	font-family: 'trebuchet ms', verdana, sans-serif;
	font-size: 22px;
	color: #681111;
	text-align: center;
	line-height: 32px;
	margin-top: 8px;
}

#landing #main-content #left-col #left-quote-no {
	background: none !important;
	padding: 10px 0 25px 0;
}

#landing #main-content #left-col #left-quote img {	
	display: block;
	margin: 0 auto;
}

#landing #main-content #content {
	float: left;
	width: 775px;
}

#landing #main-content #content .right {
	float: right;
	width: 200px;
	padding-top: 14px;
	padding-right: 7px;
	padding-bottom: 25px;
}

#landing #main-content #content .right #button-holder a {
	display: block;	
}

#landing #main-content #content #text-content {
	position: relative;
	top: -36px;
	padding: 0 30px 10px 30px;	
}

/* Typography */
#landing #main-content #content #text-content h1 img {
	margin: 0;
}

/* =Left nav
---------------------------------------------------------------------------------------------------- */
#main-content #left-col #left-nav {
	background: url('../images/wrapper/left-nav-divider.gif') 24px 0 no-repeat;
	font-size: 12px;
	margin-top: 14px;
	padding: 0 0 0 24px;
}

#main-content #left-col #left-nav li {
	background: url('../images/wrapper/left-nav-divider.gif') 0 100% no-repeat;
	line-height: 16px;
	padding: 7px 10px 7px 0;
}

#main-content #left-col #left-nav li a {
	font-size: 13px;
	text-decoration: none;
}

#main-content #left-col #left-nav li a:hover {
	color: #000;
}

#main-content #left-col #left-nav li a.active {
	font-weight: bold;
}

#main-content #left-col #left-nav li ul {
  	color : #2F2F2F;
}

#main-content #left-col #left-nav li ul li {
	line-height: 14px;
	padding: 4px 10px 4px 0;
	list-style-type:square;
	background: none !important;
	margin: 0 0 0 16px;
}

/* =Breadcrumb / Utilities
---------------------------------------------------------------------------------------------------- */
.utilities {
	background: url('../images/wrapper/breadcrumb-border.gif') 51% 100% no-repeat;
	padding: 25px 25px 0 41px;
	min-height: 32px;
	height: auto !important;
	height: 32px;
}

.utilities .font-sizer {
	float: right;
}

.utilities .font-sizer li {
	float: left;
	line-height: 16px;
	padding-left: 5px;
}

.utilities .font-sizer li.add-this {
	padding-left: 10px;
}

.utilities .breadcrumb a {
	background: url('../images/wrapper/toolbar-nav-arrow.gif') 100% 3px no-repeat;
	color: #681111;
	font-size: 12px;
	line-height: 15px;
}

.utilities .breadcrumb a:hover {
	color: #000;
}

/* =Sidebars
---------------------------------------------------------------------------------------------------- */
.right .rule {
	background: url('../images/wrapper/rule-bg.jpg') 0 0 no-repeat;
	min-height: 310px;
	height: auto !important;
	height: 310px;
	font-size: 12px;
	margin-bottom: 14px;
}

.right .rule-sm {
	background: url('../images/wrapper/rule-bg.jpg') 0 0 no-repeat;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	font-size: 12px;
	margin-bottom: 14px;
}

.right .rule h3, .right .rule-sm h3 {
	padding-top: 14px;
}

.right .rule p, .right .rule-sm p {
	padding: 0 35px 0 20px;
	line-height: 18px;
}

.right .support {
	background: url('../images/wrapper/support-bg.jpg') 0 0 no-repeat;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	font-size: 12px;
	margin-bottom: 14px;
}

.right .support h3 {
	padding-top: 14px;
}

.right .support p {
	padding: 0 35px 0 22px;
	line-height: 18px;
}

.right .common-sidebar {
	background: url('../images/wrapper/related-info-top.gif') 0 1px no-repeat;
	margin-bottom: 14px;
	font-size: 12px;
}

.right .common-sidebar h3 {
	padding-top: 14px;
}

.right .common-sidebar .common-sidebar-inner {
	background: url('../images/wrapper/related-info-bg.gif') 0 0 repeat-y;
	width: 213px;
	border-bottom: 1px solid #d9e4e8;
}

.right .common-sidebar .common-sidebar-inner ul {
	padding: 5px 10px 5px 16px;
}

.right .common-sidebar .common-sidebar-inner ul li {
	line-height: 18px;
	padding-bottom: 14px;
}

.right .common-sidebar .common-sidebar-inner ul li a.pdf {
	background: url('../images/wrapper/icon-pdf.gif') 0 1px no-repeat;
	display: block;
	line-height: 18px;
	padding-left: 21px;
}

.right .common-sidebar .common-sidebar-inner ul li a.audio {
	background: url('../images/wrapper/icon-audio.gif') 0 1px no-repeat;
	display: block;
	line-height: 16px;
	padding-left: 24px;
}

.right .common-sidebar .common-sidebar-inner ul li a.online {
	background: url('../images/support/icon-donate.gif') 0 1px no-repeat;
	display: block;
	line-height: 18px;
	padding-left: 24px;
}


.right .common-sidebar .common-sidebar-inner p {
	padding: 0 6px 6px 16px;
	line-height: 18px;
}

.right .common-sidebar .common-sidebar-inner h2 {
	color: #2f2f2f;
	font-size: 14px;
	text-transform: uppercase;	
	margin: 0 12px 4px 12px;
}

.right .common-sidebar .common-sidebar-inner .common-sidebar-thumb {
	display: block;
	float: left;
	margin: 10px 10px 10px 20px;
}

.right .common-sidebar .common-sidebar-inner .common-sidebar-video {
	display: block;
	float: left;
	margin: 8px 10px 4px 0;
}

.right .common-sidebar .common-sidebar-inner .common-sidebar-text {
	line-height: 18px;
	margin-bottom: 16px;
	padding: 10px 20px 0 20px;
}

/* Sidebar events calendar */
.right .common-sidebar .common-sidebar-inner #events-cal {
	padding-left: 10px;
	padding-right: 10px;
}

.right .common-sidebar .common-sidebar-inner #events-cal .calendar-controls {
	padding: 0 0 5px 0 !important;
}

.right .common-sidebar .common-sidebar-inner #events-cal .calendar-controls li {
	float: left;
	padding-bottom: 0;
}

.right .common-sidebar .common-sidebar-inner #events-cal .calendar-controls li.next {
	float: right;
}

.right .common-sidebar .common-sidebar-inner #events-cal .calendar-controls li.month {
	color: #1d323a;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 39px;
}

/* Form elements */
.right .common-sidebar .common-sidebar-inner #events-cal form {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.right .common-sidebar .common-sidebar-inner #events-cal select.month {
	background: #fff;
	width: 110px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #dddddd;
	
}

.right .common-sidebar .common-sidebar-inner #events-cal select.year {
	background: #fff;
	width: 78px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #dddddd;
}

.right .common-sidebar .common-sidebar-inner #events-cal .submit {
	margin-top: 8px;
	text-align: right;
}

.right .common-sidebar .common-sidebar-inner #events-cal .submit input {
	cursor: pointer;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:link, a:focus {
	color: #681111;
	outline: none;
}

a:hover {
	outline: none;
	color: #000;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */
#main-content #text-content ul {
	margin: 4px 0 16px 30px
}

#main-content #text-content ul li {
	line-height: 16px;
	padding: 0 0 2px 0;
	list-style-type: square;
}

#main-content #text-content ol {
	margin: 16px 0 16px 34px
}

#main-content #text-content ol li {
	line-height: 16px;
	padding: 0 0 2px 0;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#main-content #text-content {
	color: #2f2f2f;
}

#main-content #text-content p {
	color: #2f2f2f;
	line-height: 18px;
	margin-bottom: 16px;
}

#main-content #text-content h1 {
	color: #2f2f2f;
	font-size: 18px;
	text-transform: uppercase;	
	margin: 0 0 18px 0;
}

#main-content #text-content h2, #audio-video #audio-video-content h2 {
	color: #681111;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 8px 0;
	text-transform: uppercase;	
}

#main-content #text-content h3 {
	color: #681111;
	font-size: 14px;
	margin: 0 0 8px 0;
}

#main-content #text-content p.callout {
   background: #E4E9ED;
   padding: 10px;
   margin-right:18px;
   margin-left: 30px;
   font-style: italic;
}

#main-content #text-content .callout {
   background: #E4E9ED;
   padding: 10px;
   margin-right:18px;
   margin-left:10px;
   font-style: italic;
   width: 400px;
}

#main-content #text-content img.right-align {
	margin: 5px 0 10px 16px;
}

#main-content #text-content img.left-align {
	margin: 5px 16px 10px 0;
}

#landing #main-content #text-content .hdr-image {
	display: block;
	margin: 0;
}

#main-content #text-content img {
	margin: 4px 8px 4px 8px;
}

#main-content #text-content .validation {
	color: #681111;
}

/* =Tables
---------------------------------------------------------------------------------------------------- */
.data {
	border-right: 1px solid #D1D0B5;
	border-bottom: 1px solid #D1D0B5;
	margin: 8px 0 16px 0;
}

.data tr th {
	background: #E2EAED;
	text-align: left;
	line-height: 15px;
	padding: 4px 6px 4px 6px;
	border-top: 1px solid #D1D0B5;
	border-left: 1px solid #D1D0B5;
}

.data tr td {
	line-height: 15px;
	padding: 5px 6px 5px 6px;
	border-top: 1px solid #D1D0B5;
	border-left: 1px solid #D1D0B5;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url('../images/wrapper/footer-bg.jpg') 0 0 no-repeat;
	clear: both;
	font-size: 11px;
	width: 980px; 
	height: 71px;
	margin: 38px 0 0 10px;
}

#home #footer {
	margin: 38px 0 0 26px;
}

#footer p {
	line-height: 19px;
}

#footer .site-info {
	float: left;
	width: 475px;
	padding: 8px 0 0 16px;
}

#footer .site-info a {
	margin-left: 0;
}

#footer .footer-logo {
	float: left;
	padding: 10px 20px 0 0;
}

#footer .crest-logo {
	float: right;
	margin-top: 1px;
}

#footer .font-sizer, #footer .font-sizer li, 
#footer .social-icons, #footer .social-icons li  {
	float: left;
}

#footer .font-sizer {
	padding: 25px 30px 0 0;
}

#footer .font-sizer li {
	font-size: 13px;
	padding-left: 8px;
	line-height: 23px;
}

#footer .social-icons {
	padding: 25px 0 0 0;
}

 #footer .social-icons li {
 	padding-right: 16px;
 }

/* =Main nav and dropdown
---------------------------------------------------------------------------------------------------- */
ul#menu  {
	width: 1000px;
	margin: 0 auto;
}

ul#menu li a {
	display: block;
	height: 55px;
	text-indent: -9999px;
}

ul#menu li a#who {
	background: url('../images/menu-who.gif') 0 0 no-repeat;
	width: 125px;
	margin-left: 44px;
}

ul#menu li a#work {
	background: url('../images/menu-work.gif') 0 0 no-repeat;
	width: 139px;
	margin-left: 16px;
}

ul#menu li a#join {
	background: url('../images/menu-join.gif') 0 0 no-repeat;
	width: 89px;
	margin-left: 8px
}

ul#menu li a#support {
	background: url('../images/menu-support.gif') 0 0 no-repeat;
	width: 122px;
	margin-left: 17px;
}

ul#menu li a#prayer {
	background: url('../images/menu-prayer.gif') 0 0 no-repeat;
	width: 203px;
	margin-left: 15px;
}

ul#menu li a#news {
	background: url('../images/menu-news.gif') 0 0 no-repeat;
	width: 167px;
	margin-left: 20px;
}

ul#menu li a:hover, ul#menu li a.active {
	background-position: 0 -55px !important;
}

ul#menu li ul {
	background: #e2eaed;
	width: 200px;
	border: 1px solid #bdccd3;
	margin: 22px 0 0 2px;
	padding: 10px 0 10px 0;
}

ul#menu li ul li {
	line-height: 13px;
}

ul#menu li ul li ul {
	margin-left: 40px;
	margin-top: 0;
}

ul#menu li ul li a {
	background: none !important;
	color: #000 !important;
	display: block;
	font-size: 13px;
	text-indent: 0;
	width: auto !important;
	min-height: 14px;
	height: auto !important;
	height: 14px;
	line-height: 16px;
	text-decoration: none;
	padding: 6px 10px 5px 10px;
} 

ul#menu li ul li a:hover {
	background: #fff !important;
	color: #1d323a !important;
}	

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	outline: 0;
}

/* Essential Styles - modify with caution */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em;
	z-index: 9999;
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit; /* Fixes IE7 'sticky bug' */
}

.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* Match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 150px; /* Match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* Match ul width */
	top: 0;
}

.sf-sub-indicator { /* Use if needed */
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -999em;
	overflow: hidden;
}

/* Apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	margin: 0;
}

/* Main menu item styles */
#menu li.sfHover a, #menu li a.active {
	background-position: 0 -55px !important;
}

/* =Tooltip
--------------------------------------------------------------------------------------------------- */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#E4E9ED;
	padding:2px 5px;
	color:#333;
	display:none;
	width: 300px;
	}

/* =Share This Box
---------------------------------------------------------------------------------------------------- */
#shareBox{
	margin-top:10px;
	background-color:#F0F0F0;
	width:105px;
	padding:4px 8px 4px 8px;
	border:#CCCCCC 1px solid;
}

#shareBox p{
	margin-bottom:1px;
}

.addthis_toolbox{
	margin-top:1px;
	padding-top:1px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS HTML Styles */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Cart body, td, th, p {
	font-family: 'trebuchet ms', verdana, sans-serif;
	font-size: 13px;
}

#Cart a:link {
	color: #681111;
}
#Cart a:visited {
	color: #681111;
}
#Cart a:hover {
	color: #000000;
	text-decoration:none;
}
#Cart a:active {
	color: #681111;
	text-decoration:none;
}

#Cart hr{
	color: #696969;
	height: 1px;
	width: 90%;
}

#Cart h1 {
	color: #ED1C24;
	font-size: 14px;
	margin: 0px; 
	/*border-bottom:3px double #868686;*/
}

#Cart h2 {
	color: #696969;
	font-size: 18px;
}

/*Form Elements*/
#Cart form {
	margin: 0px;
}

#Cart input, select, textarea {
	font-family: 'trebuchet ms', verdana, sans-serif;
 	font-size: 12px;
	color: #002252;
	border: 1px inset #979797;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 3.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
#Cart input.formCheckbox {
	border: none;
	background: transparent;
}

#Cart input.formButton {
	background: #274754;
	border-bottom: 1px solid #00357D;
	border-left: 1px solid #00357D;
	border-right: 1px solid #274754;
	border-top: 1px solid #274754;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
#Cart table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #696969;
	border-collapse: collapse;
}
#Cart table.tabularData td, table.tabularData th{
	padding: 3px;
}
#Cart table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #979797;
	color: #FFFFFF;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
#Cart .altRowEven {
	background-color: #E6E6E6; /*#E6E6E6;*/
}
#Cart .altRowOdd{
	background-color: #D6D6D6; /*#D6D6D6;*/
}

/* oldprice is displayed when there is a discount */
#Cart .oldprice {
	text-decoration: line-through;
}
#Cart .smallprint {
	font-size: 10px;
}

#Cart .pagingLinks {
	text-align: center;
}

#Cart .errorMessage {
	color: #993333;
	font-weight: bold;
}
/* This aligns products to the top of the table cell with horizontal display of results */
#Cart table#tableSearchResults td {
	vertical-align:top;
}

/* =Content slider
---------------------------------------------------------------------------------------------------- */
.carousel-container {
	/*background: url('../images/wrapper/carousel-top.jpg') 0 0 no-repeat;*/
	position: relative;
	width: 488px;
	margin-left: 38px;
	margin-bottom: 40px;
	padding-top: 0;
	overflow: hidden !important;
}

.carousel-btm {
	background: url('../images/wrapper/carousel-btm.jpg') 0 100% no-repeat;
	padding-bottom: 30px;
}

.carousel {
	left: -5000px;
	visibility: hidden;
	width: 391px;
	height: 160px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}

.carousel ul {
	height: 250px;
}

.carousel ul li {
	width: 187px;
	height: 250px;
	padding: 0 10px 0 18px
}

.carousel ul li a {
	display: block;
}

.carousel ul li .caption {
	font-size: 12px;
	color: #2f2f2f;
	line-height: 16px;
	margin-top: 10px;
	text-align: center;
}

.carousel-container a.prev {
	background: url('../images/wrapper/btn-prev.png') 0 0 no-repeat;
	display: block;
	width: 33px;
	height: 33px;
	text-indent: -9999px;
	position: absolute;
	top: 80px;
	left: 5px;
	z-index: 10;
	cursor: pointer;
}

.carousel-container a.next {
	background: url('../images/wrapper/btn-next.png') 0 0 no-repeat;
	display: block;
	width: 33px;
	height: 33px;
	text-indent: -9999px;
	position: absolute;
	top: 80px;
	right: 5px;
	z-index: 10;
	cursor: pointer;
}