body {
	background-color:#444;
}
body, td {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	/*font-size:13px;*/
	font-size:16px;
}
a {
	color:#E16A03;
}
.x-c-s .colright {
	background: white;
}
* {
   white-space: normal;
}

/* #topheader */
#topheader {
	line-height:135%;
	padding: 8px 20px;
	overflow: hidden;
	color: #ccc;
	width:100%;
	position:absolute;
}

@media (max-width: 500px) {
  #header {
	padding-top:30px;
  }
}

#topheader .date1 {
	font-size: 18px;
	display: block;
	float: left;
	margin-right: 5px;
	font-weight: bold;
	color: #e16b2e;
}

#header {
	background-color:black;
}

/* navbar */
.navbar {
	background-color:#444;
}
.navbar li a {
	font-size:1.0em;
}

.account_select_wrapper {
	margin-top:10px;
	margin-bottom:20px;
	padding:5px 10px;
	background-color:#F59E4D;
}

#footer {
	position:relative;
	background: #F59E4D url(/inc/img/template/feature-bg.png) 0 0 repeat-x;
	min-height:320px;
	color:#444444;
	padding-top:10px;
	border-top: 4px solid #e16b2e;
	border-bottom: 4px solid #e16b2e;
}
#footer a {
	color:#444444;
	text-decoration:underline;
}
#footer h3 {
	font-size: 160%;
	color: #FFDCBB;
	border-bottom: 2px solid #FFDCBB;
}

#template_logo_img {
	padding:10px;
}

#content_wrapper {
	background-color:white;
}

.area_title {
	display:block;
	margin-bottom:20px;
}

.expander_content {
	display:none;
}

/* Catalogue */
.catalogue_wrapper {
	display:inline-block;
	width:180px;
	margin:0px 40px 40px 0px;
	vertical-align:top;
}.product_wrapper {
	display:inline-block;
	width:180px;
	margin:0px 40px 40px 0px;
	vertical-align:top;
}
.product_image_wrapper {
	position:relative;
	display:table-cell;
	height:180px;
	line-height:180px;
}
.product_image {
	position:relative;
	margin-top:auto;
	margin-bottom:auto;
}


/* Forms */
.form-control {
	max-width: 500px;
}

/* Cart Summary */
#cart_summary_wrapper {
	float:right
}
.date-block {
	float:left;
}

/*
Add a transparent layer over the top of images.
This will prevent users from right clicking or dragging images to a folder to save them,
as they'll actually be clicking and dragging the transparent layer over the top
that will do nothing.
*/
.protect {
    position: relative;
    display: inline-block;
}
.protect::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: transparent; /* change this to e.g.black to see the layer */
    z-index: 99;
}
/*
Use the following CSS property to disable users selecting the content.
Each of the vendor prefixes are used for cross-browser compatibility.
*/
.protect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*login*/
.login-span {font-size:14pt;font-weight:bold;}


/* persistant header */
.floating-header {
	position: fixed;
	top: 0;
	visibility: hidden;
}

.persist-header {
	background:#fff;
}

/* pagination focus */
.pagination:focus {
	text-decoration:none;
	color:#E16A03;
}