div.content_wrap {
	border-style: solid;
}
/********************************************/
/*************** GENERAL STYLING ************/
/********************************************/

.formpageheader {
	font: 21px arial;
	padding-bottom: 30px;
	}	
.formheadertd2 {
	background: #FFF;
	border-bottom: 1px dashed #999;
	}
input.formInputButton, formInputButton {
	font: bold 11px verdana;
	color: #FFF;
	height: 25px;
	cursor: pointer;
	width: 140px;
}

.tableheader {
	font: 12px arial;
	font-weight: bold;
	color: #FFF;
	}

/********************************************/
/************* STANDARD PAGE STYLING ********/
/********************************************/

.page-grid {
    box-sizing:border-box;
    width:100%;
}

.page-row {
    box-sizing:border-box;
    width:100%;
    position:relative;
    overflow:hidden;
}

.page-item {
    box-sizing:border-box;
    float:left;
    min-height:1px;
    overflow:hidden;
    position:relative;
}
.page-item-inner {
    display:table;
    position:relative;
    table-layout:fixed;
    width:100%;
}
.page-item-content {
    display:table-cell;
    box-sizing:border-box;
    overflow:hidden;
    position:relative;
    width:100%;
    vertical-align:top;
    padding:5px;
    background-position:top left;
    background-repeat:no-repeat;
}

.page-item-type-image img,
.page-item-type-media audio,
.page-item-type-media video {
    max-width:100%;
    margin:auto;
    box-sizing:border-box;
    display:block;
}

.page-item-type-image .page-item-type-image-placeholder {
    position:relative;
    height:100%;
    width:100%;
    box-sizing:border-box;
    min-height:60px;
    display:table;
}
.page-item-type-image .page-item-type-image-placeholder>div {
    background-color:#222;
    color:#fff;
    background-color:#cccccc;
    color:#969696;
    line-height:20px;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    font-family:arial, sans-serif;
    font-size:13px;
}

.page-item-type-image.page-item-type-image-stretch img {
    width:100%;
}
.page-item-type-image.page-item-type-image-actual img {
    max-width:none;
}

.page-item-type-content .page-item-content>h1:first-child,
.page-item-type-content .page-item-content>h2:first-child,
.page-item-type-content .page-item-content>h3:first-child,
.page-item-type-content .page-item-content>h4:first-child,
.page-item-type-content .page-item-content>h5:first-child,
.page-item-type-content .page-item-content>h6:first-child {
    margin-top:0;
}

/********************************************/
/************** BLOG PAGE STYLING ***********/
/********************************************/
/* Removed Georgia font default on blog heading due to customer complaint */

.blogtable {
	margin-top: 20px;
	}
.blogtable2 {
	margin-top: 20px;
	}
.latestposts {
	text-transform: uppercase;
	font: 18px arial;
	padding: 0px;
	}
.blogtitle {
	font-size: 24px;
	font-weight: none;
	padding: 5px 5px 0px 8px;
	margin: 0px;
	}
.blogtitle a:link {
	font-size: 24px;
	font-weight: none;
	}
.blogtitle a:visited {
	font-size: 24px;
	font-weight: none;
	}
.blogtitle a:hover {
	font-size: 24px;
	font-weight: none;
	}
.selectmonth {
	font: 11px arial;
	}
.blogfooter {
	display: inline;
	float: left;
	font: bold 13px verdana;
	padding: 5px;
	}	
.blogposted {
	display: inline;
	float: left;
	font: 12px arial;
	color: #FFFFFF;
	background: url('../images/images/calendar-default.gif') no-repeat left;
	padding-left: 18px;
	padding-right: 6px;
	}
.blogpost {
	}
.blogcomments {
	display: inline;
	font: 12px arial;
	font-weight: none;
	color: #FFFFFF;
	background: url('../images/images/speech-bubble-default.gif') no-repeat left;
	padding-left: 18px;
	padding-right: 6px;
	}
.blogcomments a:link {
	display: inline;
	font: bold 12px arial;
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFFF;
	}
.blogcomments a:visited {
	display: inline;
	font: bold 12px arial;
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFFF;
	}
