/* classic_front.css */
/*---------------------------------------*/
/*Page CSS Properties */
/*---------------------------------------*/
body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
td, p, th {
font-size: 11px;
}
hr {
background-color: #EFEFEF;
border: 1px solid #EFEFEF;
}
/* Headings */
h1, h2, h3, h4, h5 {
font-family: Arial, Verdana;
color: #000;
margin: 7px 0;
}
h1 {
font-size: 17px;
}
/* Links */
a:link, a:visited, a:active {
color: #347F27;
text-decoration: underline;
}
a:hover {
color: #92CF74;
}
/*---------------------------------------*/
/* Core Site Styles */
/*---------------------------------------*/
/* Main Structure
- Sample file folder "/uploads/Images/structure/file.jpg"
*/
.Left-Tile {
background: url(../images/left-tile.jpg) repeat-y right;
}
.Left-Tile-Bottom {
background: url(http://www.brookersmeat.com/common/templates/default/images/left-bottom.jpg) no-repeat right top;
height: 992px;
}
.Right-Tile {
background: url(../images/right-tile.jpg) left repeat-y;
}
.Right-Tile-Bottom {
background: url(http://www.brookersmeat.com/common/templates/default/images/right-bottom.jpg) no-repeat left top;
height: 992px;
}
.Middle-Tile {
width:930px;
margin: 0 auto;
}
.Main-Content {
background-color: #d7e9ea;
}
/* used in conjuction with most h1 tags */
.table-top {
text-align: center;
padding: 4px;
background-color: #eee;
border-bottom: 1px solid #FFFFFF;
color: #417EAF;
font-weight: bold;
vertical-align: middle;
}
/*
Wrapper Style Default: .table-1-1
Wrapper Style 1: .table1-1-1
Wrapper Style 2: .table2-1-1
- Sample file folder "/uploads/Images/structure/file.jpg"
*/
.table-1-1 {
background-image: url(http://www.brookersmeat.com/common/templates/default/images/1-1.jpg);
height: 20px;
width: 10px;
}
.table-1-2 {
background-color: #FFFFFF;
height: 20px;
}
.table-1-3 {
background-image: url(http://www.brookersmeat.com/common/templates/default/images/1-3.jpg);
height: 20px;
width: 12px;
}
.table-2-1 {
background-color: #FFFFFF;
width: 10px;
}
.table-2-2 {
background-color: #FFFFFF;
padding: 10px; /* this is where content goes */
}
.table-2-3 {
background-color: #FFFFFF;
width: 12px;
}
.table-3-1 {
background-image: url(http://www.brookersmeat.com/common/templates/default/images/3-1.jpg);
height: 20px;
width: 10px;
}
.table-3-2 {
background-image: url(http://www.brookersmeat.com/common/templates/default/images/3-2.jpg);
height: 0px;
}
.table-3-3 {
background-image: url(http://www.brookersmeat.com/common/templates/default/images/3-3.jpg);
height: 20px;
width: 12px;
}
/* Deprecated. Dont Use. */
.table-main {
border: thin solid #CCCCCC;
color: #333333;
text-align: left;
}
.table-title {
color: #5b7778;
font-size: 14px;
font-weight: bold;
}
.table-title2 {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
.table-content {
padding-top: 10px;
text-align: left;
vertical-align: top;
}
.table-subtop {
background-color: #FF6633;
border-bottom: 1px solid #FFFFFF;
padding: 5px;
}
.table-row {
background-color: #E6E6E6;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
padding: 5px;
}
.table-row-alt {
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
padding: 5px;
}
.table-bottom {
background-color: #E5E5E5;
border-top: 1px solid #FFFFFF;
padding: 5px;
}
/* Footer */
.footer_mobile_link {
text-align:center;
padding:5px;
}
.footer_mobile_link .mobile {
background: url(../images/mobile_bw.png) left top no-repeat;
padding:0 0 8px 18px;
}
/*---------------------------------------*/
/* Common Styles */
/*---------------------------------------*/
/* Tooltip */
div.tooltip {
margin-left: 15px;
padding: 5px;
z-index:450;
max-width: 400px;
font-size:10px;
color: #666;
background-color:#FFFFCC;
border:1px solid #CCC;
}
span.tooltip_word {
border-bottom: 1px dotted #666
}
/* Pagination */
.pager_arrow {
}
.pager_link {
padding: 3px 1px;
}
.pager_selected {
padding: 3px 1px;
font-weight:bold;
}
/* Common */
.red {
color: #CC0000;
}
.note {
color: #999;
}
/*---------------------------------------
Forms
---------------------------------------*/
/* Success Messages (green box) */
.successbox, .notice-success, .form_successbox, .successmsg {
background-color: #007F05;
color: #fff;
font-size: 11px;
margin: 5px;
padding: 7px 7px 7px 40px;
text-align: left;
border:0;
}
/*
Error/Warning Messages Box (red box)
--deprecate all but .errorbox
*/
.errorbox, .notice-error, .notice-alert, .table-error {
background-color: #990000;
color: #fff;
font-size: 11px;
margin: 5px;
padding: 7px 7px 7px 40px;
text-align: left;
border:0;
}
/* Notice Box (blue box) */
.noticebox {
background-color:#1772D5;
color: #fff;
font-size: 11px;
margin: 5px;
padding: 7px 7px 7px 40px;
text-align: left;
border:0;
}
/* hack lists so text shows up right color */
.notice-error li, .notice-alert li, .table-error ul li {
color: #fff;
padding: 3px;
}
/* inline errors */
.error, .validation-advice, .form_error {
color: #ff0000;
font-weight: bold;
}
/* form styles */
input {
border: 1px solid #ccc;
background-color: #e5e5e5;
padding: 0.1em;
color:#444;
font-size:12px;
}
select {
border: 1px solid #ccc;
background-color: #e5e5e5;
padding: 0.1em;
color:#444;
font-size:12px;
margin:2px 0;
}
textarea {
border: 1px solid #ccc;
background-color: #e5e5e5;
padding: 0.1em;
color:#444;
font-size:12px;
}
/* standard buttons */
input.button, input.formbuttons, input.form-buttons, .form_button {
padding: 2px 3px;
color: #333333;
background-color: #CCCFC2;
border:1px outset #AAAF99;
}
/* green & red buttons */
input.actionButton {
background-color: #8CAC01;
border: 1px outset #ccc;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 2px 7px;
}
input.cancelButton {
background-color: #990000;
border: 1px outset #ccc;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 2px 7px;
}
input.shoppingButton {
background-color: #8CAC01;
border: 1px outset #ccc;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 4px 9px;
font-family:Arial, Helvetica, sans-serif;
}
/*
AlistApart Form Style Method
Global classes for div form structure
Docs: http://www.alistapart.com/articles/prettyaccessibleforms/
*/
.list_forms {
width: 500px;
}
.list_forms em {
font-weight: normal;
color: #f00; /* asterisk style */
}
.list_forms fieldset {
margin-bottom: 10px;
border: none; /* styles here (bg colors, etc) */
border-top:1px solid #666;
}
.list_forms legend {
padding: 0 2px;
font-weight: bold;
_margin: 0 -7px; /* IE hack */
}
.list_forms label {
display: inline-block;
line-height: 1.8;
vertical-align: top; /* width of left side column */
width: 35%;
}
.list_forms fieldset ol {
margin: 0;
padding: 0;
}
.list_forms fieldset li {
list-style: none;
margin: 0;
padding: 5px; /* each line item's style */
}
.list_forms .lf_input {
width: 200px;
}
/*Sub Fieldset */
.list_forms fieldset fieldset {
border: none;
margin: 3px 0 0;
padding:2px 0;
}
.list_forms fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
.list_forms fieldset fieldset label {
display: block;
text-align:left;
margin-left:36%; /* margin should be label width */
}
/* JS validation - Adapted */
.list_forms fieldset fieldset .validation-advice {
margin:2px 2px 0 0px !important;
}
.list_forms fieldset li div {
padding:3px 0;
margin-left:36%; /* margin should be label width+1 */
}
/*---------------------------------------*/
/*Multi-Level CSS Menu */
/*---------------------------------------*/
/* core lists */
#menu_cssmulti_selectlist {
display: none;
}
#menu_cssmulti {
width: 100%;
text-align: center;
height: 22px;
}
#menu_cssmulti ul {
display: inline-block;
} /* makes it centered in IE */
#menu_cssmulti ul {
display: inline;
z-index:999;
margin: 0;
padding: 0;
list-style: none;
white-space: normal;
text-align: left;
}
#menu_cssmulti li {
margin: 0;
padding: 0;
}
#menu_cssmulti ul.menu_list {
display: table;
margin: 0 auto;
}
#menu_cssmulti li li ul {
left: 100%;
margin-top: -23px;
margin-left: -5px;
}
#menu_cssmulti .menu_arrow { /* arrow can be hidden */
}
/* stylable */
#menu_cssmulti a {
display: block;
line-height: 22px; /* all links styles: */
color: #444;
text-decoration: none;
}
#menu_cssmulti li.menu_item {
float: left;
position: relative;
cursor: pointer; /* top level menu styles: */
margin: 0 0 0 0;
background-color:#e5e5e5;
padding: 0 10px;
}
#menu_cssmulti li.menu_item:hover {
white-space: nowrap; /* top level menu hover */
background:#999;
color: #FF0033;
}
#menu_cssmulti li.selected { /* top level selected item */
background-color:#999;
}
#menu_cssmulti li.selected > a { /* top level selected link */
color: #333;
}
#menu_cssmulti ul.drop_down {
top: 22px; /*opacity: 0.85;*/
}
#menu_cssmulti li ul {
display: block;
position: absolute;
visibility: hidden;
left: 0; /* dropdown border style */
background-color: #ccc;
padding: 1px 1px 3px 1px;
}
#menu_cssmulti li li { /* dropdown dividing line */
border-bottom: 1px solid #ccc;
}
#menu_cssmulti li li a { /* dropdown bg color */
background-color: #fff;
padding: 0 7px;
color: #333;
}
#menu_cssmulti li li a:hover { /* dropdown hover color */
background-color: #ccc;
color: #333;
}
#menu_cssmulti li li a.fly_menu { /* sub-dropdown bg color */
background: #fff;
color: #333;
}
#menu_cssmulti li li:hover > a.fly_menu { /* sub-dropdown hover color */
background: #ccc;
color: #333;
}
/* more core items. */
#menu_cssmulti table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
text-align: left;
}
#menu_cssmulti table ul li a {
padding-left: 0;
padding-left: 20px;
}
#menu_cssmulti table table {
top: auto;
left: 100%;
margin-left: -1px;
padding: 0;
margin: 0;
}
#menu_cssmulti table table ul {
margin-top: -4px;
margin-top: -7px;
}
#menu_cssmulti li:hover > ul, #menu_cssmulti a:hover ul, #menu_cssmulti a:hover a:hover ul, #menu_cssmulti a:hover a:hover a:hover ul {
visibility: visible;
}
#menu_cssmulti a:hover ul ul, #menu_cssmulti a:hover a:hover ul ul {
visibility: hidden;
}
/*---------------------------------------*/
/*Vertical Menu V2 */
/*---------------------------------------*/
.menu_vertlist ul {
margin: 0;
padding: 0;
text-align: left;
}
.menu_vertlist li {
list-style-type:none;
}
.menu_vertlist li a {
display:block;
text-decoration: none;
color:#444;
padding: 3px; /* All link styles */
}
.menu_vertlist li a.selected {
color:#ff0000; /* Selected style */
}
.menu_vertlist ul.child_one, .menu_vertlist ul.child_two, .menu_vertlist ul.child_three { /* Sections */
margin-left:10px;
}
.child_one_link .prefix { /* IE7 might need a display: inline-block; */
}
.child_one_link.selected .prefix { /* For the selected version : notice the lack of space on the selected rule*/
}
/*---------------------------------------*/
/* Locations Properties */
/*---------------------------------------*/
.locations_maintable {
margin: 10px 0px 40px 0px;
}
.locations_maincell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
.locations_rightcell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
.locations_maintable h1 {
display:block;
padding:3px 0;
}
.locations_maintable h2 {
display:block;
padding:3px 0;
}
.locations_maintable h3 {
display:block;
padding:3px 0;
}
.locations_maintable h4 {
display:block;
padding:3px 0;
}
.locations_breadcrums {
color:#999;
margin-bottom:10px;
border-bottom:1px dashed #ccc;
padding-bottom:4px;
}
.locations_breadcrums a {
color:#999;
text-decoration:underline;
}
.locations_breadcrums a:hover {
color:#999;
text-decoration:none;
}
.locations_photos {
padding: 10px;
background-color:#e5e5e5;
border: 1px solid #ccc;
color: #666;
}
.locations_photos img {
border:1px solid #999;
}
.locations_map {
border:1px solid #999;
height:310px;
z-index:1;
}
.locations_rightsidebox {
border: 1px solid #cccccc;
border-top:none;
background-color:#F4F3F2
}
.locations_rightsidebox div {
border-top:1px solid #ccc;
padding: 5px;
}
.locations_rightsidebox div h3 {
color: #666;
font-weight:bold;
}
.locations_search_inputs {
width: 200px;
}
.locations_search_results {
margin: 7px 0;
border-bottom: 1px dashed #ccc;
line-height:16px;
padding:7px 0;
}
.locations_search_results a {
font-size: 12px;
font-weight:bold;
padding-bottom:2px;
}
.locations_search_logo {
padding:5px 5px 5px 0;
}
.locations_searchby_cat { /*can be hidden*/
}
.locations_results_desc {
color:#999;
}
/* locations list */
.locationslist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.locationslist .table-top {
display: block; /* can be hidden with a display: none */
}
.locationslist .ll_scrollable { /* scroll height:450px; overflow:auto; */
}
.locationslist .ll_item {
padding: 3px;
overflow:hidden;
}
.locationslist .ll_item a {
font-size:12px;
}
.locationslist .ll_border {
border-bottom: 1px dashed #ccc;
}
.locationslist .ll_flip {
background-color: #e5e5e5;
}
.locationslist .ll_logo {
margin: 2px 2px 2px 0;
}
.locationslist .ll_viewall {
margin:5px;
text-align:center;
font-size:9px /* can be hidden with a display:none */
}
.locationslist .ll_address {
color: #999;
}
.locationslist .ll_desc {
font-size:9px;
}
/* locations map */
.locationsmap {
width:100%;
height:450px;
}
/*---------------------------------------*/
/* Blogs */
/*---------------------------------------*/
/* Blog - Structure & Main Stuff */
.blog_maintable {
margin: 10px 5px 20px 5px;
}
.blog_maintable h3 {
margin: 3px 0;
}
.blog_leftcell {
vertical-align:top; /*padding: 5px;*/
}
.blog_rightcell {
vertical-align:top; /*padding: 5px;*/
}
.blog_maincell {
vertical-align:top;
padding: 0 7px;
}
.blog_rss {
text-align:center;
margin-bottom: 10px;
color: #666;
font-size:11px;
}
.blog_maintitle {
padding: 10px 0;
border-bottom:2px solid #efefef;
}
/* Blog - Post & List */
.blogpost {
border-bottom: 2px solid #e5e5e5;
padding:12px 4px 12px 0;
}
.blogpost .bp_body {
font-size: 12px;
line-height:18px;
padding-top:4px;
}
.blogpost .bp_title {
font-size:14px;
font-weight:bold;
}
.blogpost .bp_info {
color:#666;
}
.blogpost .bp_date {
margin-bottom:2px;
}
.blogpost .bp_author {
margin-bottom:2px;
}
.blogpost .bp_comments a {
margin-right:2px;
}
.blogpost .bp_cats {
}
.blogpost .bp_image {
margin: 4px 4px 0 0;
}
/* Blog - Comments List */
.blogpost_commentbox {
padding:4px 0;
}
.blogpost_commentbox .bcb_comment_item {
margin: 5px 0;
border:1px solid #ccc;
background-color:#efefef;
}
.blogpost_commentbox .bcb_comment_author {
border-top:1px dotted #999;
padding: 4px 0;
}
.blogpost_commentbox .bcb_comment_date {
color:#666666;
}
.blogpost_commentbox .bcb_comment_body {
line-height:16px;
padding: 3px 0;
}
.blogpost_commentbox h4 {
margin: 2px 0;
}
/*Blog - Comment Post */
.blogpost_addcomment {
border: 1px dashed #CFCFCF;
width:400px;
}
.blogpost_addcomment .bac_input {
width:95%
}
/* Blog - Side Widgets*/
.blog_widget {
padding:5px 0 7px 0;
border-bottom:2px solid #e5e5e5;
}
.blog_widget .bw_item {
padding:3px 2px;
}
.blog_widget .bw_border {
border-bottom: 1px dashed #ccc;
}
.blog_widget .bw_flip {
background-color: #e5e5e5;
}
.blog_widget .bw_about {
font-size:9px;
color: #666;
}
.blog_widget .bw_author {
font-size:9px;
color: #444;
}
/* Blog List Component */
.bloglist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.bloglist .table-top {
display: block; /* can be hidden with a display: none */
}
.bloglist .bl_scrollable { /* scroll */
height:300px;
overflow:auto;
}
.bloglist .bl_item {
padding: 3px;
overflow:hidden;
}
.bloglist .bl_item a {
font-size:12px;
}
.bloglist .bl_img {
display:inline;
float:left;
width:60px;
}
.bloglist .bl_border {
border-bottom: 1px dashed #ccc;
}
.bloglist .bl_flip {
background-color: #e5e5e5;
}
.bloglist .bl_about {
font-size:9px;
color: #666;
}
.bloglist .bl_author {
font-size:9px;
color: #999;
}
.bloglist .bl_comments {
text-decoration:underline;
font-size:9px !important;
color: #666;
}
.bloglist .bl_desc {
color: inherit;
}
.bloglist .bl_viewall {
margin:5px;
text-align:center;
font-size:9px /* can be hidden with a display:none */
}
/*---------------------------------------*/
/* Global Comments */
/*---------------------------------------*/
/* Comment List */
.comments_list {
margin:4px 0 0 0;
}
.comments_list .c_item {
margin: 5px 0;
padding: 5px;
border:1px solid #ccc;
background-color:#efefef;
}
.comments_list .c_author {
border-top:1px dotted #999;
padding: 4px 0;
}
.comments_list .c_date {
color:#666666;
}
.comments_list .c_body {
line-height:16px;
padding: 3px 0;
}
.comments_list h4 {
margin: 2px 0;
}
/*Comment Post */
.comment_form {
border: 1px dashed #CFCFCF;
margin-top: 10px;
padding: 3px;
width: 100%;
}
.comment_form .c_loggedin {
font-weight:bold;
padding:5px 0;
}
.comment_form .c_input {
width:95%
}
/*---------------------------------------*/
/* FAQ */
/*---------------------------------------*/
/* FAQSearch */
.faq_search {
clear:both;
padding:10px;
}
.faq_search .left {
float:left;
width:80%;
}
.faq_search .right {
float:right;
width:18%;
text-align:center;
padding-left: 10px;
}
.faq_search .addquestion {
padding:10px 0;
}
.faq_search input.textfield {
width: 95%;
font-size: 14px;
}
.faq_search input.btn {
padding: 2px 7px;
font-size:14px;
color: #333333;
background-color: #CCCFC2;
border:1px outset #AAAF99;
}
.faq_search div.autocomplete {
background-color: #FCFFEF;
color:#333;
border: 1px solid #ccc;
border-top:0;
margin: 0px;
padding: 0px;
position: absolute;
width: 250px;
z-index:900;
}
.faq_search div.autocomplete ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.faq_search div.autocomplete ul li {
cursor: pointer;
display: block;
height: 15px;
list-style-type: none;
margin: 0;
padding: 2px;
}
.faq_search div.autocomplete ul li.selected {
background-color: #BFDF8B;
}
.faq_search .results {
clear:both;
margin: 10px 0;
}
.faq_search .item {
margin-bottom: 5px;
border-bottom:1px dotted #ccc;
}
.faq_search .item p {
margin: 3px 0;
}
.faq_search .item p.date {
color: #999;
}
.faq_search .item p.rating {
color: #999;
}
.faq_search .item p.rating span.pos {
color:#060;
}
.faq_search .item p.rating span.neg {
color:#900;
}
.faq_view .addpage {
float:right;
width: 15px;
}
.faq_view .return {
font-size:10px;
}
.faq_view .answer {
line-height: 18px;
font-size:1.3em;
}
.faq_view .tags {
}
.faq_view .lastupd {
color: #999;
}
.faq_view .options .ratingresults .pos {
color:#060
}
.faq_view .options .ratingresults .neg {
color:#900
}
.faq_view .options .success {
color:#060
}
.faq_view .options .failed {
color:#900
}
.faq_addform .list_forms {
width: 600px;
}
.faq_addform .list_forms .lf_input {
width: 350px;
}
.faq_addform .return {
font-size:10px;
}
/*---------------------------------------*/
/* Media Library Properties */
/*---------------------------------------*/
.medialibrary_maintable {
margin: 10px 0px 40px 0px;
}
.medialibrary_maincell {
vertical-align:top;
padding:5px;
}
.medialibrary_rightcell {
vertical-align:top;
padding:5px;
}
.medialibrary_maintable .ml_breadcrums {
color:#999;
border-bottom:1px dashed #ccc;
padding:4px;
}
.medialibrary_maintable .ml_breadcrums a {
color:#999;
text-decoration:underline;
}
.medialibrary_maintable .ml_breadcrums a:hover {
color:#999;
text-decoration:none;
}
.medialibrary_maintable .desc {
line-height:18px;
}
.medialibrary_maintable .filetype {
font-size:14px;
}
.medialibrary_maintable .filesize {
font-size:14px;
}
.medialibrary_maintable .ml_bigicon {
margin:3px;
}
.medialibrary_maintable .ml_bigimg {
border:2px solid #999;
}
.medialibrary_maintable .download {
border:1px solid #ccc;
background-color:#F5F5F5;
padding:10px;
text-align:center;
margin-bottom:10px;
}
.medialibrary_maintable .relatedfiles ul {
padding:0;
margin:0;
}
.medialibrary_maintable .relatedfiles li {
list-style-type:none;
overflow:hidden;
}
.medialibrary_maintable .relatedfiles li .icon {
display:inline;
float:left;
width: 70px;
padding: 3px;
}
.medialibrary_maintable .relatedfiles li .title {
margin-top:15px;
}
.medialibrary_maintable .relatedfiles li .img { /* Only for actual imgs, not icons */
border: 1px solid #999;
}
.medialibrary_search_results {
font-size: 11px;
margin: 7px 0;
border-bottom: 1px dashed #ccc;
line-height:16px;
padding:7px 0;
}
.medialibrary_search_results a {
font-size: 12px;
font-weight:bold;
}
.medialibrary_search_results .ml_pdficon {
margin:3px;
}
.medialibrary_search_results .ml_imgborder {
margin:3px;
border:2px solid #999;
}
/* medialibrary list */
.medialibrarylist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.medialibrarylist .table-top {
display: block; /* can be hidden with a display: none */
}
.medialibrarylist .md_scrollable { /* scroll height:300px; overflow:auto;*/
}
.medialibrarylist .md_item {
padding: 3px;
overflow:hidden;
}
.medialibrarylist .md_item a {
font-size:12px;
margin-top: 3px;
}
.medialibrarylist .md_border {
border-bottom: 1px dashed #ccc;
}
.medialibrarylist .md_flip {
background-color: #e5e5e5;
}
.medialibrarylist .md_img {
display:inline;
float:left;
width:60px;
}
.medialibrarylist .md_img img {
margin: 3px 3px 3px 0;
}
.medialibrarylist .md_details {
color: #999;
}
.medialibrarylist .md_viewall {
margin:5px;
text-align:center;
font-size:9px; /* can be hidden with a display:none */
}
/*---------------------------------------*/
/* EVENTS Properties */
/*---------------------------------------*/
.events_maintable {
margin: 10px 0px 40px 0px;
}
.events_maintable h1 {
display:block;
padding:3px 0;
}
.events_maintable h2 {
display:block;
padding:3px 0;
}
.events_maintable h3 {
display:block;
padding:3px 0;
}
.events_maintable h4 {
display:block;
padding:3px 0;
}
.events_maincell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
.events_rightcell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
/* Search events */
.events_search_inputs {
width: 200px;
}
.events_search_results {
overflow:auto;
border-bottom: 1px dashed #ccc;
line-height:16px;
padding:7px 0;
}
.events_search_results .title {/* Title */
}
.events_search_results .title a {
font-size: 12px;
font-weight:bold;
}
.events_search_results .location {
font-style:italic;
}
.events_search_results .desc {
color:#999;
}
.events_search_results .logo {
padding:5px 5px 5px 0;
}
.event_searchby_cat {/* Can be hidden */
}
.event_searchby_location {/* Can be hidden */
}
/* View event page */
.events_breadcrums {
color:#999;
margin-bottom:10px;
border-bottom:1px dashed #ccc;
padding-bottom:4px;
}
.events_breadcrums a {
color:#999;
text-decoration:underline;
}
.events_breadcrums a:hover {
color:#999;
text-decoration:none;
}
/* To hide/show indv breadcrums: .events_breadcrums .eb_home {} .events_breadcrums .eb_search {} .events_breadcrums .eb_eventname {} */
.events_photos {
padding: 10px;
background-color:#e5e5e5;
border: 1px solid #ccc;
color: #666;
}
.events_photos img {
border:1px solid #999;
}
.events_files {
margin-bottom:20px;
}
.events_location {
float:left;
width:27%;
}
.events_map {
border:1px solid #ccc;
height:310px;
width:70%;
float:right;
z-index:1;
}
.events_rightsidebox {
border: 1px solid #cccccc;
border-top:none;
background-color:#F4F3F2
}
.events_rightsidebox div {
border-top:1px solid #ccc;
padding: 5px;
}
.events_rightsidebox div h3 {
color: #666;
font-weight:bold;
}
a.events_goregister {
color:#000;
text-transform:uppercase;
letter-spacing:2px;
font-weight:bold;
text-decoration:underline;
}
/* Legacy, deprecate. */
.events_results_desc { /* Use: .desc */
color:#999;
}
.events_results_logo { /* Use: .logo */
padding:5px 5px 5px 0;
}
/* Events Lists */
.eventslist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.eventslist .table-top {
display: block; /* can be hidden with a display: none */
}
.eventslist .el_scrollable { /* scroll */
height:450px;
overflow:auto;
}
.eventslist .el_item {
padding: 3px;
overflow:hidden;
}
.eventslist .el_border {
border-bottom: 1px dashed #ccc;
}
.eventslist .el_flip {
background-color: #e5e5e5;
}
.eventslist .el_title { /* Title Wrapper */
}
.eventslist .el_title a {
font-size:12px;
font-weight:bold;
}
.eventslist .el_logo {
margin: 2px;
float:right;
}
.eventslist .el_date {
color: #999;
font-weight:bold;
float:left;
margin:2px 5px 0 5px;
text-align:center;
width:35px;
border:1px solid #CCCCCC;
}
.eventslist .el_day {
color:#339900;
display:block
}
.eventslist .el_month {
color: #666;
display:block
}
.eventslist .el_year {
color: #666;
display:block
}
.eventslist .el_desc {
font-size:9px;
}
.eventslist .el_viewall {
margin:5px;
text-align:center;
font-size:9px; /* can be hidden with a display:none */
}
/* Registration */
.events_maintable .return_link {
margin: 10px 0;
}
.eventsreg_loginsignup {
border:1px solid #ccc;
font-size:11px;
vertical-align:top;
width: 80%;
}
.eventsreg_loginsignup table {
padding: 7px;
}
.eventsreg_loginsignup label {
display:block;
font-size:11px;
padding-right:5px;
text-align:right;
}
.eventsreg_loginsignup .signup_msg {
color: #444;
background-color:#F4F3F2;
padding:10px;
border-top:1px solid #E5E5E5;
}
.eventsreg_loginsignup .login_msg {
color: #444;
background-color:#F4F3F2;
padding:10px;
border-bottom:1px solid #E5E5E5;
}
.eventsreg_userinfo {
border:1px solid #ccc;
font-size:11px;
vertical-align:top;
width: 80%;
}
.eventsreg_userinfo table {
padding: 7px;
}
.eventsreg_userinfo label {
display:block;
font-size:11px;
padding-right:5px;
text-align:right;
}
.eventsreg_status {
border:1px solid #ccc;
font-size:11px;
vertical-align:top;
padding: 7px;
}
.eventsreg_status label {
display:block;
font-size:11px;
padding: 3px;
margin: 4px 2px;
text-align:left;
}
.eventsreg_relatedform {
border:1px solid #ccc;
font-size:11px;
vertical-align:top;
}
.eventsreg_relatedform h3 {
font-size: 12px;
display:block;
padding:3px 0;
}
.eventsreg_relatedform td {
font-size: 11px;
}
.eventreg_payment_order {
margin-top:7px;
padding: 3px;
border:1px dotted #ccc;
}
.eventreg_payment_order .heading {
border-bottom: 1px solid #ccc;
color: #666666;
}
.eventreg_payment_order .subtotal {
font-weight: bold;
color: #333;
text-align:right;
font-size:10px;
}
.eventsreg_payment .confirm {
text-align:center;
}
.eventsreg_payment .confirm p {
font-size:14px;
}
.eventsreg_payment .confirm .actionButton {
font-size:18px;
}
/*---------------------------------------*/
/* Guestbook */
/*---------------------------------------*/
.guestbook .gb_links {
margin: 5px 0;
}
.guestbook .gb_hiddenforms {
margin-top: 10px;
}
.guestbook .gb_hiddenforms .list_forms {
border:1px dashed #CCCCCC;
padding:10px 10px 0;
}
.guestbook .gb_hiddenforms .gb_req {
color: #999;
}
.guestbook .gb_item {
border-bottom:1px dashed #CCCCCC;
padding:5px;
}
.guestbook .gb_flip {
background-color:#f5f5f5;
}
.guestbook .gb_author {
float:left;
}
.guestbook .gb_author .gb_names {
font-size:14px;
font-weight:bold;
}
.guestbook .gb_author .gb_company {
text-transform:uppercase;
}
.guestbook .gb_author .gb_location {
font-size:12px;
}
.guestbook .gb_author .gb_thisisme {
color: #9CF;
}
.guestbook .gb_item .gb_report {
float:right;
width: 50px;
overflow:hidden
}
.guestbook .gb_item .gb_report a {
color: #900;
font-size:10px;
}
.guestbook .gb_item .gb_category {
color: #666;
padding:2px 0;
clear:both;
}
.guestbook .gb_item .gb_date {
color: #999;
padding:2px 0;
clear:both;
}
.guestbook .gb_item .gb_text {
line-height:18px;
}
.guestbook_manager .gbm_links {
margin: 5px 0;
}
.guestbook_manager .gbm_list {
border:1px solid #ccc;
}
.guestbook_manager .gbm_list_header {
background-color: #ccc;
}
.guestbook_manager .gbm_req {
color: #999;
}
.guestbook_manager .gbm_deletebtn {
margin-top: 5px;
float:right;
}
.guestbook_manager .list_forms {
border:1px dashed #CCCCCC;
padding:10px 10px 0;
margin: 10px 0;
}
/*---------------------------------------*/
/* Video */
/*---------------------------------------*/
.video_display {
margin: 10px 0px 40px 0px;
}
.video_display h1 {
display:block;
padding:0;
margin-top:0;
}
.video_display h3 {
}
.video_display .vd_maincell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
.video_display .vd_embed {
margin: 5px 0;
z-index:0;
z-order:0;
}
.video_display .vd_rightcell {
vertical-align:top;
padding: 5px;
font-size:11px;
}
.video_display .vd_details {
line-height: 18px;
}
.video_display .vd_details label {
float:left;
width:50px;
}
.video_display .vd_details input {
width: 300px;
font-size:11px;
font-family:"Courier New", Courier, monospace;
}
.video_display .vd_details textarea {
width: 300px;
height: 50px;
font-size:11px;
font-family:"Courier New", Courier, monospace;
}
.video_display .vd_details .desc {
border-left: 3px solid #ccc;
padding: 5px 50px 5px 10px;
}
.video_display .vd_details .posted {
font-weight:bold;
}
/* video list (inside video display page) */
.video_display .videolist {
border:none;
padding-left: 10px;
height: 100%;
}
.video_display .vl_title {
font-size:14px;
padding:3px;
}
/* video list (standalone) */
.videolist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.videolist .table-top {
display: block; /* can be hidden with a display: none */
}
.videolist .vl_video {
margin: 5px 0;
height: 160px;
width:100%;
text-align:center
}
.videolist .vl_ajax {
margin:5px;
}
.videolist .vl_scrollable {
overflow:auto; /* to scroll: add px height. If display-style=left, video height is assigned. */
}
.videolist .vl_item {
padding: 3px;
overflow:hidden;
}
.videolist .vl_border {
border-bottom: 1px dashed #ccc;
}
.videolist .vl_flip {
background-color: #e5e5e5;
}
.videolist .vl_img {
display:inline
}
.videolist .vl_img img {
margin:1px 7px 1px 2px;
}
.videolist .vl_name a {
font-size:12px;
}
.videolist .vl_length {
display:block;
}
.videolist .vl_playing {
color: #999;
font-style:italic;
}
.videolist .vl_details {
color: #999;
}
.videolist .vl_viewall {
margin:5px;
text-align:center;
font-size:9px; /* Pagination */
}
/*---------------------------------------*/
/* News */
/*---------------------------------------*/
/* News Search */
.newssearch {
border: 1px solid #CCC;
}
.newssearch .table-top {
display: block; /* can be hidden with a display: none */
}
.newssearch .ns_input {
width: 120px
}
.newssearch .ns_item {
padding: 3px;
}
.newssearch .ns_item a {
font-size:12px;
margin-top: 3px;
font-weight:bold;
}
.newssearch .ns_border {
border-bottom: 1px dashed #ccc;
}
.newssearch .ns_flip {
background-color: #e5e5e5;
}
.newssearch .ns_date {
color: #999;
}
.newssearch .ns_desc {
color: #444;
}
.newssearch .ns_viewall {
margin:5px;
text-align:center;
font-size:9px; /* can be hidden with a display:none */
}
/* News Search Mini */
.newssearchmini {
padding: 5px;
}
.newssearchmini .nsm_input {
width: 120px
}
/* News Page Properties */
.news {
margin: 0;
padding:10px;
}
.news h1 {
display:block;
padding:0;
margin-top:0;
}
.news h3 {
}
.news .news_bottombar {
border-top:1px solid #ccc;
margin-right:5px;
padding: 5px 0;
}
.news .news_image {
margin: 4px 0 2px 6px;
}
/* News List Properties */
.newslist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.newslist .table-top {
display: block;
overflow:hidden;
}
.newslist .table-top .nl_title {
float:left;
}
.newslist .table-top .nl_rss {
float:right;
margin-top:10px;
}
.newslist .nl_scrollable { /* scroll? height:450px; overflow:auto; */
}
.newslist .nl_headingimg {
text-align:center;
}
.newslist .nl_headingimg img {
margin: 5px;
}
.newslist .nl_item {
padding: 3px;
overflow:hidden;
}
.newslist .nl_item a {
font-size:12px;
margin-top: 3px;
width: 97%;
}
.newslist .nl_border {
border-bottom: 1px dashed #ccc;
}
.newslist .nl_flip {
background-color: #e5e5e5;
}
.newslist .nl_img {
display:inline;
float:left;
}
.newslist .nl_img img {
margin:1px 7px 1px 2px;
}
.newslist .nl_date {
color: #999;
}
.newslist .nl_details {
color: inherit;
}
.newslist .nl_viewall {
margin:5px;
text-align:center;
font-size:9px; /* can be hidden with a display:none */
}
/* These styles are deprecated. (if in use, remove) */
.news-title {
border-bottom: #333333 solid 1px;
color: #e88b1b;
font-size: 14px;
font-weight: bold;
height: 40px;
padding: 5px;
}
.news-author {
font-style: italic;
}
.news-date {
color: #999;
}
.news-print {
}
.news-content {
font-size: 10px;
height: 250px;
padding: 5px;
vertical-align: top;
}
.news-list-title {
color: #f7941d;
font-weight: bold;
}
.news-list-date {
color: #93a8a9;
font-weight: bold;
}
.news-list-content {
background-color: #f7f8f8;
color: #000000;
}
.news-list-content-alt {
background-color: #5b7778;
color: #FFFFFF;
}
/*---------------------------------------*/
/* Site Aggregator List */
/*---------------------------------------*/
.siteupdates {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.siteupdates .table-top {
display: block;
overflow:hidden;
}
.siteupdates .table-top .su_title {
float:left;
}
.siteupdates .table-top .su_rss {
float:right;
margin-top:10px;
}
.siteupdates .su_ajax { /* wraps items and pagination. DNR, js calls on this class */
}
.siteupdates .su_scrollable { /* wraps only items, if you want the box to scroll: height:450px; overflow:auto; */
}
.siteupdates .su_item {
padding: 3px;
overflow:hidden;
}
.siteupdates .su_item a {
font-size:12px;
margin-top: 3px;
width: 97%;
}
.siteupdates .su_border {
border-bottom: 1px dashed #ccc;
}
.siteupdates .su_flip {
background-color: #e5e5e5;
}
.siteupdates .su_img {
display:inline;
float:left;
margin-right:5px;
}
.siteupdates .su_img img {
margin:2px;
}
.siteupdates .su_date {
color: #999;
}
.siteupdates .su_category {
color: #999; /* can be hidden with a display:none */
}
.siteupdates .su_details {
color: inherit;
}
.siteupdates .su_viewall {
margin:5px;
text-align:center;
font-size:9px;
}
/* Icons for each type (defaults to Mantis' CMS icons)
Sample substitute image: "/uploads/Image/icons/file.png" */
.siteupdates .su_news {
background-image:url(../images/icons_modules/calendar.png);
background-position: right;
background-repeat:no-repeat;
}
.siteupdates .su_videos {
background-image:url(../images/icons_modules/film.png);
background-position: right;
background-repeat:no-repeat;
}
.siteupdates .su_events {
background-image:url(../images/icons_modules/calendar.png);
background-position: right;
background-repeat:no-repeat;
}
.siteupdates .su_locations {
background-image:url(../images/icons_modules/location.png);
background-position: right;
background-repeat:no-repeat;
}
.siteupdates .su_blog {
background-image:url(../images/icons_modules/blog.png);
background-position: right;
background-repeat:no-repeat;
}
/*---------------------------------------*/
/* Site Aggregator Combo */
/*---------------------------------------*/
.siteaggregatorcombo {
color: #333;
text-align: left;
}
.siteaggregatorcombo .sac_wrapper {
border: 1px solid #CCC;
border-top:0;
}
.siteaggregatorcombo .sac_filter_dropdown {
border-bottom:1px solid #CCCCCC;
padding:3px; /*IE7: prevents line from riding up */
min-height:25px;
}
.siteaggregatorcombo .sac_filter_textlinks {
border-bottom:1px solid #CCCCCC;
padding:3px; /*IE7: prevents line from riding up */
min-height:17px;
}
.siteaggregatorcombo .sac_filter_textlinks a {
padding-right: 5px;
}
.siteaggregatorcombo .sac_filter_selected {
font-weight:bold;
}
/* Ajax List */
.siteaggregatorcombo .sac_scrollable { /* wraps only the content, if you want the box to scroll: height:450px; overflow:auto; */
}
.siteaggregatorcombo .sac_item {
padding: 3px;
overflow:hidden;
}
.siteaggregatorcombo .sac_item a {
font-size:12px;
margin-top: 3px;
width: 97%;
}
.siteaggregatorcombo .sac_border {
border-bottom: 1px dashed #ccc;
}
.siteaggregatorcombo .sac_flip {
background-color: #e5e5e5;
}
.siteaggregatorcombo .sac_img {
display:inline;
float:left;
margin-right:5px;
}
.siteaggregatorcombo .sac_img img {
margin:2px;
}
.siteaggregatorcombo .sac_date {
color: #999;
}
.siteaggregatorcombo .sac_category {
color: #999; /* can be hidden with a display:none */
}
.siteaggregatorcombo .sac_details {
color: inherit;
}
.siteaggregatorcombo .sac_viewall {
margin:5px;
text-align:center;
font-size:9px;
}
/* Tabs */
.siteaggregatorcombo .sac_tabs {
border-bottom: 1px solid #ccc;
margin:5px 0 0 0;
padding:3px 0 3px 10px;
}
.siteaggregatorcombo .sac_tabs li {
display: inline;
list-style: none;
margin: 0;
}
.siteaggregatorcombo .sac_tabs li a {
text-transform:uppercase;
text-decoration: none;
background: #e5e5e5;
border: 1px solid #ccc;
border-bottom: none;
margin-left: 6x;
padding:3px 0.8em;
}
.siteaggregatorcombo .sac_tabs li a:hover { /* Hover */
background: #fff;
text-decoration: underline;
}
.siteaggregatorcombo .sac_tabs li a.selected { /* Selected */
background: #fff;
border-bottom: 1px solid #fff;
}
/*---------------------------------------*/
/* Content Components */
/*---------------------------------------*/
/* Content List Collapse */
.contentlistcollapse .clc_title {
border-top: 1px dotted #ccc;
margin: 5px 0;
}
.contentlistcollapse .clc_title a {
}
.contentlistcollapse .clc_arrow_on {
font-size:14px;
color:#FF6600;
margin-right:2px;
}
.contentlistcollapse .clc_arrow_off {
font-size:14px;
color:#FF6600;
}
.contentlistcollapse .clc_body {
margin-left:15px;
}
/* Content Rotator */
.contentrotator { /*width&height for the wrapper*/
}
.contentrotator .cn_fadebox { /*position:absolute; width, height, and top values can be set here or inside each content piece */
}
/* Content In Tabs (Ajax) */
ul#contenttab_list {
margin: 10px auto 5px 0;
padding-left: 0;
white-space: nowrap;
}
#contenttab_list li {
display: inline;
list-style-type: none;
}
#contenttab_list a { /* all tabs style */
background-color: #e5e5e5;
padding: 5px 15px;
color: #444;
text-decoration: none;
}
#contenttab_list a:link, #contenttab_list a:visited { /* inactive tab style */
background-color: #e5e5e5;
}
#contenttab_list a:hover { /* hover tab style*/
background-color: #999;
}
#contenttab_list a.current { /* active tab style */
background-color: #999;
text-transform: none;
}
.contenttab_box { /* content box style */
border: 1px solid #ccc;
padding: 10px;
width: 97%;
}
/*---------------------------------------*/
/* Items */
/*---------------------------------------*/
.itemsdisplay .id_leftcol {
float:left;
width: 60%;
}
.itemsdisplay .id_rightcol {
float:right;
width:39%
}
.itemsdisplay .id_mainphoto img {
border:1px solid #ccc;
height: 100%;
}
.itemsdisplay .id_thumbs {
margin: 10px 0 0 0;
padding:0;
}
.itemsdisplay .id_thumbs li {
list-style:none;
border:1px solid #ccc;
margin:5px;
}
.itemsdisplay .id_thumbs img {
cursor:pointer;
}
.itemsdisplay .id_desc {
line-height:18px;
}
.itemsdisplay .id_link {
margin:4px 0;
}
.itemsdisplay .id_link a {
background-color: #999;
color:#fff;
padding:4px;
}
.itemsdisplay .id_price h3 {
background-color: #999;
color:#fff;
padding:3px 2px;
}
.itemsdisplay .id_price p {
margin: 2px 0 4px 0;
font-weight:bold;
}
.itemsdisplay .id_customfields h3 {
background-color: #999;
color:#fff;
padding:3px 2px;
}
.itemsdisplay .id_customfields ul {
padding:0;
margin: 5px 0 20px 0;
}
.itemsdisplay .id_customfields li {
list-style:none;
padding:2px 0;
margin:0;
border-bottom: 1px solid #ccc;
}
.itemsdisplay .id_customfields li span {
font-weight:bold;
}
.itemsdisplay .id_form .form_fieldname {
white-space: normal;
}
.itemsdisplay .id_form .form_field {
width:90%
}
/* items list */
.itemslist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.itemslist .il_item {
padding: 3px;
text-align:center;
}
.itemslist .il_item a {
font-size:12px;
}
.itemslist .il_border {
border-bottom: 1px dashed #ccc;
}
.itemslist .il_image {
margin: 2px 2px 2px 0;
display:inline-block;
}
.itemslist .il_image img {
height:100%;
}
.itemslist .il_name {
font-size:9px;
}
.itemslist .il_price {
font-size:9px;
}
.itemslist p { /* No results msg */
padding:5px;
}
/*---------------------------------------*/
/* Poll */
/*---------------------------------------*/
.poll {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.poll .table-top h1 { /* Style heating */
}
.poll .poll_item {
padding:3px;
}
.poll .poll_flip {
background-color: #e5e5e5;
}
.poll .poll_bgbar {
background-color:#e5e5e5;
width:100%;
height:15px;
margin:3px 0 5px 0;
}
.poll .poll_percentbar {
background-color:#66CC66;
height:13px;
border:1px solid #3F8F3E;
}
.poll .poll_buttons {
margin:5px;
text-align:center;
font-size:9px;
}
/*---------------------------------------*/
/* Gallery.2 */
/*---------------------------------------*/
.gallery2 {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.gallery2 .table-top {
display: block; /* can be hidden with a display: none */
}
.gallery2 .g2_item {
vertical-align:top;
text-align:center;
padding:4px; /*cell (td) styling*/
}
.gallery2 .g2_thumb {
margin:3px;
border:1px solid #999;
}
.gallery2 .g2_title {
font-size:12px;
margin-top: 3px;
display:block;
}
.gallery2 .g2_caption {
color: #999;
display:block;
}
.gallery2 .g2_pager {
margin:5px;
text-align:center;
font-size:9px;
}
/*---------------------------------------*/
/* Newsletter Signup */
/*---------------------------------------*/
.newslettersignup {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.newslettersignup .table-top {
margin-bottom: 5px;
display: block; /* can be hidden with a display: none */
}
.newslettersignup label {
float:left;
display:block;
margin: 3px;
width: 30%; /* get rid of width if you wish input to appear underneath */
}
.newslettersignup .ns_email {
margin:3px;
}
.newslettersignup .ns_action {
margin: 0 3px;
}
.newslettersignup .ns_action label {
display:block;
margin: 3px;
}
.newslettersignup .ns_options {
margin:3px;
border:1px dotted #999;
}
.newslettersignup .ns_options div {
clear:left;
padding:2px;
}
.newslettersignup .ns_button {
margin:3px;
text-align:center
}
/*---------------------------------------*/
/* Form Manager */
/*---------------------------------------*/
.form_style table { /* wrapps everything form, errors, etc. width: 480px; -> width of the table*/
}
.form_style .form_maintable {
border:thin solid #CCCCCC;
color:#333333;
text-align:left;
}
.form_style .form_about {
padding:10px;
vertical-align:top;
}
.form_style .form_required {
color: #FF0000;
}
.form_style .form_desc {
color: #999999;
}
.form_style .form_fieldname {
font-weight:bold;
}
.form_style .form_question {
white-space:normal;
}
.form_style .form_field { /*override for fields */
}
/* For the Form Manager to work, you need a lot of the styles under the "Common Styles" section */
/*---------------------------------------*/
/* User Profile */
/*---------------------------------------*/
/* Results Page */
.userprofile .up_item {
overflow:auto;
border-bottom: 1px dashed #ccc;
line-height:16px;
padding:7px 0;
}
.userprofile .up_item .image {
float: left;
}
.userprofile .up_item .image img {
margin:5px 5px 5px 0;
border:1px solid #ccc;
}
.userprofile .up_item .title a {
font-size: 12px;
font-weight:bold;
}
.userprofile .up_item .location {
font-style:italic;
}
.userprofile .up_item .desc {
color:#999;
}
/* View Page */
.userprofile .upv_return a {
color: #999;
font-size:10px;
}
.userprofile .up_edit {
font-size:11px;
color: #999;
font-weight:normal;
text-decoration:none
}
.userprofile .upv_bio {
line-height:18px;
}
.userprofile .upv_bio .img {
border:1px solid #999;
}
.userprofile .upv_map {
border:1px solid #999;
height:310px;
z-index:1;
margin-top:10px;
}
.userprofile .upv_titles {
font-weight: bold;
}
.userprofile .upv_age {
display: none;
}
/*---------------------------------------*/
/* User Profile */
/*---------------------------------------*/
.userprofilesearch {
border: 1px solid #CCC;
padding:0 10px;
martin-top:10px;
}
.userprofilesearch label {
display:block;
}
.userprofilesearch .width {
width:98%;
}
/*---------------------------------------*/
/* User Profile Media table */
/*---------------------------------------*/
.media_header {
padding:5;
martin-top:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;
font-weight: bold;
}
/*---------------------------------------*/
/* User Profile Edit */
/*---------------------------------------*/
.profileedit .pe_breadcrums {
margin: 0 3px;
}
.profileedit .pe_breadcrums_profile { /* can be hidden with display:none */
}
.profileedit .pe_tab_basic, .profileedit .pe_tab_privacy, .profileedit .pe_tab_profile { /* can be hidden with display:none */
}
/* Profile Edit Nav */
#profiledit_nav {
border-bottom: 1px solid #778;
margin-left: 0;
padding: 3px 0;
}
#profiledit_nav li {
display: inline;
list-style: none;
margin: 0;
}
#profiledit_nav li a /* tab container */ {
background: #E7EFC2;
color: #666;
border: 1px solid #778;
border-bottom: none;
margin-left: 6x;
padding: 3px 0.7em;
text-decoration: none;
}
#profiledit_nav li a:hover {
background: #669933;
color: #fff;
text-decoration: underline;
}
#profiledit_nav li a#current /* selected */ {
background: #669933;
color: #fff;
border-bottom: 1px solid #778;
}
#profiledit_nav li a#highlight /* highlight */ {
background:#F2C07D;
color: #666;
border-bottom: 1px solid #778;
}
/*---------------------------------------*/
/* User Profile Media Tables */
/*---------------------------------------*/
.profiledit_tableheader {
border-bottom: 1px solid #666;
font-weight: bold;
}
.profiledit_tablerow {
border-bottom: 1px solid #CCC;
}
/*---------------------------------------*/
/* Login Properties */
/*---------------------------------------*/
.loginform {
text-align:right;
padding: 5px;
}
.loginform form {
padding:0;
margin:0;
}
.loginform label {
text-align:right;
}
.loginform input.formfield {
width: 110px;
}
.loginform input.button { /* if nothing here, keeps styles set way up on this file */
}
.loginbox {
padding: 5px;
text-align:right
}
.loginbox .profile { /* can be hidden */
}
/*---------------------------------------*/
/* Sitemap */
/*---------------------------------------*/
.sitemap .stm_level_one {
}
.sitemap .stm_level_one li {
list-style-type:lower-roman;
}
.sitemap .stm_level_two {
margin-top:10px;
}
.sitemap .stm_level_two li {
list-style-type:disc;
}
.sitemap .stm_level_three {
margin-top:5px;
}
.sitemap .stm_level_three li {
list-style-type:circle;
}
.sitemap .stm_level_four {
margin-top:5px;
}
.sitemap .stm_level_four li {
list-style-type:circle;
}
/*---------------------------------------*/
/* Calendar (all) */
/*---------------------------------------*/
.calendar {
font-size: 12px;
}
.calendar h1 {
font-size: 22px;
padding: 10px;
}
.calendar .date {
height: 120px;
text-align: right;
color: #666;
vertical-align:top;
border: 1px dotted silver;
padding: 5px;
}
.calendar .date:hover {
background-color: #E5E5E5; /* Cell hover */
}
.calendar .dayheadings {
width: 14%;
font-size:14px;
padding: 10px;
}
.calendar .dateselected {
background-color:#CCC; /* Cell selected (todays date) */
}
.calendar div.cellitems {
text-align: left;
}
.calendar div.cellitems ul {
padding: 0;
margin:0px;
}
.calendar div.cellitems ul li.title {
list-style: none;
padding:3px 0;
margin:2px 0;
}
.calendar div.cellitems ul li.title a {
display:block;
}
.calendar div.cellitems ul li.gotonext {
list-style: none;
padding:3px 0;
margin:2px 0;
background-color:none;
text-align:right;
}
.calendar div.cellitems ul li.gotonext a {
display:block;
color: #999;
}
.calendar .arrownav {
font-size:20px;
padding: 5px;
}
.calendar .monthnavleft {
float:left;
width:100px;
margin:10px 0 10px 10px;
text-align:left;
font-weight:bold;
font-size:14px;
}
.calendar .monthnavright {
float:right;
width:100px;
margin:10px 10px 10px 0;
text-align:right;
font-weight:bold;
font-size:14px;
}
.calendar .monthnav {
float:left;
width:50%;
margin: 10px;
text-align:center;
}
.calendar .sidebar {
border:1px dashed #ccc;
padding: 5px;
margin-top:36px;
width: 135px;
}
.calendar .specificsearch {
border: 1px solid #2B67AF;
padding: 7px;
color: #2B67AF;
font-weight:bold;
font-size:11px;
}
/* small calendar */
.calendar_small {
color: #333;
border: 1px solid #CCC;
}
.calendar_small .date {
margin: 2px;
padding:3px;
text-align:center;
display:block;
color: #666;
}
.calendar_small .dateselected {
background-color:#FFFFCC;
} /* cell selected (todays date) */
.calendar_small .datehascontent {
background-color:#CCCCFF;
}
.calendar_small .dayheadings {
padding: 3px;
text-align:center;
}
.calendar_small .arrownav {
font-size:14px;
padding: 5px;
}
/*---------------------------------------*/
/*Shopping Cart CSS Properties */
/*---------------------------------------*/
/* Checkout */
.Shopping-Cart-ProgressBar {
margin-top: 20px;
}
/* View Cart Box */
.Shopping-Cart-Main {
border:1px solid #CCCCCC;
margin:10px auto;
}
.Shopping-Cart-Top {
padding:4px 2px;
border-bottom:1px dotted #666666;
}
.Shopping-Cart-LineItems-Title {
padding:2px 2px 4px;
}
.Shopping-Cart-LineItems {
background-color: #e5e5e5;
padding:2px;
}
.Shopping-Cart-LineItems-Alt {
padding:2px;
}
.Shopping-Cart-LineItems-Total {
padding:6px 2px 2px;
}
.Shopping-Cart-Paypal-Order {
padding: 3px;
background-color:#FFFF99;
}
/* Moneris Receipt */
.Shopping-Receipt-Moneris {
color: inherit;
border:1px solid #ccc;
width: 80%;
margin:auto;
}
.Shopping-Receipt-Moneris td {
padding:5px;
}
.Shopping-Receipt-Moneris .heading {
font-size:14px;
font-weight:bold;
text-transform:capitalize;
text-align:center;
}
.Shopping-Receipt-Moneris .leftcol {
width: 45%;
text-align:right;
font-weight:bold;
}
.Shopping-Receipt-Moneris .orderid {
font-size:14px;
color:#333;
font-weight:bold;
}
.Shopping-Receipt-Moneris .total {
font-size:14px;
font-weight:bold;
}
.Shopping-Receipt-Moneris .footer {
text-align: center;
}
/* Store Menu */
.Category-Table-Wrapper { /* Menu Wrapper */
border: 1px solid #CCC;
}
.Category-Table { /* Category Section */
border-bottom:1px solid #FFFFFF;
}
.Category-Title { /* Top Cat */
background-color: #CCCCCC;
padding:5px;
}
.Category-Title a { /* Top Cat Link (defaults to site's link color) */
}
.Category-Title-On { /* Selected Top Cat */
background-color: #77BF6B;
padding:5px;
}
.Category-Title-On a { /* Selected Top Cat Link */
color: #FFFFFF;
}
.Category-Button { /* Sub-Cat */
padding:5px;
}
.Category-Button-On { /* Selected Sub-Cat */
background-color: #77BF6B;
padding:5px;
}
.Category-Button-On a { /* Selected Sub-Cat Link */
color: #FFFFFF;
}
/* Headings */
.Product-Breadcrumbs {
background-color: #666;
color: #fff;
padding: 5px;
}
.Product-Breadcrumbs a {
color: #fff !important;
}
/* Products List */
.Product-Table-Wrapper {
background-color: #FFFFFF;
border: 1px solid #666;
width: 100%;
}
.Product-Table { /* Each Product Cell */
border: 1px solid #CCC;
height: 250px;
}
.Product-Table-Sub { /* Cell Spacing */
padding: 5px;
width: 33%;
}
.Product-Table-Main { /* Product Page - Table: */
border: 1px solid #666666;
height: 400px;
}
.Product-Title { /* Product Page - Title: */
background-color: #e5e5e5;
border-bottom: #ccc solid 1px;
color: #000000;
font-size: 14px;
height: 30px;
padding: 5px;
}
.Product-Content { /* Product Page - Content: */
color: #333333;
padding: 5px;
}
.Product-Description {
color: #FF9900;
font-weight: bold;
}
.Product-Price-Left { /* Product List - Prince: */
font-weight:bold;
float:left;
width:50%
}
.Product-Price-Right { /* Product List - Prince: */
font-weight:bold;
float:right;
width:50%
}
.Product-Img { /* Product List - Image Min: */
height: 125px;
}
.Product-Options { /* Rel Products & Gallery */
color: #FF9900;
font-weight: bold;
}
.Product-Pager { /* Product Page - Pagination: */
color: #FFFFFF;
padding: 5px;
text-align: center;
}
/*---------------------------------------*/
/*DHTML Tool Tip */
/*---------------------------------------*/
#dhtmltooltip {
position: absolute;
height: 150px;
width: 350px;
padding: 0px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
/*---------------------------------------*/
/*August 2013 Form Builder */
/*---------------------------------------*/
.FormBuilder_MainDiv {
border: medium none;
color: #000000;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}
.FormBuilder_MainDiv #dhtmltooltip {
background-color: #FFFFFF;
border: 2px solid;
color: #000000;
font-size: 13px;
height: auto;
padding: 12px;
position: absolute;
visibility: hidden;
width: auto;
z-index: 100;
}
#FormBuilder input {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 4px 4px 4px 4px;
font-size: 13px;
max-width: 250px;
min-width: 100px;
padding: 5px;
width: auto;
}
#FormBuilder textarea {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 4px 4px 4px 4px;
color: #444444;
font-size: 13px;
max-width: 250px;
padding: 5px;
width: 200px;
}
#FormBuilder select {
background-color: #FFFFFF;
border-radius: 4px 4px 4px 4px;
font-size: 13px;
padding: 5px;
}
.FormBuilder_MainDiv p {
font-size:14px;
}
#FormBuilder_Name {
border-bottom: 2px solid #E2E2E2;
color: #000000;
float: left;
font-size: 24px;
font-weight: normal;
padding: 0 0 10px;
width: 100%;
}
#FormBuilder_Desc {
color: #666666;
float: left;
font-size: 14px;
font-weight: normal;
width: 100%;
}
.FormBuilder_StepDiv {
border: 1px solid #E2E2E2;
float: left;
padding: 0 0 20px;
width: 100%;
}
FormBuilder_Step_1.FormBuilder_StepDiv {
font-size:18px;
font-weight:normal;
color:#000;
padding:0;
}
.FormBuilder_Step_Display {
background-color:#333333;
color:#fff;
font-size:16px;
font-weight:bold;
padding:12px 20px;
}
#FormBuilder {
padding:12px 20px;
margin:0;
}
.FormBuilder_RegLinks {
border-bottom: 2px solid #E2E2E2;
font-size: 14px;
font-weight: bold;
height: 22px;
margin: 12px 0;
padding: 0;
width: 100%;
}
.FormBuilder_RegLinks a {
background-color: #999999;
border-radius: 4px 4px 0 0;
color: #FFFFFF;
height: auto;
line-height: normal;
margin: 0;
padding: 6px 7px;
text-decoration: none;
}
.FormBuilder_RegLinks a:hover {
background-color: #333;
color: #FFFFFF;
}
#FormBuilder_LoginForm {
margin:0;
padding:0;
}
#FormBuilder_LoginForm table {
padding:0;
}
#FormBuilder_LoginForm td {
color: #333333;
font-size: 13px;
font-weight: bold;
padding: 5px 5px 5px 0;
text-align: left;
vertical-align: top;
width: auto;
}
#FormBuilder_Button_Div {
display: block;
float: left;
margin: 20px 0 0;
padding: 0;
width: 100%;
}
#FormBuilder_Button_Div input#btnNext, #FormBuilder_Restart_Link {
background-color:#333;
margin:0;
padding:5px 9px;
border-radius:4px;
border: 1px solid #CCCCCC;
color:#fff;
cursor:pointer;
font-weight:bold;
text-decoration:none;
}
#FormBuilder_Button_Div input#btnNext:hover, #FormBuilder_Restart_Link:hover {
background-color:#e2e2e2;
color:#333;
}
#FormBuilder_Button_Div input#btnPrev {
background-color:#333;
margin:0;
padding:5px 9px;
border-radius:4px;
color:#fff;
cursor:pointer;
font-weight:bold;
}
#FormBuilder_Button_Div input#btnPrev:hover {
background-color:#e2e2e2;
color:#333;
}
#FormBuilder .error, #FormBuilder_LoginForm .validation-advice, #FormBuilder_LoginForm .form_error {
color: #FF0000;
font-size: 11px;
font-weight: bold;
padding: 4px 0 0 8px;
text-align: left;
}
.FormBuilder_MainDiv .error, .FormBuilder_MainDiv .validation-advice, .FormBuilder_MainDiv .form_error {
color: #FF0000;
font-size: 11px;
font-weight: bold;
padding: 4px 0 0;
text-align: left;
}
.FormBuilder_QuestionDiv .error, .FormBuilder_QuestionDiv .validation-advice, .FormBuilder_QuestionDiv .form_error {
padding: 4px 0 0 80px;
}
.FormBuilder_Table_SingleSelectRadios th {
font-size:13px;
}
.FormBuilder_Table_SingleSelectRadios td {
padding:4px 0;
text-align:center;
}
.FormBuilder_RegForm {
float: left;
margin: 12px 0;
padding: 0;
width: 100%;
text-align:left;
}
.FormBuilder_RegForm table {
width:100%;
padding:0;
}
.FormBuilder_RegForm td {
text-align:left;
font-size:13px;
font-weight:bold;
color:#000;
width:auto;
padding: 5px 5px 5px 0;
}
.FormBuilder_RegForm .error, .FormBuilder_RegForm .validation-advice, .FormBuilder_RegForm .form_error {
padding: 4px 0 0 0px;
}
.FormBuilder_QuestionDiv {
float: left;
margin: 0;
padding: 0 0 12px;
width: 100%;
}
.FormBuilder_txtInput {
margin:12px 0;
}
a.FormBuilder_ToolTip_Link {
float: left;
font-weight: normal;
margin: 0 4px 0 0;
}
.FormBuilder_txtSingle, .FormBuilder_txtFile, .FormBuilder_txtMatrix {
border-bottom: 1px solid #E2E2E2;
font-size: 15px;
font-weight: bold;
margin: 12px 0;
padding: 0 0 10px;
}
.FormBuilder_Matrix {
float: left;
padding: 8px 0 0;
}
.FormBuilder_Matrix th {
border-bottom: 1px solid #CCCCCC;
font-size: 13px;
text-align: center;
}
.FormBuilder_Matrix_Y {
border-bottom: 1px solid #CCCCCC;
padding: 6px;
}
.FormBuilder_Matrix td, th.FormBuilder_Matrix_X {
border-bottom: 1px solid #CCCCCC;
padding: 6px;
text-align: left;
}
th.FormBuilder_Matrix_X div.validation-advice {
text-align:center;
}
.FormBuilder_Table_Checkboxes {
}
.FormBuilder_Table_Checkboxes td, .FormBuilder_Table_Checkboxes th {
color: #000000;
font-size: 13px;
font-weight: bold;
padding: 5px 5px 5px 0;
text-align: left;
vertical-align: top;
width: auto;
}
.FormBuilder_Table_Checkboxes td {
text-align:center;
}
.FormBuilder_Table_Checkboxes .error, .FormBuilder_Table_Checkboxes .validation-advice, .FormBuilder_Table_Checkboxes .form_error {
padding: 4px 0 0 0px;
}
.FormBuilder_Table_SingleSelectDropDown {
}
.FormBuilder_Table_SingleSelectRadios {
float:left;
}
.FormBuilder_Table_SingleSelectDropDown th{
text-align:left;
font-size:13px;
font-weight:bold;
color:#000;
width:auto;
padding: 5px 5px 5px 0;
vertical-align:top;
}
.FormBuilder_Table_SingleSelectDropDown td {
vertical-align:top;
}
.FormBuilder_Table_SingleSelectDropDown .error, .FormBuilder_Table_SingleSelectDropDown .validation-advice, .FormBuilder_Table_SingleSelectDropDown .form_error {
padding: 4px 0 0 0px;
}
.FormBuilder_FileTypesInfo {
display: table;
font-size: 11px;
margin: 0 0 0 10px;
padding: 3px 10px;
}
.FormBuilder_QuestionDiv .FormBuilder_FileTypesInfo {
display: table;
font-size: 11px;
margin: 0 0 0 0px;
padding: 3px 10px;
}
.FormBuilder_QuestionDiv .red {
color: #CC0000;
float: none;
padding: 0 4px 0 0;
}
.FormBuilder_RegForm .red {
color: #CC0000;
float:none;
padding: 0 4px 0 0;
}
.FormBuilder_QuestionHeader {
margin: 0;
padding: 0;
width: 100%;
float:left;
border-bottom: 1px solid #E2E2E2;
font-size: 15px;
font-weight: bold;
margin: 12px 0;
padding: 0 0 10px;
}
.FormBuilder_QuestionToolTipHeader {
margin:0;
padding:0;
float:none;
}
.FormBuilder_Header {
border: 1px solid #E2E2E2;
float: left;
padding: 12px 20px 20px;
width: 96%;
}
.FormBuilder_Header h5 {
border-bottom: 1px solid #E2E2E2;
font-size: 15px;
font-weight: bold;
margin: 12px 0;
padding: 0 0 10px;
}
/*---------------------------------------*/
/* Publisher */
/*---------------------------------------*/
.publisher {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.publisherwidget {
margin:0 0 0 2%;
}
.publisher .noticebox {
margin-top:10px;
}
.publisher .noticebox a {
color: #fff;
}
.publisher .posts {
margin: 10px 0;
}
.publisher .posts.all {
border-bottom: 1px solid #CCCCCC;
float: left;
padding-bottom: 20px;
width: 100%;
}
.publisher .posts .body {
line-height:20px;
font-size: 14px;
}
.publisher .posts.single {
border-bottom: 1px solid #CCCCCC;
float: left;
padding-bottom: 20px;
width: 100%;
}
.publisher .posts.single .body {
float:left;
width:100%;
}
.slider-wrapper {
width:100%;
}
.publisher .posts.single .body-photos {
float:left;
width:100%;
}
.publisher .posts.single .body-photos .slider-wrapper{
padding:0% 0 2% 0;
}
.publisher .posts .main_img {
float: left;
margin: 0 2% 2% 0;
max-width: 100%;
width: auto;
}
.publisher .posts .main_img img {
margin: 0 2% 2% 0;
max-width: 100%;
float:left;
width:auto;
}
.publisher .posts .photos {
overflow: auto;
padding: 10px 0;
}
.publisher .posts .photos .thumbnail {
}
ul.publisher_ul_lightbox {
width:100%;
margin:0;
padding:0;
float:left;
}
ul.publisher_ul_lightbox_2_cols li a img, ul.publisher_ul_lightbox_3_cols li a img, ul.publisher_ul_lightbox_4_cols li a img, ul.publisher_ul_lightbox_5_cols li a img, ul.publisher_ul_lightbox_6_cols li a img{
width:100%;
max-width:100%;
}
ul.publisher_ul_lightbox_2_cols li{
width:49%;
margin:.25% .25% -.25%;
padding:0;
float:left;
list-style: none outside none;
}
ul.publisher_ul_lightbox_3_cols li{
width:32%;
margin:.25% .25% -.25%;
padding:0;
float:left;
list-style: none outside none;
}
ul.publisher_ul_lightbox_4_cols li {
float: left;
list-style: none outside none;
margin: 0.25% 0.25% -0.25%;
padding: 0;
width: 24%;
}
ul.publisher_ul_lightbox_5_cols li {
float: left;
list-style: none outside none;
margin: 0.25% 0.25% -0.25%;
padding: 0;
width: 19%;
}
ul.publisher_ul_lightbox_6_cols li {
float: left;
list-style: none outside none;
margin: 0.25%;
padding: 0;
width: 15.8%;
}
.publisher .posts .footer {
background-color: #EEEEEE;
float: left;
font-size: 12px;
margin-bottom: 20px;
padding: 2%;
width: 96%;
}
.publisher .posts .footer .date h3 {
display:inline;
}
.publisher .posts .footer .author h3 {
display:inline;
}
.publisher .posts .footer .comments {
padding: 0 0 7px;
}
.publisher .posts .footer .bookmarklet {
margin: 1% 0;
}
.publisher .posts .footer .tags h3 {
display:inline;
}
.publisher .posts .footer .tags ul {
display:inline;
padding:0;
margin:0;
}
.publisher .posts .footer .tags ul li {
display:inline;
}
.publisher .posts .footer .categories h3 {
display:inline;
}
.publisher .posts .footer .categories ul {
display:inline;
padding:0;
margin:0;
}
.publisher .posts .footer .categories ul li {
display:inline;
}
.publisher .body-pager-links {
float:left;
margin:0;
padding:0;
display:block;
width:100%;
}
.publisher .body-pager-of {
float: left;
line-height: 20px;
text-align: left;
}
.publisher .post_back_link {
text-align:right;
float:right;
}
.publisher .post_back_link a {
background-color: #333333;
clear: right;
color: #FFFFFF;
display: block;
font-size: 13px;
margin: 0% 0;
padding: 1% 2% 1.5%;
width: auto;
}
.publisher .body-pager-links .pager-title {
display:block;
float:left;
width:100%;
margin:0;
padding:0;
}
.publisher .body-pager-links a {
background-color: #333333;
color: #FFFFFF;
float: left;
margin: 1% 1% 0 0;
padding: 0.6% 1%;
}
.publisher .body-pager-links a.current-slice {
background-color:#777777;
}
/* Publisher List Component */
.publisherlist {
color: #333;
text-align: left;
border: 1px solid #CCC;
}
.publisherlist .table-top {
display: block; /* can be hidden with a display: none */
}
.publisherlist .pl_scrollable {
height: auto;
overflow: auto;
}
.publisherlist .pl_item {
padding: 3px;
overflow:hidden;
}
.publisherlist .pl_item a {
font-size:12px;
}
.publisherlist .pl_border {
border-bottom: 1px dashed #ccc;
}
.publisherlist .pl_flip {
background-color: #e5e5e5;
}
.publisherlist .pl_about {
font-size:9px;
color: #666;
}
.publisherlist .pl_author {
font-size:9px;
color: #999;
}
.publisherlist .pl_comments {
text-decoration:underline;
font-size:9px !important;
color: #666;
}
.publisherlist .pl_desc {
color: inherit;
}
.publisherlist .pl_img img {
float: left;
margin: 0 2% 2% 0;
max-height: 100%;
max-width: 100%;
width: auto;
}
.publisherlist .pl_viewall {
margin:5px;
text-align:center;
font-size:9px /* can be hidden with a display:none */
}
/* Begin: Publisher - Carousel */
/* Layout
***********************/
#container {padding: 60px 40px 100px;}
#divFlexSliderMain {
margin-top: 0;
overflow: hidden;
width: 100%;
float:left;
}
aside h3 {float: left;}
/* Header
***********************/
header .logo { display: block; margin: 10px 0 30px; }
header h1 { font-family: Arial, sans-serif; margin: 0 0 10px; color: #fff; font-size: 42px; }
header h2 { margin: 0 0 30px; font: normal 20px Arial, sans-serif; text-shadow: 0 1px 1px #555; color: #fff; }
header .button { margin: 0 0 50px; padding: 10px 15px 10px 15px; position: relative; }
h3.nav-header { width: 200px; margin: 0 0 10px; padding: 0 0 3px; font-size: 18px; text-shadow: 0 1px 1px #555; color: #fff; font-family: Arial, sans-serif; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.5); }
nav li {margin: 0 0 7px; font-size: 15px; }
nav li a:hover,
nav li.active a {border-bottom: 1px dotted #fff; border-bottom: 1px dotted rgba(255,255,255,0.3); background: none;}
nav li.active a { cursor: default; }
/* Media Queries
***********************/
@media screen and (max-width: 960px) {
#container {padding: 35px;}
header {width: 380px;}
#divFlexSliderMain {margin-left: 0px;}
aside h3 {
float: none;
font-size: 20px;
}
.toggle {
margin-left: 0;
float: none;
}
}
@media screen and (max-width: 768px) {
#container {padding: 0px 0px;}
header {width: 100%; float: none; text-align: left;}
header img {width:100%;}
header h1 { margin: 0 auto 10px; font-size: 32px; }
header h2 { font-size: 16px; }
header .button { margin-bottom: 28px; }
#divFlexSliderMain {margin-left: 0; }
h3.nav-header { margin: 0 auto 10px; font-size: 16px; }
nav {
position: relative;
min-height: 46px;
margin-bottom: 20px;
width: 100%;
}
nav ul {
width: 260px;
padding: 0;
position: absolute;
left: 50%;
margin-left: -130px;
top: 0;
z-index: 9999;
border: 1px solid #1e5486;
background: #255a8c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
box-shadow: 0 0 5px 0 rgba(0,0,0,.2), inset 0 0 2px 0 rgba(255,255,255,0.2);
}
nav li {
display: none; /* hide all items */
margin: 0;
}
nav li a { border: none!important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
nav li a:hover { text-decoration: underline; }
nav .active {
display: block; /* show only current item */
}
nav a {
display: block;
padding: 10px 20px;
text-align: center;
font-size: 12px;
}
nav .active a {
background: none;
color: #fff;
position: relative;
}
nav .active a:after {
font-family: flexslider-icon;
font-size: 13px;
position: absolute;
right: 10px;
top: 10px;
}
/* on nav hover */
nav ul:hover {
background: #32679a;
}
nav ul:hover li {
display: block;
margin: 0 0 5px;
}
nav ul:hover .active {
border: 1px solid #1e5486!important;
background: #255a8c;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
nav ul:hover .active a:after {
display: none;
}
}
/* End: Publisher - Carousel */
/* Begin: jQuery FlexSlider v2.2.0
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* Icon Fonts
*********************************/
/* Font-face Icons -- Get rid of the fonts */
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: auto; display: block;max-width:100%;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 20px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { display: block; width: 40px; height: 40px; margin: 0px 0 0; position: absolute; top: 35%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-family: "Arial, sans-serif"; font-size: 40px; display: inline-block; content: '<';color:#ffffff;font-weight:bold; }
.flex-direction-nav a.flex-next:before { content: '>';color:#ffffff;font-weight:bold; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "Arial, sans-serif"; font-size: 20px; display: inline-block; content: '<';color:#ffffff;font-weight:bold; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '<';color:#ffffff;font-weight:bold; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {
float: left;
margin: 0.3% 0 0;
max-width: 20%;
width: 100%;
}
.flex-control-thumbs img {width: 100%; display: block; opacity: 1; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: .7;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/* End: jQuery FlexSlider v2.2.0 */
/* Begin: photoswipe
* Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
* Licensed under the MIT license
*
* Default styles for PhotoSwipe
* Avoid any position or dimension based styles
* where possible, unless specified already here.
* The gallery automatically works out gallery item
* positions etc.
*/
.clsPSWGallery { list-style: none; padding: 0; margin: 0; }
.clsPSWGallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clsPSWGallery li { float: left; width: 33.33333333%; }
.clsPSWGallery li a { display: block; margin: 5px; border: 0px solid #3c3c3c; }
.clsPSWGallery li img { display: block; width: 100%; height: auto; }
body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
background: #000;
overflow: hidden;
}
body.ps-active *, div.ps-active *
{
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
display: none;
}
body.ps-active *:focus, div.ps-active *:focus
{
outline: 0;
}
/* Document overlay */
div.ps-document-overlay
{
background: #000;
}
/* UILayer */
div.ps-uilayer {
background: #000;
cursor: pointer;
}
/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
background: #000;
}
div.ps-zoom-pan-rotate * { display: block; }
/* Carousel */
div.ps-carousel-item-loading
{
background: url(http://www.brookersmeat.com/common/templates/default/images/photoswipe-loader.gif) no-repeat center center;
}
div.ps-carousel-item-error
{
background: url(http://www.brookersmeat.com/common/templates/default/images/photoswipe-error.gif) no-repeat center center;
}
/* Caption */
div.ps-caption
{
background: #000000;
background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
border-bottom: 1px solid #42403f;
color: #ffffff;
font-size: 13px;
font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
text-align: center;
}
div.ps-caption * { display: inline; }
div.ps-caption-bottom
{
border-top: 1px solid #42403f;
border-bottom: none;
min-height: 44px;
}
div.ps-caption-content
{
padding: 13px;
display: block;
}
/* Toolbar */
div.ps-toolbar
{
background: #000000;
background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
border-top: 1px solid #42403f;
color: #ffffff;
font-size: 13px;
font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
text-align: center;
height: 44px;
display: table;
table-layout: fixed;
}
div.ps-toolbar * {
display: block;
}
div.ps-toolbar-top
{
border-bottom: 1px solid #42403f;
border-top: none;
}
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
cursor: pointer;
display: table-cell;
}
div.ps-toolbar div div.ps-toolbar-content
{
width: 44px;
height: 44px;
margin: 0 auto 0;
background-image: url(http://www.brookersmeat.com/common/templates/default/images/photoswipe-icons.png);
background-repeat: no-repeat;
}
div.ps-toolbar-close div.ps-toolbar-content
{
background-position: 0 0;
}
div.ps-toolbar-previous div.ps-toolbar-content
{
background-position: -44px 0;
}
div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
background-position: -44px -44px;
}
div.ps-toolbar-next div.ps-toolbar-content
{
background-position: -132px 0;
}
div.ps-toolbar-next-disabled div.ps-toolbar-content
{
background-position: -132px -44px;
}
div.ps-toolbar-play div.ps-toolbar-content
{
background-position: -88px 0;
}
/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi)
{
div.ps-toolbar div div.ps-toolbar-content
{
-moz-background-size: 176px 88px;
-o-background-size: 176px 88px;
-webkit-background-size: 176px 88px;
background-size: 176px 88px;
background-image: url(http://www.brookersmeat.com/common/templates/default/images/photoswipe-icons2x.png);
}
}
/* End: photoswipe */
/*
* jQuery Nivo Slider v3.2
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white;
filter:alpha(opacity=0);
opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption h2 {
color:#ffffff;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivoCaptionReadMore {
margin:0;
padding:0;
}
.nivoCaptionReadMore a {
color:#ffffff;
text-align:left;
margin:0;
padding:0;
}
.theme-default .nivoSlider, .theme-dark .nivoSlider, .theme-light .nivoSlider, .theme-bar .nivoSlider {
background: none !important;
box-shadow: 0 0px 0px 0 #4A4A4A !important;
}
.theme-default .nivoSlider img, .theme-dark .nivoSlider img, .theme-light .nivoSlider img, .theme-bar .nivoSlider img {
display: none;
left: 0;
position: absolute;
top: 0;
width: auto;
}
.theme-dark .nivo-controlNav {
padding: 0 0 0 2% !important;
}
.theme-bar.slider-wrapper {
border: none !important;
}
.theme-bar .nivo-directionNav a {
padding:10px 0 0 !important;
bottom: -4px !important;
}
/*********** END: The Nivo Slider styles ********************/