@import url("/webfonts/SourceSansPro_Regular/stylesheet.css"); @import url("/webfonts/SourceSansPro_Semibold/stylesheet.css"); @import url("/webfonts/League-Gothic-fontfacekit/stylesheet.css"); /* Web Font */ /* A font by The League of Moveable Type -> http://www.theleagueofmoveabletype.com @font-face { font-family: "LeagueGothic"; src: url(/webfonts/LeagueGothic.otf) format("opentype"); } */ /* Master link colors */ /* get rid of those system borders being generated for A tags */ img { border: none; outline: none; } a:active { outline:none; } a:link, a:visited { color: #0099D8; text-decoration: none; } a:hover, a:active { color: #0099D8; text-decoration: underline; } /* Site Headers */ .lrgHdr, h1, .medHdr, h2, .smHdr, h3, h4, h5, h6 { color: #0099D8; font-weight: normal; font-family: "League Gothic Regular",'LeagueGothicRegular', Arial, sans-serif; line-height: normal; } .lrgHdr, h1 { font-size: 40px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 40px; } .medHdr, h2 { font-size: 28px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 28px; } .smHdr, h3 { font-size: 23px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 23px; } h4 { font-size: 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } h5 { font-size: 17px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } h6 { font-size: 15px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } /* Content text */ .largeText { font-size: 20px; } .bodyText { font-size: 15px; } .medText { font-size: 13px; } .smText { font-size: 11px; } /* Content Stuff */ body { /* Use #bodyGoods for background styles */ font-family: SourceSansProRegular, "SourceSansPro Regular", Arial; font-size: 15px; margin: 0px; } p { padding-top: 0px; margin-top: 0px; } #addressBox { } #addressBox p:last-of-type { margin-bottom: 0px; padding-bottom: 0px; } #bodyArea { width: 935px; margin-right: auto; margin-left: auto; } .bodyBg { background-image: url(/mainimages/bkgrnd.jpg); /**On template***/ /*background-size: cover; background-position: center top; background-attachment: fixed; background-repeat: no-repeat; height: 100%; width: 100%;*/ } #bodyGoods { } .buttons, .buttonsSm, .buttonsXSm, .formbutton, .action, .byte-pageactions a { border: 1px solid #ADC82E; /* buttonColor */ background-color: #ADC82E; /* buttonColor */ } .buttons, .action, .byte-pageactions a { background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left center; display: inline-block; margin: 5px; padding: 5px 10px; font-weight: bold; font-size: 14px; /* Rounded Corners*/ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; -opera-border-radius: 7px; overflow:hidden; } .buttons a:link, .buttons a:visited, .buttons, .action, .byte-pageactions a { color: #FFFFFF; /* buttonFontColor */ text-decoration: none; } .buttons a:active, .buttons a:hover, .buttons:hover, .formbutton:hover, .action:hover, .byte-pageactions a:hover { color: #000 !important; text-decoration: none; } .buttonsSm, #list_tree .action { border: 1px solid #0099D8; /* buttonColor */ background-color: #0099D8; /* buttonColor */ } .buttonsSm, #list_tree .action { background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left center; display: inline-block; margin: 2px; padding: 3px 10px; font-weight: bold; font-size: 11px; /* Rounded Corners*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -opera-border-radius: 5px; overflow:hidden; } .buttonsSm a:link, .buttonsSm a:visited, .buttonsSm, #list_tree .action:visited { color: #FFFFFF; text-decoration: none; } .buttonsSm a:active, .buttonsSm a:hover, .buttonsSm:hover, #list_tree .action:hover { color: #000 !important; text-decoration: none; } .buttonsXSm { background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left center; display: inline-block; margin: 2px; padding: 2px 6px; font-weight: bold; font-size: 9px; /* Rounded Corners*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; -opera-border-radius: 3px; overflow:hidden; } .buttonsXSm a:link, .buttonsXSm a:visited, .buttonsXSm { color: #fff; /* buttonFontColor */ text-decoration: none; } .buttonsXSm a:active, .buttonsXSm a:hover, .buttonsXSm:hover { color: #000 !important; /* linkColor2 */ text-decoration: none; } #byte_breadcrumb { font-size: 16px; margin: 2px; /*color: #054D5E;*/ /* Rounded Corners -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; -opera-border-radius: 6px; overflow:hidden;*/ line-height: normal; padding-top: 5px; padding-right: 0px; padding-bottom: 8px; } #byte_breadcrumb a:link { /*color: #0E7B9C; text-decoration: underline;*/ } #byte_breadcrumb a:hover { /*color: #054D5E !important; text-decoration: none;*/ } #captionBox { } #captionBox p:last-of-type { margin-bottom: 0px; padding-bottom: 0px; } #captionBox .morelink { text-align: right; } #captionBox h1 { font-size: 30px; line-height: 30px; } #captionBox .morelink a { color: #0071BC; } .clear { clear: both; height: 0px; margin: 0px; padding: 0px; } .colorBox1 { background-color: #FFD9B1; margin-bottom: 20px; } .colorBox2 { background-color: #E0E0E0; margin-bottom: 20px; } #contentArea { font-size: 12px; min-height: 420px; } #contentBox { background-color: #FFFFFF; -webkit-box-shadow: 0px 0px 8px #000000; box-shadow: 0px 0px 8px #000000; } #contentBox p:last-of-type { margin-bottom: 0px; padding-bottom: 0px; width: auto; } #contentBoxBg { } #contentBoxBttm { } .contentPadding { } #copyright { font-size: 9px; padding-top: 8px; } #copyright a { color:#000; text-decoration:underline; } .errors { font-size: 13px; color: #BB0000; } /*Fade rotation description box and dots */ #fadeshow1 .gallerylayer img { width: 100% !important; height: auto; margin-left:0px !important; } .fadeslidedescdiv { /* text-shadow: 0px 0px 2px #000000; line-height:18px; font-size:12px; top:15% !important; left:47% !important; max-width:500px !important; margin:0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; -opera-border-radius: 10px; overflow:hidden;*/ } .fadeSlideDesc { padding: 3%; } .descpanelbg { } .descpanelfg { } .descpanelfg .close { display:none; } .descpanelbg { } #hilightBugDiv{ position:relative; height:0px; top:-80px; left:30px; z-index:1000; } .hilightBugPadding{ padding-left:20px; } .hilightBugPaddingTrans{ padding-left:20px; opacity:0.6; filter:alpha(opacity=40); /* For IE8 and earlier */ } /*end*/ #footerBox { color: #FFFFFF; -webkit-box-shadow: 0px 0px 8px #000000; box-shadow: 0px 0px 8px #000000; } #footerNav { font-size: 12px; } #footerNav a:link, #footerNav a:visited { font-weight: normal; color: #FFF; text-decoration: none; } #footerNav li { padding-right: 8px; padding-left: 8px; float: left; border-right: 1px solid #ADC82E; margin-bottom: 8px; } #footerNav li:last-of-type { border-right: none; } #footerNav ul { margin: 0px; padding: 0px; list-style-type: none; } #footerNav ul li ul { display: none; } form { margin: 0px; padding: 0px; } .formbutton { background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left center; color: #FFF; /* buttonFontColor */ /* Rounded Corners*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -opera-border-radius: 5px; overflow:hidden; } .fileupload { padding: 4px; margin: 8px 0px 8px 0px; border: solid 1px #666; background-color: #CCC; } #header-search { } #header-search-box { font-size: 15px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; /* Rounded Corners*/ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; -opera-border-radius: 7px; border-style: none; } .linebreak { margin-top: 15px; padding-bottom: 24px; border-top-width: 1px; border-top-style: solid; border-top-color: #939598; clear: both; } .linebreakvert { margin-left: 20px; padding-right: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: #939598; } #logoSpacing { } #managetopBox h2 { color: #FFFFFF; } #navBar { } #navbarBox { } .photoLeft, .photoRight { font-size:10px; color:#5C5C5C; } .photoLeft img, .photoRight img { margin-bottom:5px; } .photoLeft { /*padding-right: 20px; padding-bottom: 10px; float: left;*/ } .photoRight { padding-bottom: 20px; /*padding-bottom: 10px; padding-left: 20px; float: right;*/ text-align: center; } .searchBoxBttn { background-color: #ADC82E; border-style: none; color: #FFFFFF; /* Rounded Corners*/ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; -opera-border-radius: 7px; font-size: 15px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; } #sideBar { } #sidebarBox { color: #494949; font-size: 15px; } .tableBorderCart { font-size: 12px; padding: 5px; } .tableBorder { font-size: 12px; padding: 5px; border: 1px solid #000000; } .tableCell1 { padding: 8px; } .tableCell1Col { padding: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #DDDDDD; } .tableCell2 { padding: 8px; background-color: #EEEEEE; } .tableCell2Col { padding: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #DDDDDD; background-color: #EEEEEE; } .tableFooter { padding: 3px; border-bottom: 3px solid #757575; } .tableFooter2 { padding: 3px; background-color: #EEEEEE; border-bottom: 3px solid #777777; } .tableHeader { background-color: #667230; padding: 5px; font-size: 13px; font-weight: bold; color: #FFFFFF; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #444444; } .tableHeaderCol { background-color: #667230; padding: 5px; font-size: 13px; font-weight: bold; color: #FFFFFF; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #444444; border-left-width: 1px; border-left-style: solid; border-left-color: #AAAAAA; } .tableHeader2 { background-color: #BBBBBB; padding: 5px; font-size: 12px; font-weight: bold; color: #667230; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; } .tableHeader2Col { background-color: #BBBBBB; padding: 5px; font-size: 12px; font-weight: bold; color: #667230; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; border-left-width: 1px; border-left-style: dotted; border-left-color: #555555; } .tableHeader3 { background-color: #777777; padding: 5px; font-size: 12px; font-weight: bold; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; text-decoration:none } .tableHeader3Col { padding: 5px; font-size: 12px; font-weight: bold; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; border-left-width: 1px; border-left-style: dotted; border-left-color: #888888; background-color: #777777; } .tableRow1 { padding: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; } .tableRow1Col { padding: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; border-left-width: 1px; border-left-style: solid; border-left-color: #DDDDDD; } .tableRow2 { padding: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; background-color: #EEEEEE; } .tableRow2Col { padding: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; border-left-width: 1px; border-left-style: solid; border-left-color: #DDDDDD; background-color: #EEEEEE; } /* looks for tables with "byte-table" class */ table.byte-table { border-collapse: collapse; } .tableStyle, .byte-table { font-size: 11px; margin-bottom: 12px; } .tableStyle label, .byte-table label { font-weight: bold; } /* table row mouseover */ /*.tableStyle tr:hover,*/ .byte-table tr:hover { background-color: transparent; } .byte-table .nohover tr:hover { background-color: transparent; } .byte-table td.odd { background-color: transparent; } .tableStyle td, .byte-table td { padding: 8px; border-top: 1px solid #EEE; } .tableStyle td table td, .byte-table td table td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 6px; } .tableStyle tr td table, .byte-table tr td table { width: 100%; } .tableStyle th, .byte-table th { font-size: 18px; font-weight: normal; color: #FFFFFF; background-color: #0099D8; text-align: left; padding: 8px; height: 18px; line-height: normal; } .tableStyle th a, .byte-table th a { font-size: 18px; font-weight: normal; } .tableStyle th a:active, .byte-table th a:active { color: #FFFFFF; } .tableStyle th a:hover, .byte-table th a:hover { color: #FFFFFF; } .tableStyle th a:link, .tableStyle th a:visited, .byte-table th a:link, .byte-table th a:visited { color: #FFFFFF; } /* (alternating table rows) table background row 2 */ .tableStyle .rowcolor, .byte-table .rowcolor, .byte-table tr:nth-child(odd), .tableStyle tr:nth-child(odd) { background-color: #fff; } /* (alternating table rows) table background row 1 */ .byte-table tr:nth-child(even), .tableStyle tr:nth-child(even) { } .byte-table tbody tr:last-of-type, .tableStyle tbody tr:last-of-type { } #topBar { } #topbarBox { background-color: #2B5C9F; -webkit-box-shadow: 0px 0px 8px #000000; box-shadow: 0px 0px 8px #000000; } /* Management Menu */ /*/ To edit the manage menu text colors edit * #p7PMnav a {} //font color for menu * #p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {} //font hover,ect * #p7PMnav .p7PMmark {} // current page marker /*/ .manageMainMenuBorder { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; padding: 0px; border: 1px solid #000000; } .manageMainMenu { background-color: #EEEEEE; color:#FFFFFF; padding: 3px; } .manageMainMenu a:hover { background-color: #FFFFFF; color:#FFFFFF; letter-spacing: 0.01px; } .manageSubMenu { background-color: #EEEEEE; padding: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BBBBBB; } .manageBox { background-color: #FFFFFF; padding: 5px; border: 1px solid #222222; min-width: 700px; } .tableRowAttention { background-color: #CC3333; padding: 5px; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; } .tableRowAttention a:link, .tableRowAttention a:visited { color: #FFFFFF; text-decoration: underline; } .tableRowAttention a:hover { color: #FFFFFF; text-decoration: none; } .tableRowAttention a:active { color: #EEEEEE; text-decoration: none; } .tableRowAttentionBubbles { background-color: #FFD4C8; padding: 4px 5px 4px 5px; color: #000000; border-top-width: 1px; border-top-style: solid; border-top-color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; } .tableRowAttentionCol { background-color: #CC3333; padding: 5px; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; border-left-width: 1px; border-left-style: dotted; border-left-color: #555555; } .tableRowAttentionCol a:link, .tableRowAttentionCol a:visited { color: #FFFFFF; text-decoration: underline; } .tableRowAttentionCol a:hover { color: #FFFFFF; text-decoration: none; } .tableRowAttentionCol a:active { color: #EEEEEE; text-decoration: none; } /* Image Gallery Styles */ .cms-img-gal-name{ float:left; margin-top:15px; } .cms-img-gal-desc{ } .cms-img-gal-cell { width: 158px; padding-top: 5px; padding-bottom: 5px; vertical-align:top; text-align:center; } .cms-img-gal-table { width: 100%; } /* Contact Form Styles */ .tableStyle .rowcolor, .byte-table tr { background-color: transparent; } #cms-formmailer .byte-table { border:0px; } #cms-formmailer .byte-table td { border:0px; padding:2px; } #cms-formmailer .byte-table th { font-size: 12px; font-weight: normal; color: #143359; background-color: transparent; text-align: right; line-height: normal; margin: 0px; padding: 0px; } div #cms-formmailer { width: 100%; padding-left: 20px; padding-right:20px; } div #cms-formmailer h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } div #cms-formmailer .formmailer-text { width: 100%; height:25px; background-color: #EEEEEE; border: none; } #formmailer-introtext p { width: 100%; } .formmailer-textbox { width: 100%; height: 50px; background-color: #EEEEEE; /*E8E5E2*/ border: none; } #cms-formmailer .elements { width: 60%; } #cms-formmailer .byte-table h3 { font-weight:normal; font-size: 18px; color: #000 !important; } /* Blog Styles */ #cms-featured-rss h4 { font-weight: bold; } #blog-list .pubDate, #blog-view .pubDate { color: #517A23; } #blog-list .blog-post h2 a { color: #543019; text-decoration: none; } #blog-list .blog-post h2 {} #blog-list .blog-post .preview {} #blog-list .blog-post a.more {} #blog-list .blog-post .preview p { margin-bottom:0; padding-bottom:0; } #blog-list div.blog-post { margin-bottom: 10px; padding: 15px; border: 1px solid #ccc; } #blog-list .comments-block { margin-top: 5px; } #blog-view h1 {} #blog-view .author { color: #B99366; } #blog-view .post {} #blog-comments h1 { padding-bottom: 10px; padding-top: 10px; } #blog-comments .blog-comment { margin: 5px 25px 5px 25px ; } #blog-comments .blog-comment .insertTs { color: #005A84; } #blog-comments .blog-comment .name { color: black; } #cms-content-body .blog-rss { float: right; } .comments-block { padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; /*border: 1px solid #FDA022;*/ background-color: #CCC; /* Rounded Corners*/ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; -opera-border-radius: 7px; } .more-block { text-align: right; padding-bottom: 8px; } .more-block a { margin-bottom: 6px; padding: 4px 8px; background-color: #000; display: block; float: right; clear: both; color: #FFF; /* Rounded Corners*/ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; -opera-border-radius: 7px; } .more-block, .comments-block, .preview, .preview img { float: none; clear: both; } /* *** Calendar Table Styles *** */ table.calendar-table { border-collapse: collapse; } .calendar-table { font-size: 11px; border-style: solid; border-width: 1px; margin-bottom: 12px; background-color: #fff; } .calendar-table th { font-size: 12px; font-weight: normal; color: #FFFFFF; background-color: #3D68A7; padding: 2px; height: 18px; line-height: normal; } .calendar-table tr:hover { background-color: #FAFAFA; } .calendar-table td { width: 25px; } .calendar-table .leftline { border-left: 2px solid #CCC; } /* Large Calendar Table */ #cms-eventcalendar-calendar .calendar-month { font-size: 18px; padding: 10px 20px 5px; } #cms-eventcalendar-calendar .day { height: 126px; } /* Small Calendar Table */ #calendar-widget .calendar-month { font-size: 12px; padding: 10px 10px 5px; } /* Universal Calendar Table Styles */ .calendar-block { padding: 20px; margin-top: 10px; margin-bottom: 10px; /* Rounded Corners*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; -opera-border-radius: 6px; overflow:hidden; border: 1px solid #CCC; } #event-calendar hr { display: none; } .event-date, .detail-date { color:#000; font-weight:bold; } .calendar-label { /*padding-right: 20px; padding-left: 10px;*/ } .calendar-label label { font-size: 9px; } #embed-calendar-labels .calendar-label-box { height: 10px; width: 10px; } .calendar-label-box { height: 15px; width: 15px; /* Rounded Corners*/ /*For Mozilla*/ -moz-border-radius: 4px; /*For Safari*/ -webkit-border-radius: 4px; /*For CSS3*/ border-radius: 4px; border: 1px solid #666; } .calendar-labels { margin-bottom: 10px; /* Rounded Corners*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; -opera-border-radius: 6px; overflow:hidden; border: 1px solid #CCC; padding: 5px; } .calendar-labels ul { margin: 0px; padding: 0px; list-style-type: none; } .calendar-labels li { display: inline-block; width: 150px; float: left; margin-bottom: 2px; margin-top: 2px; } #event-calendar .calendar-labels { width: 680px; } #event-calendar-grid .calendar-labels { height: 100%; } #event-calendar .calendar-labels { height: 60px; } #event-calendar .calendar-labels li { width: 130px; } #event-calendar .calendar-labels input { margin: 0px; padding: 0px; } #event-calendar .icons { margin-bottom: 10px; } .cms-event-calendar img { vertical-align: text-bottom; } .cms-event-calendar .usage { text-align: center; margin: 10px; } #cms-calendar-embed-list .label-container, #cms-calendar-embed-day .label-container { vertical-align: top; padding-top: 5px; } .calendar-month { text-align: center; background-color: #D4D4D4; background-image: url(/mainimages/buttonbg2.png); background-repeat: repeat-x; padding: 10px 20px 5px; /* Rounded Corners*/ /*For Mozilla*/ -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; /*For Safari*/ -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; /*For CSS3*/ border-top-right-radius: 10px; border-top-left-radius: 10px; border: 1px solid #CCC; } /*.calendar-month strong { width: 150px; display: inline-block; }*/ .calendar-next a:link, .calendar-next a:visited, .calendar-prev a:link, .calendar-prev a:visited { color: #FFFFFF; /* buttonFontColor */ text-decoration: none; } .calendar-next a:active, .calendar-next a:hover, .calendar-prev a:active, .calendar-prev a:hover { color: #666666 !important; /* linkColor2 */ text-decoration: none; } .calendar-next { float: right; background-color: #0099D8; } .calendar-prev { float: left; background-color: #0099D8; } .calendar-next, .calendar-prev { background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left top; display: inline-block; margin: 0px; padding: 2px 5px; font-weight: normal; font-size: 10px; /* Rounded Corners*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; -opera-border-radius: 4px; overflow:hidden; line-height: normal; } .calendar-table { font-size: 11px; border: 1px solid #ccc; margin-bottom: 12px; /*border: 1px solid #B3CAE1; background-color: #fff;*/ } .calendar-table td { width: 14%; padding: 5px; } .calendar-table th { font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #667230; padding: 8px 2px 2px; height: 18px; line-height: normal; /* font-size: 12px; font-weight: normal; color: #FFFFFF; padding: 2px; height: 18px; line-height: normal; */ } .calendar-table .day { border: 1px solid #CCC; } .calendar-table .day:hover { background-color: #EFEFEF; } .calendar-table .dayname { background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left top; border: 1px solid #CCC; } .calendar-table .daynone { } .calendar-table .eventbox { border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding: 3px; /* Rounded Corners*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; -opera-border-radius: 4px; overflow:hidden; margin-top: 5px; font-size: 10px; background-color: #FFF; } .calendar-table .leftline { border-left: 2px solid #CCC; } .calendar-table .moreevents { margin-top: 8px; text-align: right; font-size: 10px; } #event-calendar h1 a { /*color: #8CC444;*/ } .cms-event-calendar .calendar-rss { float: right; } #calendar-label-form, #cms-eventcalendar-calendar { clear:both; } #cms-calendar-embed-list .description { font-size: 11px; margin-bottom: 15px; } #cms-calendar-embed-list h4, #cms-calendar-embed-list h5 { margin-bottom: 0; margin-top: 0; padding-top: 0; } /* mobile site */ #cms-mobile-content .mobile-nav { } #cms-sink-list .byte-table { border-collapse: separate; border-spacing: 20px; border:none; } #cms-sink-list .byte-table td { padding:10px; border: 1px solid #EEE; } #cms-sink-photos .title { font-family: EBGaramondRegular; font-size:16px; margin-bottom:2px; width:230px; vertical-align:bottom; } #cms-sink-photos .title, #cms-sink-photos .more { color: #FFF; padding:3px; display:block; } #cms-sink-photos .title { background-color: #EC2224; /* Rounded Corners */ /*For Mozilla*/ -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; /*For Safari*/ -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; /*For CSS3*/ border-top-right-radius: 5px; border-top-left-radius: 5px; overflow:hidden; } #cms-sink-photos .more { font-size:12px; background-color: #1e4228; /* Rounded Corners */ /*For Mozilla*/ -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; /*For Safari*/ -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; /*For CSS3*/ border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow:hidden; } #cms-sink-photos .title a, #cms-sink-photos .more a { color: #FFF; } #cms-sink-photos .title a:link, #cms-sink-photos .title a:visited { text-decoration:none; } #cms-sink-photos .photo { height:200px; text-align:center; } #cms-sink-photos .photobox { } #cms-sink-photos .photothumb { background-color: #FFF; display:block; } #cms-sink-search { padding:10px; border: 1px solid #EEE; } .search-label { width:100px; } .search-box-bg { width:200px; } .search-box { width:185px; } #sink-categories { text-align:center; line-height:25px; } #sink-categories span { padding-left:10px; } #sink-categories .byte-table div { padding:8px; } #cms-sink-list .sink-link { font-size:17px; } #sink-archives .months { margin-left: 20px; } /* USPS Shipping validation window */ #usps_address_validation_window { background-color:#E6DDD6; border: #000 3px solid; padding: 20px; text-align:center; position:absolute; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); z-index: 100; } /* removed in place of buttonsSm .usps_address_validation_window_submit{ background-color:#5e7583; color:#FFF; padding:5px 10px; border: none; } */ #usps_address_background{ display: none; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 1; } /* store category/product default styles */ .floatleft{ float:left; } .floatright{ float:right; } .productBox { padding: 5px 10px; height: 180px; width: 220px; float:left; } .productBox-image { overflow:hidden; height:140px; } .productBox-image img{ max-width:220px; border:0px; } .productBoxLast { padding: 5px 0px 5px 10px; } .productBoxTitle { background-color: #80281C; color:white; font-size: 24px; padding-left:10px; } .productBoxTitle a { color:#FFFFFF; text-decoration:none; width:100%; padding-right: 25px; background-image:url(/mainimages/feature-arrow.png); background-repeat:no-repeat; background-position:right center; } .productBoxTitle a:hover { color:#E5DDD6; text-decoration:none; } .cke_contents iframe { width:100% !important } /* TOC */ #category-toc-list h1 { font-size: 28px; margin-top: 0px; margin-right: 0px; margin-top: 5px; margin-left: 0px; line-height: 32px; } #category-toc-list ul li { font-size: 1em; font-weight:normal; } #toc-intro h2 { font-size: 37px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 37px; } #category-toc-overview ul li h2 { font-size: 1em; font-weight:normal; } #category-toc-element-list h2 { font-size: 1em; font-weight:normal; margin-left: 20px; } div#fadeshow1, div.gallerylayer { background-color:#FFF !important; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } - See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.az9oS8bv.dpuf