.blogcomments a:hover {
	display: inline;
	font: bold 12px arial;
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	}
.blogmore {
	display: inline;
	font: 12px arial;
	font-weight: none;
	color: #FFFFFF;
	background: url('../images/images/more-default.gif') no-repeat left;
	padding-left: 18px;
	padding-right: 6px;
	}
.blogmore a:link {
	display: inline;
	font: bold 12px arial;
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFFF;
	}
.blogmore a:visited {
	display: inline;
	font: bold 12px arial;
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFFFFF;
	}
.blogmore a:hover {
	display: inline;
	font: bold 12px arial;
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	}
.comments {
	text-transform: uppercase;
	font: arial 16px;
	background: url('../images/images/speech-bubble-default.gif') no-repeat left;
	padding-left: 18px;
	}
.commentinfo {
	font-weight: bold;
	}
.commenttd {
	border: 1px dashed #999999;
	padding: 10px;
	}	
input.formInputText   {
	font: 14px arial;
	color: #666;
	width: 94%;
	height: 30px;
	border: solid 1px #BDBDBD;
	margin: 3px 0px 4px 0px;
	padding: 3px;
	}
.gravtd {
	font: bold 12px;
	color: #FFFFFF;
	}
.blogcommenttable {
	padding-top: 14px;
	padding-bottom: 14px;
	}
.mainfooterdetails {
	color: #FFFFFF;
	padding: 2px;
	}
.commentcontent {
	background: #303030;
	}

/********************************************/
/************* LINKS PAGE STYLING ***********/
/********************************************/

.linknumber {
	font: bold 40px arial;
	color: #E8E8E8;
	}
.linksrow1 {
	background: #F8F8F8;
	padding: 6px;
	font: 13px arial;
	font-weight: none;
	color: #555;
	margin-bottom: 0px;
	border-bottom: 1px solid #E0E0E0;
}
.linksrow2 {
	background: #FFF;
	padding: 6px;
	font: 13px arial;
	font-weight: none;
	color: #555;
	margin-bottom: 0px;
	border-bottom: 1px solid #E0E0E0;
}

/********************************************/
/************ CONTACT PAGE STYLING **********/
/********************************************/

label {
	font: bold 12px verdana;
	}
label.fieldLabel {
	display: inline;
	float: none;
	}
input.formInputText {
	font: 14px arial;
	color: #666;
	width: 235px;
	height: 26px;
	border: solid 1px #BDBDBD;
	background: #FFF url(../images/images/input-bg.gif) top repeat-x;
	padding: 5px 10px 0px 0px;
	}
.contacttable {
	border: 1px dashed #CCCCCC;
	padding: 10px;
	}
textarea {
	font: 14px arial;
	color: #666;
	background: #FFF url(../images/images/input-bg.gif) top repeat-x;
	border: 1px solid #BDBDBD;
	padding: 3px;
	margin: 3px 0 5px 0;
	}

/********************************************/
/********** GUEST BOOK PAGE STYLING *********/
/********************************************/

.guestbooktable {
	width: 100%;
 	padding-bottom: 13px;
 	margin-bottom: 13px;
 	border-bottom: 1px dashed #CCCCCC;
}

/*****************************************************/
/************ GALLERY ORIGINAL PAGE STYLING **********/
/*****************************************************/
.zoom {
	display: inline-block;
	position: absolute;
	z-index: 100;
	width: 100%;
	}
.zoom img {
	float:right;
}
/*
h3 {
	font-family: georgia;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	margin-top: 1px;
	margin-bottom: 3px;
	}
*/
#categorybar a:link {
	font: 13px arial;
	font-weight: none;
	text-decoration: underline;
	color: #DDDDDD;
	border: none;
	}
#categorybar a:visited {
	font: 13px arial;
	font-weight: none;
	text-decoration: underline;
	color: #FFFFFF;
	border: none;
	}
#categorybar a:hover {
	font: 13px arial;
	font-weight: none;
	text-decoration: underline;
	color: #FFFFFF;
	border: none;
	}
