/*
    Royal Tyrell Museum main.css 
    Author: Phil Champagne 
    RealDecoy Inc.
*/    
/* =Global
------------------------------------------------------------------------------ */
body {
    background: #fff;
}
.clearfix:after { 
    content: ""; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}
.clearfix { 
    min-height: 0; 
    height: 0; 
}
html>body .clearfix {
    height: auto; 
}
.clear {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
.print {
    display: none;
    visibility: hidden;
}
.addThis {
    display: none;
    visibility: hidden;
}
ul {
    margin: 0;
    padding: 0;
}
/* =Branding/header
------------------------------------------------------------------------------ */
#brandingOuter {
    background: none;
}
#branding {
    width: 100%;
    min-height: 90px;
    height: auto !important;
    height: 90px;
}
#flashTimeline {
   display: none;
   visibility: hidden;
}
#branding #brandingInner {
    width: 100%;
    margin: 0 auto 0 auto;
}
#branding #brandingInner #logo {
    display: block;
    width: 168px;
    margin: 0;
}
/* =Utility nav and search 
------------------------------------------------------------------------------ */
#utilities {
    display: none;
    visibility: hidden;  
}
/* =Main and sub navigation
------------------------------------------------------------------------------ */
ul#mainNav {
    display: none;
    visibility: hidden;
}    
/* Sub nav */
#subNav {
    display: none;
    visibility: hidden;
}
/* =Layout
------------------------------------------------------------------------------ */
#wrapper {
    clear: both;
    width: 100%;
}
#wrapperInner {
    width: 100%;
    position: relative;
}
#wrapperInnerBg {
    width: 100%;
    min-height: 250px;
    height: auto !important;
    height: 250px;
}
#mainContent {
    width: 100%;
    position: relative;
    padding: 0;
}
#mainContent .textContent {
    padding: 10px 0 25px 10px;
    width: 100%;
}
#mainContent .textContent .contentDivider {
   display: none;
   visibility: hidden;
}
#wrapper #twoColContainer {
    width: 700px;
    float: left;
}
#wrapper .leftCol .LeftColHr {
    display: none;
    visibility: hidden;
}
#wrapper .leftCol {
    float: left;
    width: 248px;
    margin: 0;
    padding: 10px 0 0 0;
    position: relative;
}
#wrapper .middleCol {
    float: left;
    width: 420px;
    margin: 0;
    padding: 0 0 0 10px;
}
#wrapper .middleColFull {
    width: 100%;
}
#wrapper .rightCol {
    display: none;
    visibility: hidden;
}
/* =Layout Programs landing page = 2 Col layout
------------------------------------------------------------------------------ */
#mainContent #programsLanding {
    width: 100%;
    padding: 0;
}
#mainContent .leftPrograms {
    float: left;
    width: 45%;
    padding: 10px 0 0 0;
}
#mainContent .rightPrograms {
    float: right;
    width: 45%;
    padding: 10px 0 0 0;
}
#mainContent .summerPrograms {
    width: 45%;
    height: 266px;
}
#mainContent .schoolPrograms {
    width: 45%;
    height: 266px;
}
#mainContent .summerPrograms a, #wrapper #mainContent .schoolPrograms a { 
    display:  block;
    position: relative;
    top: 210px;
    left: 20px;
}
#mainContent .programLinks {
    margin: 10px 0 0 0;
    padding: 0 0 0 30px;
}
#mainContent .programLinks li {
    float: left;
    width: 179px;
    height: 195px;
    margin-right: 10px;
    padding: 10px 0 0 0;
}
#mainContent .programLinks li a {
    display: block;
}
#mainContent .programLinks li img {
    display: block;
    margin: 0;
    padding: 0 0 8px 0;
}
/* =Layout / Visit landing page = 2 Col layout
------------------------------------------------------------------------------ */
#wrapper #mainContent #parchmentImg {
   display: none;
   visibility: hidden;
}
#wrapper .left {
    width: 100%;
    padding: 0;
}
#wrapper .right {
    width: 100%;
    padding: 0;
}
#directionsBlock {
    position: relative;
    left: 0;
    margin: 0;
    z-index: 999;
}
#directionsBlock #directionsBlockInner {
    width: 45%;
    padding: 10px 0 0 0;
}
#directionsBlock #directionsBlockInner #directionsMap {
    margin: 22px 0 0 0;
}
#directionsBlock #directionsDetails {
    height: auto;
}    
#directionsBlock #directionsDetails .directionsInfoTxt {
    float: left;
    width: 190px;
    padding: 0 0 0 20px;
}    
#directionsBlock #directionsDetails .directionsInfoLink {
    float: right;
    width: 175px;
    padding: 28px 10px 0 0;
}    
#directionsBlock #directionsDetails .directionsInfoLink a.viewDetailedDirections {
    display: block;
    width: 123px;
    height: 35px;
}
#directionsBlock #directionsDetails .directionsInfoLink a.viewDetailedDirections span {
    display: none;
}
/* =Layout Exhibits landing page
------------------------------------------------------------------------------ */
#mainContent #exhibitsLanding {
    width: 100%;
    padding: 0;
}
#mainContent #exhibits {
    width: 100%; 
    margin: 0;
}
#mainContent #exhibitsLanding a.currentExhibits { 
    display: block;
    position: relative;
    top: 475px;
    left: 30px;
    width: 165px;
}
#mainContent .exhibitsLinks {
    float: right;
    position: relative;
    margin: 0;
    padding: 0;
}
#mainContent .exhibitsLinks li {
    width: 189px; 
    height: 209px;
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;
    cursor: pointer;
}
#mainContent .exhibitsLinks li img {
    display: block;
    margin: 0 0 0 12px;
    padding: 0 0 10px 0;
}
#mainContent .exhibitsLinks li a, #mainContent .exhibitsLinks li a img {
    display: block;
}
/* =Layout Research page
------------------------------------------------------------------------------ */
#mainContent #researchLanding {
    width: 100%;
    padding: 0;
}
#mainContent .researchLinks {
    margin: 20px 0 0 0;
}
#mainContent .researchLinks li {
    float: left;
    width: 281px;
    height: 319px;
    margin: 0 0 5px 4px;
    padding: 25px 0 0 0;
    cursor: pointer;
}
#mainContent .researchLinks li img {
    display: block;
    margin: 0 0 0 28px;
    padding: 0 0 12px 0;
}
#mainContent .researchLinks li a {
    display: block;
}
/* =Left col specific and block containers & other
------------------------------------------------------------------------------ */
.leftCol .LcMedia {
    padding: 0 0 8px 0;
}
.leftCol .LcMedia ul {
    position: relative;
}
.leftCol .LcMedia ul li {
    padding: 0 0 6px 0;
}
.leftCol .LcMedia ul li span {
    padding: 0;
    color: #000;
    font-size: 12pt;
}
.leftCol .LcMedia ul li a {
    color: #666;
}
.leftCol .contactInfo {
    margin: 20px 0 0 0;
}
.LcBlockContainer {
    width: 248px;
}
.LcBlockContainer .LcBlockContainerInner {
    padding: 16px 10px 10px 15px;
}
.LcBlockContainer .LcBlockContainerInner ul li {
    padding: 8px 0 0 0;
}
.LcBlockContainer .LcBlockBtmBtn a {
    display: inline;
    width: 100%;
    font-family: georgia, times, serif;
    color: #666;
    font-size: 12pt;
    text-decoration: none;
    line-height: 16px;
    margin-left: 10px;
}
/* Supplementary nav */
.leftCol #supplementaryNav {
    width: 100%;
    padding: 20px 0 20px 0;
}
.leftCol #supplementaryNav ul {
    margin: 10px 0 10px 0;
}
.leftCol #supplementaryNav ul li {
    padding: 0 0 6px 11px;
}
.leftCol .bioThumb {
    display: block;
    width: 248px;
    margin: 10px 0 10px 0;
}
.leftCol #supplementaryNav a.more {
    display: none;
    visibility: hidden;
}
/* =Middle col block containers
------------------------------------------------------------------------------ */
.McBlockContainer {
    width: 100%;
}
.McBlockContainer form {
    display: none;
    visibility: hidden;
}
.McBlockContainer .McBlockContainerInner {
    padding: 0;
}
.McBlockContainer .McBlockContainerInnerText { /* Without 'Programs' list */ 
    padding: 16px 10px 5px 10px;
}
.McBlockContainer .McBlockContainerInner ul {
    margin-bottom: 14px;
}
.McBlockContainer .McBlockContainerInner ul li span,
.McBlockContainer .McBlockContainerInnerText ul li span  {
    color: #000;
}
/* Styles for content within block container */
.McBlockContainer .McBlockContainerInner ul.contents {
    width: 100%;
    list-style: none !important;
}
.McBlockContainer .McBlockContainerInner ul.contents li {
    clear: both;
}
.McBlockContainer .McBlockContainerInner ul.contents li.first {
    padding: 0;
}
.McBlockContainer .McBlockContainerInner ul.contents li .contentBlock {
    padding: 16px 0 16px 10px;
}
.McBlockContainer .McBlockContainerInner ul.contents li .contentBlockDisabled {
    padding: 16px 0 16px 10px;
}
.McBlockContainer .McBlockContainerInner ul.contents li .contentBlock2 {
    padding: 16px 0 10px 10px;
}
.McBlockContainer .McBlockContainerInner ul.contents li .contentBlock h2 a {
    color: #666;
    text-decoration: none;
}
.McBlockContainer .McBlockContainerInner ul.contents li .contentBlock h2 a:hover,
.McBlockContainer .McBlockContainerInner ul.contents li .contentBlockOver h2,
.McBlockContainer .McBlockContainerInner ul.contents li .contentBlockOver h2 a {
    color: #666 !important;
}
.McBlockContainer .McBlockContainerInner ul.contents li .contentTxt {
    float: left;
    width: 185px;
    padding: 0 0 0 10px;
}
.McBlockContainer .McBlockContainerInner ul.contents li .scThumb {
    float: left;
    display: block;
}
.McBlockContainer .McBlockContainerInner ul.contents li ul {
    margin: 10px 0 0 0;
}
.McBlockContainer .McBlockContainerInner ul.contents li ul li {
    padding: 0 0 10px 0;
}
/* =Middle col block content list
------------------------------------------------------------------------------ */
.textContent ul.BlockContentList li {
    padding: 18px 0 10px 0;
    position: relative;
}
.textContent ul.BlockContentList li span.gps {
    padding: 4px;
}
.textContent ul.BlockContentList li ul li {
    background: none;
    padding: 0;
}
/* =Right col block container (for 2 column layout only)
------------------------------------------------------------------------------ */
.RcBlockContainer {
    width: 45%;
}
/* Styles for content within block container */
.RcBlockContainer .RcBblockContainerInner ul.visitInfo {
    width: 440px;
    margin: 0 auto;
}
.RcBlockContainer .RcBblockContainerInner ul.visitInfo li {
    clear: both;
}
.RcBlockContainer .RcBblockContainerInner ul.visitInfo li .txtBlock {
    padding: 20px 0 30px 10px; /* Need to adjust bottom padding */
}
.RcBlockContainer .RcBblockContainerInner ul.visitInfo li .txtBlock h2 a {
    color: #666;
    text-decoration: none;
}
/* =Content image containers
------------------------------------------------------------------------------ */
.imgWrap {
    width: 362px; 
    height: 331px;
    margin: 0;
}
.imgWrap .contentImg {
    display: block;
    width: 362px;
    height: 274px;
    margin: 0;
    padding: 0;
}
/* Smaller version */
.imgWrapSml {
    width: 362px;
    height: 201px;
    margin: 0;
}
.imgWrapSml .contentImg {
    display: block;
    width: 362px;
    height: 140px;
    margin: 0;
    padding: 0;
}
/* =Image gallery thumbs
------------------------------------------------------------------------------ */
.thumbnailSlider {
      width: 330px;
    position: relative;
    margin: 0 auto;
    padding-right: 4px;
}
.thumbnailSlider .thumbs {
    position: relative;
    overflow: hidden;
    width: 270px;
    margin: 0 auto;
}
.thumbnailSlider .javascriptCSS {
    border: 1px solid red;
    padding: 5px;
}
.thumbnailSlider .next {
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 2;
}
.thumbnailSlider .back {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 2;
}
.thumbnailSlider .back a,
.thumbnailSlider .next a {
    display: none;
}
.thumbnailSlider .next a {
    display: block;
    width: 20px;
    height: 36px;
    text-decoration: none;
}
.thumbnailSlider .back a {
    display: block;
    width: 20px;
    height: 36px;
    text-decoration: none;
}
.thumbnailSlider .next a:hover,
.thumbnailSlider .back a:hover {
    background-position: 0 -36px;
}
.thumbnailSlider ul {
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    z-index: 1;
}
.thumbnailSlider li {
    float: left;
    width: 54px;
}
.thumbnailSlider li a {
    display: block; 
    float: left;
    margin-right: 8px;
    _padding-right: 8px;
}
.thumbnailSlider li a:hover {
}
.thumbnailSlider li img {
    display: block;
    cursor: pointer;
    padding: 5px 3px 5px 3px;
}
/* =Galleria image gallery
------------------------------------------------------------------------------ */
#mainImage {    
    width: 362px; 
    height: 331px;
    margin: 0;
}
#mainImage img {
    display: block;
    width: 362px;
    height: 274px;
    margin: 0 auto 0 25px;
    padding: 27px 0 0 0;
}
.galleryContainer {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    position: relative;
}
/* =Page bottom buttons
------------------------------------------------------------------------------ */
#masterPageBtns { 
    display: none;
    visibility: hidden;
}
/* =Breadcrumb
------------------------------------------------------------------------------ */
.breadcrumb {
    display: none;
    visibility: hidden;
}
/* =Footer
------------------------------------------------------------------------------ */
#footer {
    page-break-before: always;
    clear: both !important;
    width: 100%;
    color: #000;
    padding: 0;
}
#footer .footerLogo {
    display: block;
    width: 113px;
}
#footer ul {
       display: none;
    visibility: hidden;
}
#siteInfo {
    clear: both;
    width: 100%;
    color: #000;
    font-size: 12pt;
    padding: 10px 0 0 0;
}
#siteInfo p {
    width: 400px;
    font-size: 12pt;
    margin: 16px 0 16px 0;
    padding: 0 !important;
}
#siteInfo .govLogo {
    display: block;
    float: right;
    width: 131px;
    margin: 15px 0 0 0;
    padding: 0;
}
/* =Links & Buttons
------------------------------------------------------------------------------ */
a, a:link, a:focus {
    color: #666;
    text-decoration: underline;
}
a.rightArrowLink {
    display: none;
    visibility: hidden;
}
a.downArrowLink {
   display: none;
   visibility: hidden;
}
.subContent a.rightArrowLinkRight {
    display: none;
    visibility: hidden;
}
/* =Typography
------------------------------------------------------------------------------ */
/* Global */
#mainContent p {
    color: #000;
    font-size: 12pt;
    margin: 12px 0 12px 0;
    line-height: 17px;
}
#mainContent h1 {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 16pt;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
#mainContent h1.shop {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 16pt;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
#mainContent h1 span {
    display: block;
    font-size: 17pt;
    margin: 0;
}
#mainContent h2, #mainContent .textContent h2 {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 16pt;
    margin: 0;
}
/* Middle col test content */
#mainContent .textContent h1 {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 14pt;
    font-weight: normal;
    text-transform: none;
    margin: 0;
}
#mainContent .textContent h2 {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 14pt;
    text-transform: none;
    margin: 0;
}
#mainContent .textContent h3 {
    color: #666;
    font-family: georgia, times, serif;
    font-size: 12pt;
    text-transform: none;
    margin: 0;
}
#mainContent .textContent .date {
    color: #666;
    font-size: 11pt;
    margin: 0;
}
/* Left col specific */
#mainContent .leftCol h1, #mainContent .leftCol h1 span {
    font-size: 14pt;
}
#mainContent .leftCol h2.bioHeader {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 14pt;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
#mainContent .leftCol h2.bioHeader .credits {
    font-family: georgia, times, serif;
    font-size: 11pt;
    text-transform: none;
}
#mainContent .leftCol .LcMedia  h2 {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 14pt;
    font-weight: normal;
    margin: 16px 0 10px 0;
}
#mainContent .leftCol .contactInfo h2 {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 14pt;
    margin: 0;
}
#mainContent .leftCol p.bioTitle  {
    font-family: arial, helvetica, sans-serif;
    font-size: 11pt;
    color: #666;
    margin: 0 !important;    
}
/* Block containers */
#mainContent .LcBlockContainer .LcBlockContainerInner p {
    color: #000;
    font-size: 12pt;
}
#mainContent .LcBlockContainer .LcBlockContainerInner ul li {
    color: #000;
    font-size: 12pt;
}
#mainContent .LcBlockContainer .LcBlockContainerInner p.notice {
    color: #666;
    font-size: 11pt;
}
#mainContent .McBlockContainer .McBlockContainerInner p {
    margin-top: 0;    
    line-height: 16px;
    font-size: 12pt;
    margin: 8px 0 8px 0;
}
#mainContent .McBlockContainer h2.McBlockContainerHdr {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 14pt;
    font-weight: normal;
    margin: 0 0 10px 10px;
    padding: 10px 0 0 0;
}
#mainContent .McBlockContainer .McBlockContainerInner ul.contents h3 {
    color: #000;
    font-family: georgia, times, serif;
    font-size: 14pt;
    font-weight: normal;
    margin: 8px 0 2px 0;
}
#mainContent .McBlockContainer .McBlockContainerInner ul.contents li .contentTxt p.programDuration {
    margin: 0;
}
#mainContent .McBlockContainer .McBlockContainerInner ul.contents li {
    list-style: none !important;
}
#mainContent .McBlockContainer .McBlockContainerInnerText p {
    margin-top: 0 !important;    
    line-height: 16px;
} 
#mainContent .McBlockContainer .McBlockContainerInnerText ul li {
    color: #000;
    font-size: 12pt;
}
#mainContent .McBlockContainer .McBlockContainerInnerText p.notice {
    font-size: 12pt;
    margin-top: 14px !important;
}
#mainContent .RcBlockContainer .RcBblockContainerInner p {
    margin-top: 0;    
    line-height: 16px;
    font-size: 12pt;
    margin: 8px 0 8px 0;
}
/* Visit landing page */
#mainContent .left h1 {
    margin: 0;
    font-size: 16pt;
}
#directionsBlock #directionsBlockInner h2 {
    font-size: 14pt;
}
#directionsBlock #directionsDetails .directionsInfoTxt p {
    background: #fff;
    font-size: 12pt;
    line-height: 16px;
}
/* Programs landing page */
#mainContent .leftPrograms h2, #mainContent .rightPrograms h2 {
    color: #000;
    font-size: 14pt;
    font-weight: normal;
    margin-left: 0;
}
/* Sub content */
#mainContent .rightCol .subContent .subContentInner li .subContentShow p {
    font-size: 12pt;
    line-height: 16px;
}
.rightCol .subContent .subContentInner ul.subContentItemsPlain li p.newsSource {
    color: #666;
    font-size: 12pt !important;
    margin: 0 0 0 0 !important;
}
#mainContent .rightCol .subContent .subContentInner .subContentPlain h2 {
    font-size: 14pt;
    font-weight: normal;
}
/* Footer */
#footer ul li h5 {
    color: #555;
    font-family: georgia, times, serif;
    font-size: 12pt;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
