/**************** Font Icons ****************/
.print-icon:before, .email-icon:before, .contact_detail_block span, .items-more li:before, .arrow_expand:before,
.contact_person span:before, .address span:before, .phone span:before, .mobile span:before, .fax span:before, .email span:before, .website span:before, .enquiries span:before, .mass span:before{
    font-family: 'ModernPictogramsNormal';
}

/**************** Table Styling ****************/
#component table, table#nobg {
    margin-top: 10px;
    margin-bottom: 2.5em;
}
#component th {
    text-align: left;
    background: #39a24d;
    color: #fff;
}
#component th, #component td{
    padding: 10px 15px;
}
#component tr:last-child td {
    border-bottom: 1px dashed #d6d6d6;
}
#component td {
    vertical-align: top;
    border-right: 1px dashed #d6d6d6;
}
table#nobg tr td:first-child {
    border-left: none;
}
table#nobg tr:last-child td {
    border-bottom: none;
}
table#nobg td {
    border-right: none;
}
#component tr td:first-child {
    border-left: 1px dashed #d6d6d6;
}
th.altheader {
    background: #727272 !important;
}
td.altrow {
    background: #eaeaea;
}
table ul, table ol {
    margin: 0 !important;
}

/**************** Article Icons ****************/
.icons ul li {    
    margin-bottom: 0;
    line-height: 1em;
    background:transparent;
}
.icons {
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 0.8em;
}
.icons img{
    display: none;
}
.icons ul{
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.icons li{
    margin-right: 20px;
    padding-left:  0;
    float: left;
}
.print-icon:before, .email-icon:before, .fax-icon:before, .contact_detail_block span{
    padding-right: 5px;
    line-height: 1em;
    color: #ff2971; /*pink*/
}
.print-icon:before, .fax-icon:before {
    content: 'd';
    font-size: 2em;
}
.email-icon:before{
    content: 'm';
    font-size: 2em;
}
.pink_bullet li, .green_bullet li, .darkgrey_bullet li,
.pink_arrow li, .green_arrow li, .darkgrey_arrow li {
    background-repeat: no-repeat;
    background-position: 0 7px;
}
.pink_bullet li{
    background-image: url('images/icons/bullet-pink.png');
}
.green_bullet li{
    background-image: url('images/icons/bullet-green.png');
}
.darkgrey_bullet li{
    background-image: url('images/icons/bullet-darkgrey.png');
}
.pink_arrow li, .green_arrow li, .darkgrey_arrow li {
    padding-left: 25px;
}
.pink_arrow li{
    background-image: url('images/icons/arrow-pink.png');
}
.green_arrow li{
    background-image: url('images/icons/arrow-green.png');
}
.darkgrey_arrow li{
    background-image: url('images/icons/arrow-darkgrey.png');
}
.bishop .pink_arrow {
    margin-left: 0;
}
.arrow_expand:before {
    content: 'v';
    font-size: 2em;
}
/**************** Contact Form CSS ****************/
.row{
    margin-bottom: 10px;
}
.contact_detail_block {
    margin-bottom: 50px;
}
.contact_form {
    margin: 420px 0 25px;
}
.contact_desc {
    margin-bottom: 30px;
    padding-bottom: 40px;
    border-color: -moz-use-text-color -moz-use-text-color #562107;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #a07763;
    border-bottom: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.contact_label {
    margin-bottom: 2px;
}
.contact_field {
    margin-bottom: 15px;
}
.contact_field input {
    margin-bottom: 5px;
}
.contact_form_div br {
    display: none;
}
.contact_detail_block .row img{
    display: none;
}
.contact_person span:before {
    content: 'f';
    font-size: 1.5em;
    padding-right: 5px;
}
.contact_person span:before, .address span:before, .phone span:before, .mobile span:before, .fax span:before, .email span:before, .website span:before, .mass span:before{
    color: #3e3e3e; /*dark grey*/
}
.contact_block .contact_person span:before, .contact_block .address span:before, .contact_block .phone span:before, .contact_block .mobile span:before, .contact_block .fax span:before, .contact_block .email span:before, .contact_block .website span:before, .contact_block .enquiries span:before{
    color: #ff2971; /*pink*/
}
.address span:before {
    content: ',';
    font-size: 1.5em;
}
.address span:before {
    padding-right: 10px;
}
.add_details .address span:before {
    padding-right: 12px;
}
.city span, .state span,
.add_details .city span, .add_details .state span{
    display: inline-flex;
    width: 24px;
}
.contact_detail_block .city span, .contact_detail_block .state span{
    width: 20px;
}
.phone span:before, .mobile span:before {
    content: 'O';
    font-size: 1.5em;
}
.phone span:before, .mobile span:before, .website span:before, .enquiries span:before, .mass span:before {
    padding-right: 8px;
}
.add_details .phone span:before, .add_details .mobile span:before {
    padding-right: 10px;
}
.fax span:before {
    content: 'd';
    font-size: 1.3em;
    padding-right: 4px;
}
.add_details .fax span:before {
    padding-right: 6px;
}
.email span:before {
    content: 'm';
    font-size: 1.3em;
}
.email span:before {
    padding-right: 6px;
}
.add_details .email span:before {
    padding-right: 9px;
}
.website span:before {
    content: 'w';
    font-size: 1.3em;
}
.add_details .website span:before {
    padding-right: 3px;
}
.enquiries span:before {
    content: '?';
    font-size: 1.3em;
}
.mass span:before {
    content: '9';
    font-size: 1.3em;
}
/**************** Article CSS ****************/
.article_title {
    margin: 0 !important;
}
.article_title_area {
    background-color: transparent;
}
.article_title ul {
    display: none;
}
/**************** Blog Article CSS ****************/
.category_blog_view .items-column, .category_blog_view .items-column .item {
    margin: 0!important;
    padding: 0!important;
}
.category_blog_view .items-column .item {
    padding: 20px 0 25px;
}
.category_blog_view .item h4{
    font-size: 230%;
    color: #5a5f63 !important;
    margin: 0 0 15px; /*hack to overwrite system css*/
}
/**************** Blog Pagination CSS ****************/
.items-more h3{
    letter-spacing: 0;
    color: #c3c3c3 !important;
}
.items-more ul {
    margin-left: 0;
    margin-bottom: 25px;
}
.items-more li {
    font-size: 90%;
    background: none;
    padding-left: 0;
    margin-bottom: 10px;
}
.items-more li:before {
    content: '*';
    color: #53565b;
    font-size: 1.5em;
    padding-right: 5px;    
}
.category_blog_view .pagination {
    border-top: 1px solid #DDDDDD;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 80%;
    color: #8b8b8b;
}
.category_blog_view .pagination li {
    background: none;
}
.category_blog_view .pagination li > span.pagenav,
.category_blog_view .pagination li.pagination-next a, .category_blog_view .pagination li.pagination-prev a,
.category_blog_view .pagination a, .category_blog_view .pagination a:visited {
    border: none;
    background: #e8e8e8;
    color: #888888 !important;
    display: block;
    font-weight: 400;
    margin-right: 3px;
    padding: 4px 8px;
}
.category_blog_view .pagination li > span.selected {
    background: #434639;
    color: #fff !important;
}
.category_blog_view .pagination li.pagination-next a:hover, .category_blog_view .pagination li.pagination-prev a:hover,
.category_blog_view .pagination a:hover {
    border: none;
    background: #cbcbcb;
    color: #000;
}