.selectedcategory {
	font: 13px arial;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
.selectedcategorytitle {
	font: 13px arial;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}
.sectionsbartable {
	font: 12px arial;
	padding: 4px;
	background: #EEEEEE;
	color: #666666;
	border: 1px 1px 0px 1px;
	border-color: #666666;
	}	
#sectionsbar a:link {
	font: 12px arial;
	font-weight: none;
	text-decoration: underline;
	color: #666666;
	border: none;
	}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #666;
	font: 11px verdana;
	font-weight: normal;
	color: #494949;
	background-color: #FFF;
	padding: 5px;
}
#tooltip h3, #tooltip div {
	font: 11px verdana;
	color: #494949;
	font-weight: normal;
	margin: 0;	
	}
.thumbnail_container {
	position: relative;
	float:left;
	display:inline;
	width:120px;
	text-align: left;
	border: 1px solid #333333;
	background: #FFF;
	
	}
.thumbnail_image_container {
	display: inline-block;
	width:120px;
	height:79px;
	vertical-align:middle;
	text-align:center;
	cursor:hand;
	/*border: 1px solid #FFF;*/
	z-index:1;
	}

.thumbnail_info {
	display: block;
	margin-bottom:0;
	padding:3px;
	width:114px;
	height:18px;
	line-height:18px;
	background: #333333;
	text-align:center;
	font-family:arial;
	font-size:12px;
	font-weight: normal;
	color:#FFFFFF;
	overflow: hidden;
	
	}
.thumbnail_nofooter {
	display: block;
	margin:0;
	padding:0;
	width:114px;
	height:24px;
	line-height:15px;
	text-align:center;
	font-family:arial;
	font-size:12px;
	color:#666;
	}
.error {
	font-family: arial, verdana;
	color: #FF0000;
	font-size:11px;
	font-weight:bold;
	}
.hidden_caption {
	display:none;
}

/*******************************************/
/************ GALLERY NEW STYLING **********/
/*******************************************/


/********************************************/
/***************** FONT SIZES ***************/
/********************************************/
.fontSize1 {
	font-size:8px;
}
.fontSize2 {
	font-size:10px;
}
.fontSize3 {	
	font-size:12px;
}
.fontSize4 {
	font-size:14px;
}
.fontSize5 {
	font-size:18px;
}
.fontSize6 {
	font-size:22px;
}
.fontSize7 {
	font-size:28px;
}

/********************************************/
/******** Horizontal nav list styling *******/
/********************************************/
#navarrowleft, #navarrowright {
	display:none;
}
#hidden_menu {
	top:-5000px;
	left:-10000px;
	position:absolute;
	visibility:hidden;
}
#hidden_menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#top_navigation1 ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute; 
	left:0; 
	top:0;
}
#top_navigation1 ul li, #hidden_menu ul li {
	float:left;
	margin:0;
	padding:0;
}
img {
	border: 0;
}
/********************************************/
/******** Dropdown Nav Styling *******/
/********************************************/

#container_01 #bannav_wrap {
    position:relative;
}
#container_01 .expand-menu-outer {
    position:absolute;
    right:0;
    left:0;
}
#container_01 .expand-menu {
    position:absolute;
    right:0;
    z-index:100;
    border-bottom:3px solid #111;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color:#f9f9f9;
}
#container_01 .expand-menu ul {
    list-style:none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float: left;
    font-size: 14px;
    list-style: outside none none;
    margin: 0;
    min-width: 160px;
    text-align: left;
    top: 0;
    z-index: 1000;
    padding:0 0 5px;
    border:0 none;
}
#container_01 .expand-menu ul li {
    padding:0;
    margin:5px 5px 0 6px;
}
#container_01 .expand-menu ul li a {
    clear: both;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    text-decoration:none;
    margin:0;
    font-size:14px;
    background-color:#dad8da;
    border:1px solid #cbcccb;
    border-bottom:1px solid #afb1af;
    padding:3px 10px;
    overflow:hidden;
    color:#444;
    transition:all 0.1s ease 0s;
    text-align:center;
	font: 14px arial, sans-serif;
}
#container_01 .expand-menu.check-widths ul li a {
    overflow:visible;
    display:inline;
}
#container_01 .expand-menu ul li a.selected {
    background-color:#7a787a;
    color:#eee;
}
#container_01 .expand-menu ul li a:hover {
    background-color:#3c3e3c;
    color:#eee;
    border:1px solid #343334;
    border-bottom:1px solid #636163;
    transition:all 0.1s ease 0s;
}

