
body.demo-labels .demo-label{
	display:block;
}
body.demo-labels .demo-content{
	display:none;
}
body.demo-contents .demo-label{
	display:none;
}
body.demo-contents .demo-content{
	display:block;
}

body.demo-labels .demo-label{
	color: #BBDDFF;
	font-size: 20pt;
	font-weight: bold;
}

/* PAGE CONTENT IS PAGE WIDTH (BG COLOUR/IMAGE ONLY, NO BORDERS/PADDINGS/MARGINS) */
body.demo-labels #page-message-wrapper,
body.demo-labels #header-wrapper,
body.demo-labels #breadcrumbs-wrapper,
body.demo-labels #upper-content-wrapper,
body.demo-labels #content-wrapper,
body.demo-labels #lower-content-wrapper,
body.demo-labels #outer-content-left-wrapper,
body.demo-labels #footer-wrapper,
body.demo-labels #outer-content-right-wrapper{
	background:url(../img/o-fff.png) bottom left repeat-x #def;
}
/* PAGE CONTENT IS FIXED WIDTH (BG COLOUR/IMAGE ONLY, NO BORDERS/PADDINGS/MARGINS) */
body.demo-labels #page-message,
body.demo-labels #header,
body.demo-labels #breadcrumbs,
body.demo-labels #upper-content,
body.demo-labels #lower-content,
body.demo-labels #content,
body.demo-labels #footer{
	padding:15px;
}

body.demo-labels #header,
body.demo-labels #breadcrumbs,
body.demo-labels #upper-content,
body.demo-labels #content,
body.demo-labels #lower-content,
body.demo-labels #outer-content-left,
body.demo-labels #outer-content-right,
body.demo-labels #footer{
	background:url(../img/o-fff.png) bottom left repeat-x #bdf;
}
body.demo-labels #footer,
body.demo-labels #outer-content-left,
body.demo-labels #outer-content-right{
	background-image:none;
}
body.demo-labels #outer-content-left,
body.demo-labels #outer-content-right{
	padding:15px;
}
/* CONTENT (ANY STYLING) */
body.demo-labels #page-message-inner,
body.demo-labels #header-inner,
body.demo-labels #breadcrumbs-inner,
body.demo-labels #upper-content-inner,
body.demo-labels #left-content-inner,
body.demo-labels #main-content-inner,
body.demo-labels #right-content-inner,
body.demo-labels #lower-content-inner,
body.demo-labels #footer-inner,
body.demo-labels #outer-content-left-inner,
body.demo-labels #outer-content-right-inner{
	background:#9cf;
	padding:10px;
}
body.demo-labels #header-wrapper{
	min-height:150px;
}
body.demo-labels #header{
	min-height:120px;
}
body.demo-labels #header-inner{
	min-height:100px;
}

body.demo-labels.outer-content-left #outer-content-left-wrapper{
    margin-left: -696px;
    top: 150px;
    width: 200px;
}
body.demo-labels.outer-content-right #outer-content-right-wrapper {
    margin-right: -696px;
    top: 150px;
    width: 200px;
}
/* exceptions for page message */
body.demo-labels #page-message-wrapper{
	background:#ffe;
	margin:0;
}
body.demo-labels #page-message{
	background:#fe9;
}
body.demo-labels #page-message-inner{
	background:#fd3;
}
body.demo-labels #page-message-inner .demo-label{
	color: #FCF1BD;
}
/* Show page message */

body.demo-labels.page-message #wrapper{
	padding-top:82px;
}


body.full-width.demo-labels #outer-content-left{
	background-image:url(../img/o-fff.png);
}
body.full-width.demo-labels #outer-content-right{
	background-image:url(../img/o-fff.png);
}
/* CONTENT WIDTH (BG COLOUR/IMAGE and WIDTHS/PADDINGS/MARGINS, NO BORDERS) */
body.demo-contents #header,
body.demo-contents #breadcrumbs,
body.demo-contents #upper-content,
body.demo-contents #lower-content,
body.demo-contents #content,
body.demo-contents #footer{
	padding:15px;
}
/* CONTENT (ANY STYLING) */
body.demo-contents #page-message-inner,
body.demo-contents #header-inner,
body.demo-contents #breadcrumbs-inner,
body.demo-contents #upper-content-inner,
body.demo-contents #left-content-inner,
body.demo-contents #main-content-inner,
body.demo-contents #right-content-inner,
body.demo-contents #lower-content-inner,
body.demo-contents #footer-inner,
body.demo-contents #outer-content-left-inner,
body.demo-contents #outer-content-right-inner{
	padding:10px;
}
body.demo-contents.page-message #wrapper{
	padding-top:39px;
}
body.demo-contents #page-message-wrapper{
	background:#fd3;
	margin:0;
}
body.demo-contents #header{
    background-image: url("../img/header-logo.png");
    background-position: 25px 25px;
	background-repeat:no-repeat;
	height:120px;
}
body.demo-contents #header-wrapper{
	background:#049CDB;
	color:#fff;
	height:150px;
}