/* =Lists
------------------------------------------------------------------------------ */
#mainContent .textContent ul {
    list-style: square;
    margin: 10px 0 10px 20px !important;
}    
#mainContent .textContent ul li {
    list-style: square;
    color: #000;
    font-size: 12pt;
    line-height: 16px;
    padding: 0 0 3px 0;
}
#mainContent .textContent ul li ul {
    margin: 10px 0 10px 0;
}    
#mainContent .textContent ul li ul li {
    padding: 0 0 3px 0;
    font-size: 12pt;
}
#mainContent .textContent ol {
    list-style: decimal;
    margin: 10px 0 10px 20px !important;
}    
#mainContent .textContent ol li {
       list-style: decimal;
       color: #000;
    font-size: 12pt;
    line-height: 16px;
    padding: 0 0 3px 0;
}
/* =Tables
------------------------------------------------------------------------------ */
#mainContent table {
    width: 100%;
}
#mainContent table tr th, #mainContent table tr td  {
    color: #000;
    font-size: 12pt;
}
.plainData {
    width: 100%;
    margin: 12px 0 0 0;
}
.plainData th {
    text-align: left;
    vertical-align: top;
    font-weight: normal
}
.plainData th, .plainData td {
   vertical-align: top;
   padding: 0 0 3px 0;
}
.data td span {
    color: #666;
}
.data {
    width: 100%;
    margin: 0;
}
.data th {
    text-align: left;
    vertical-align: top;
    font-weight: normal
}
.data th, .data td {
   vertical-align: top;
   padding: 0 0 3px 0;
}
.data td span {
    color: #666;
}
.data tr td .age, .visitInfo {
    width: 400px;
}
.data tr td .age, .visitInfo table tr td .age {
    color: #666;
}
.BlockContentList table {
    font-size: 12pt !important;
    margin: 8px 0 0 0;
}
.BlockContentList table th {
    background: none;
    font-size: 12pt;
    text-align: left;
    vertical-align: top;
}
.BlockContentList table th, 
.BlockContentList table td {
    padding: 4px 15px 4px 10px;
    line-height: 16px;
}
.textContent table {
    font-size: 12pt !important;
    margin: 8px 0 0 0;
}
.textContent table th {
    background: none;
    font-size: 12pt !important;
    text-align: left;
    vertical-align: top;
}
.textContent table th, 
.textContent table td {
    padding: 4px 15px 4px 10px;
    line-height: 16px;
}
.McBlockContainer table {
    width: 100%;
    font-size: 12pt !important;
    margin: 8px 0 0 0;
}
.McBlockContainer table th {
    text-align: left;
    vertical-align: top;
    font-weight: normal
}
.McBlockContainer table th, .McBlockContainer table td {
   vertical-align: bottom;
   padding: 0 0 3px 0;
   white-space: nowrap;
}
.visitInfo table {
    width: 100%;
    font-size: 12pt !important;
    margin: 14px 0 0 0;
}
.visitInfo table th {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
}
.visitInfo table th, .visitInfo table td {
   vertical-align: bottom;
   padding: 0 5px 4px 0;
   white-space: normal;
}
/* =Shop
------------------------------------------------------------------------------ */
.McBlockContainerShop {
    width: 384px;
    min-height: 150px;
    height: auto !important;
    height: 150px;
    margin: 5px auto 25px auto;
}
.McBlockContainerShop .McBlockContainerTop {
    height: 6px;
    font-size: 1px /* IE6 */
}
.McBlockContainerShop .McBlockContainerBtm {
    clear: both;
    height: 6px;
    font-size: 1px /* IE6 */
}
.McBlockContainerShop .McBlockContainerInner {
    padding: 0 0 15px 0;
}
.McBlockContainerShop .McBlockContainerInner a {
    display: block;
    color: #666;
    font-family: georgia, times, serif;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
}
.McBlockContainerShop .McBlockContainerInner div.products {
    display: block;
    padding: 10px 15px 0 15px;
}
.McBlockContainerShop .McBlockContainerInner div.products .btnAddToCart {
    display: block;
    float: right;
    margin-bottom: 5px;
}
.McBlockContainerShop .McBlockContainerInner div.products table table tr td {
    padding:  8px 6px 4px 8px;
}
/* Image container */
.McBlockContainerShop .McBlockContainerInner div.products img.picture {
    background: none;
    display: block;
    border: 1px solid #E7E4DA;
    padding: 5px;
}
.McBlockContainerShop .McBlockContainerInner div.products .product_price {
    color: #666;
    font-family: georgia, times, serif;
    font-size: 14pt;
    font-weight: bold;
}
.McBlockContainerShop .McBlockContainerInner div.products .description {
    color: #666;
    font-size: 12pt;
    line-height: 15px;
}
/* Shopping Cart table */ 
.viewCart {
    border-right: 1px solid #cecbc3;
    border-bottom: 1px solid #cecbc3;
    margin: 0 auto;
}
.viewCart tr th {
    background: none;
    color: #000 !important;
    padding: 5px;
    border-top: 1px solid #cecbc3;
    border-left: 1px solid #cecbc3;
}
.viewCart tr td {
    padding: 5px;
    border-top: 1px solid #cecbc3;
    border-left: 1px solid #cecbc3;
}
.viewCart tr td.borderRight {
    border-right: 1px solid #cecbc3;
}
#shoppingcart .button {
    background: none;
    color: #fff;
    border: 1px solid #cd888b;
    cursor: pointer;
}    
/* =Forms
------------------------------------------------------------------------------ */
#formPrograms {
    padding: 14px 20px 14px 20px;
}
#formPrograms label {
    padding: 0 2px 0 0;
    font-size: 85%;
}
.validation {
    color: #ff0000;    
}
/* =Search results Page
------------------------------------------------------------------------------ */
#wrapperInner .searchResults a, a:link, a:focus {
    outline: none;
    color: #666;
    text-decoration: underline;
    cursor: pointer;
}
#wrapperInner .searchResults .textContent div {
    border: 1px solid #ccc;
    margin: 10px 0 10px 0;
    padding: 0 15px 0 15px;
}
#wrapperInner .searchResults table tr td {
    font-size: 12pt !important;
    line-height: 17px;
}
#wrapperInner .searchResults table tr td .f {
    font-style: italic;
    margin: 0 2px 0 2px;
}
#wrapperInner .searchResults table tr td .f {
    color: #333;
}
#wrapperInner .searchResults table.pager {
    width: auto;
    font-weight: normal;
    font-size: 12pt !important;
}
#wrapperInner .searchResults table.pager {
    margin: 10px 0 10px 0
}
#wrapperInner .searchResults table.pager a {
    font-weight: normal !important;
    font-size: 12pt !important;
}
#wrapperInner .searchResults .middleColFull {
    padding-bottom: 20px;
}