#container_01 .dark-theme .expand-menu {
    background-color:#050505;
}
#container_01 .dark-theme .expand-menu ul {
    box-shadow: 0 6px 12px rgba(255, 255, 255, 0.176);
}
#container_01 .dark-theme .expand-menu ul li a {
    background-color:#3c3e3c;
    color:#eee;
    border:1px solid #343334;
    border-bottom:1px solid #636163;
}
#container_01 .dark-theme .expand-menu ul li a.selected {
    background-color:#7c7e7c;
}
#container_01 .dark-theme .expand-menu ul li a:hover {
    background-color:#c3c1c3;
}

#container_01 .waffle-menu.expand-menu {
    left:0;
    right:0;
}
#container_01 .waffle-menu.expand-menu ul {
    width:100%;
    padding:0 2px 5px;
    box-sizing:border-box;
}

#container_01 .waffle-menu.expand-menu.quarters ul li {
    width:25%;
}

#container_01 .waffle-menu.expand-menu.thirds ul li {
    width:33.3333%;
}
#container_01 .waffle-menu.expand-menu ul li {
    box-sizing:border-box;
    padding:0;
    float:left;
    padding:5px 3px 0 3px;
    margin:0;
    width:50%;
}

#container_01 .mobile .expand-menu ul {
    position:relative;
}
#container_01 .mobile .expand-menu ul li a {
    padding:20px 10px;
    font-size:20px;
}

#container_01 .mobile .waffle-menu.expand-menu ul li a {
    padding:20px 10px;
    font-size:20px;
}

#container_01 #top_navigation1.matrix-menu-loaded ul li.waffle {
    float:right;
}

#container_01 .waffle a {
    outline:0 none;
    text-align:right;
}

#container_01 #top_navigation1,
#container_01 #top_navigation1.small {
    width:100% !important;
}

#container_01 #top_nav_wrap > table {
    width:100%;
}

#container_01 {
    z-index:10;
}
#container_02 {
    z-index:5;
}

/********************************************/
/******** RSS Sprite *******/
/********************************************/
a#feed-button {
	background:url("../images/buttons/subscribe-to-rss.png") 0px 0px no-repeat;
	width:104px;
	height:13px;
	padding:6px 8px;
	text-align:right;
	display:block;
	font:11px arial, san-serif;
	text-decoration:none;
	color:#000 !important;
}
a#feed-button:hover,a.feed-button:focus {
	background-position:0 -25px;
}
 
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* html{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
  padding-top: 5px;
}
#TB_window a:link {color: #555;}
#TB_window a:visited {color: #555;}
#TB_window a:hover {color: #666;}
#TB_window a:active {color: #555;}
#TB_window a:focus{color: #555;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 2px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	clear:both;
  display:block;
  margin-top: 5px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:100%;
  padding:7px 30px 10px 14px;
  float:left;
  font: bold arial 13px;
  font-weight: bold;
  color:#666666;
}
#TB_closeWindow{
  height:20px;
  padding:11px 25px 2px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  font: bold 13px arial;
  color: #666;
  height: 27px;
  background: #CECECE url('../images/tb/titlebg.gif') top repeat-x;
  border-bottom: 1px dashed #999;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
input.TBtext {
	background: #EEEEEE;
	border: 1px #A9A9A9 solid;
	color: #777777;
	height: 21px;
	width: 200px;
	padding-top: 4px;
	padding-left: 3px;
	font-size: 14px;
	font-family: arial;
	margin: 0px;
}
.caption {
	font:arial;
	font-size:11px;
	font-weight:bold;
	color:#666666;
}
.description {
	font:arial;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
 
 /*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox, #cboxOverlay, #cboxWrapper{z-index:999999;}
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:6px solid #000; background:#fff;}
       	#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(http://www.mynall.co.uk/style/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
       	#cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(http://www.mynall.co.uk/style/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(http://www.mynall.co.uk/style/images/loading.gif) no-repeat center center;}


#colorbox{outline:0;}  /* Fixes issue where chrome and safari put an outline around the popup box */