body.demo-contents #breadcrumbs-wrapper{
	background:#f7f7f7;
}
body.demo-contents.outer-content-left #outer-content-left-wrapper{
    margin-left: -696px;
    top: 150px;
    width: 200px;
}
body.demo-contents.outer-content-right #outer-content-right-wrapper {
    margin-right: -696px;
    top: 150px;
    width: 200px;
}
	body.demo-contents.breadcrumbs.outer-content-left #outer-content-left-wrapper,
	body.demo-contents.breadcrumbs.outer-content-right #outer-content-right-wrapper {
		top: 220px;
	}
	body.demo-contents.page-message.breadcrumbs.outer-content-left #outer-content-left-wrapper,
	body.demo-contents.page-message.breadcrumbs.outer-content-right #outer-content-right-wrapper {
		top: 260px;
	}
body.demo-contents #outer-content-left,
body.demo-contents #outer-content-right{
	padding:15px;
}
body.demo-contents #footer-wrapper{
	background:#333;
	color:#ccc;
}

/*
//// 
//// END STYLING FOR DEMO ONLY
//// 
*/


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

*{
	outline:none;
}
body{
	background:#fff;
	color:#444;
    font-family: arial;
    font-size: 11pt;
}
a{
	color:#0088CC;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
fieldset{
	border:0 none;
	margin:0;
	padding:0;
}
	legend{
		display:none;
	}
h1{
	margin:0 0 0.5em 0;
}
h2,h3,h4,h5,h6{
	margin:1em 0 0.5em;
}
img.placeholder{
	background:url("../img/placeholder.png") no-repeat scroll center center transparent;
	display:block;
}
p{
    margin:10px 0;
}
.hidden{
	display:none;
}


body.demo-contents #page-message-wrapper{
    border-bottom:1px solid #fff;
}
body.demo-contents #page-message .label{
    float:left;
}
body.demo-contents #page-message .close-button{
    float:right;
}
body.demo-contents #page-message .close-button a:hover i{
    text-decoration:none;
}
body.demo-contents #breadcrumbs ol{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
body.demo-contents #breadcrumbs li{
	float:left;
}
body.demo-contents #breadcrumbs a{
}
body.demo-contents #breadcrumbs i{
    color: #C0C0C0;
    font-size: 9pt;
    margin: 0 8px 0 8px;
}
body.demo-contents #upper-content{
	padding-bottom:0;
}
body.demo-contents #upper-content-inner{
    padding-bottom:0;
}
body.demo-contents #lower-content{
    padding-top:0;
}
body.demo-contents #lower-content-inner{
    padding-top:0;
}

body.demo-contents #catalog-nav{
    background: none repeat scroll 0 0 #F7F7F7;
    padding: 10px;
}
body.demo-contents #catalog-nav ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
body.demo-contents #catalog-nav li{
	border-bottom:1px solid #ddd;
    height: 30px;
    position: relative;
}
	body.demo-contents #catalog-nav li:last-child{
		border-bottom:0 none;
	}
body.demo-contents #catalog-nav h5{
	border-bottom:2px solid #666;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
}
body.demo-contents #catalog-nav li i{
	color: #444444;
	cursor:pointer;
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    top: 0;
    width: 30px;
}
body.demo-contents #catalog-nav li a{
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
}
body.demo-contents #catalog-nav li a:hover{
	background:#e0e0e0;
}


body.demo-contents #recent-news{
    background: none repeat scroll 0 0 #F7F7F7;
    padding: 10px 10px 0;
}
body.demo-contents #recent-news ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
body.demo-contents #recent-news li{
    border-bottom: 1px solid #DDDDDD;
    position: relative;
}
	body.demo-contents #recent-news li:last-child{
		border-bottom:0 none;
	}
body.demo-contents #recent-news h5{
	border-bottom:2px solid #666;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
}
body.demo-contents #recent-news a{
    display: block;
    min-height: 55px;
    padding: 1em 0;
}
body.demo-contents #social-ctrl a{
	display:block;
	text-align:right;
}
body.demo-contents #social-ctrl span{
	display:none;
}
body.demo-contents #social-ctrl a:hover{
	text-decoration:none;
}
body.demo-contents #social-ctrl i.icon-facebook-sign{
	color:#3B559F;
}
body.demo-contents #social-ctrl i.icon-twitter-sign{
	color:#00ABF0;
}
body.demo-contents #social-ctrl i.icon-linkedin-sign{
	color:#006498;
}
body.demo-contents #social-ctrl i.icon-google-plus-sign{
	color:#DC4937;
}
body.demo-contents .copyright{
    color: #999999;
    font-size: 8pt;
    text-align: center;
}

body.full-width.demo-contents #social-ctrl a{
	display:inline-block;
	text-align:left;
}

@media all and (max-width: 639px){
	body.demo-contents.content-3-cols #recent-news{
		border-left:0 none;
	}
	body.demo-contents #lower-content-placeholder{
		padding-top:25px;
	}
	body.demo-contents #upper-content,
	body.demo-contents. #lower-content-placeholder .demo-content{
		font-style:italic;
	}
}
@media all and (max-width: 1000px) and (min-width: 640px) {
	body.demo-contents.content-3-cols #recent-news{
		border:0 none;
	}
	body.demo-contents.content-3-cols #recent-news li{ 
		border:0 none;
		display: block;
		float: left;
		height: 85px;
		min-height: 85px;
		width: 48%;
	}
	body.demo-contents.content-3-cols #recent-news li.odd{ 
		float: right;
	}
	body.demo-contents #upper-content,
	body.demo-contents #lower-content{
		font-style:italic;
	}
}
@media all and (min-width: 1001px) {
	body.demo-contents #upper-content,
	body.demo-contents #lower-content{
		font-style:italic;
	}
}

















