html, body {
  height: 100%;
}

/* ----------- Menu Divs ----------- */
ul.menu.single-page-nav.show li a div {
    width: 100%;
}

/* ----------- Date Calender ----------- */
.datemonth, .dateday, .dateyear{
  color:#fff;
  display:block;
  text-align:center;
  width:50px;
  margin:0;
}
.datemonth {
    font-size: 14px;
    line-height: 16px;
    padding: 0;
}
.dateday {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    padding: 0;
}
.dateyear {
    font-size: 12px;
    line-height: 16px;
    padding: 0;
}
.datecalender {
    background-color: #006699;
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
    top: 6px;
    width: 50px;
}

/* ----------- Social Share----------- */
.btn-social{
  float:left;
  margin:0 5px 5px 0;
}

/***** Buttons  *****/
input.zemSubmit 	{ margin:5px 0 5px 0; padding:6px 5%; width:100%; display:inline-block; font-size:14px; text-align:center; color:#fff!important; border:1px solid #006699; background:#006699!important; cursor:pointer; }
.zemSubmit:hover 	{ text-decoration:none; border:1px solid #333; background:#2199e8!important; }

.button {background-color: #006699;}
.button:hover {background-color: #2ba6cb;}
}

/* ----------- Simplecart ----------- */
.simpleCart_items {
    font-size: 16px;
}

.basket{margin-bottom: 20px!important;}

.itemContainer{
width:100%;
float:left;
border-bottom: 1px dashed grey;
}

.itemContainer div{
float: left;
margin: 5px;
}

.itemContainer a{
text-decoration:none;
}

.cartHeaders{
width:100%;
float:left;
}

.cartHeaders div{
float:left;
margin: 5px 20px 5px 20px ;
}

.itemdecrement, .itemincrement{
margin: 5px 2px!important;
}
  
div .itemTotal{
text-align:right!important;
float:right!important;
}

.simpleCart_finalTotal{
float:right;
padding-right: 5px;
font-weight: bold;
}

/***** Other *****/
.arc_twitter p {display: block; padding: 5px 0; margin:0; font-size:12px; border-bottom:1px dashed #888;}
.arc_twitter-posted {color:#006699; font-weight:bold;}
.arc_twitter-posted:before {content: " - ";}

#blog article ul, ol {
    margin-left: 40px;
    list-style-type: circle;
}

.colourbg{background-color:#eee}
/***** Featured / Home *****/

.feature {
  display:block;
  padding:0;
  background: url(images/site-design/feature-bg.jpg) repeat-x top center scroll;}

.feature h2, .feature h3{
  text-align:center;
  text-shadow: 0 2px 2px #333;
  color:#fff;}

.feature h2{margin-top:80px; font-size:48px;}

.feature h3{font-size:18px;}

.feature .hire{display:block; height:250px; text-align:center;}

h4.intro, .threebox h3, .subhead{color:#626262; font-size:24px;}

.threebox p{width:70%; margin:0 15%; font-size:14px; line-height:22px; margin-bottom:60px;}

/***** Sprites*****/
[class*="icon"] {
    display: inline-block;
    overflow: hidden;
    text-indent: -1000px;
}
.social-fb, .social-gg, .social-li, .social-tw, .social-yt, .icon-home-browse, .icon-home-capture, .icon-home-enquire{
	background: url(../images/site-design/xh-spritesv2.png) no-repeat;
	display: inline-block;}
.social-fb{	background-position:0 0;width:30px;height:30px;}
.social-gg{ background-position:0 -50px ;width:30px;height:30px;}
.social-li{	background-position:0 -100px ;width:30px;height:30px;}
.social-tw{	background-position:0 -200px ;width:30px;height:30px;}
.social-yt{	background-position:0 -150px ;width:30px;height:30px;}
.icon-home-browse{background-position:-30px 0;width:100px;height:100px;}
.icon-home-enquire{background-position:-30px -100px ;width:100px;height:100px;}
.icon-home-capture{background-position:-30px -200px ;width:100px;height:100px;}

/***** Small Text *****/
@media only screen and (max-width: 590px) {

.p-small, .rslides .caption {
    font-size:0.75em;}
}

/* ----------- Comments Section ----------- */
.comment-posted {font-size:12px; font-weight:bold;}

/* ----------- Enquiry Form ----------- */

.enquiry label {margin-bottom: 0px;}

.enquiry input {
  margin-bottom: 0px;
  padding: 5px;
  font-size:14px;
  line-height:14px;}

/* FOOTER BOTTOM*/

.footer-bottom {
    background: #333;
    padding: 24px 0 10px;
}
.footer-bottom .footer-links {
    margin: 0;
    display: inline-block;
    padding-bottom: 0px;
}
.footer-bottom .footer-links li {
    display: block;
    float: left;
    margin-left: 6px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.75rem;
}
.footer-bottom .footer-links a:hover {
    color: #777;
}
.footer-bottom .footer-links a {
    color: #666;
    padding: 3px 6px;
}
.footer-bottom .home-social {
    display: block;
    float: right;
    margin-bottom: 8px;
}
.footer-bottom .home-social li {
    list-style: none;
    display: block;
    float: left;
    margin-left: 10px;
}
@media only screen and (max-width: 767px){
	.footer-bottom .home-social {
		float: none;
		margin: 0 0 20px 0;
		text-align: center;
		height: 44px;
		display: inline-block;
	}
	.footer-bottom {
		text-align: center;
	}
}
.footer-bottom .home-social li:first-child {
    margin-left: 0;
}
.footer-bottom .home-social a.twitter {
    background-position: center 0;
}
.footer-bottom .home-social a.facebook {
    background-position: center -200px;
}
.footer-bottom .home-social a.mail {
    background-position: center -400px;
}
.footer-bottom .home-social a.youtube {
    background-position: center -600px;
}
.footer-bottom  .home-social a:hover {
    opacity: 0.8;
}
.footer-bottom  .home-social a {
    display: block;
    height: 50px;
    width: 50px;
    background: url("../images/icon-social/social.png") no-repeat center 0;
}
.footer-bottom .logo {
    color: #858585;
    font-weight: normal;
    background: url("../images/icon-social/footer-logo.png") no-repeat;
    padding: 23px 0 0 0 !important;
    font-size: em-calc(16px);
    display: inline-block;
    width: 85px;
}