@charset "utf-8";
/* CSS Document */
/*****************************************************************************************************************************************
Colours:
#737272;	top nav hover
#737272;	dk blue top band; logo font
#737272;	red top nav drop down background; links
#737272;	footer background
#d8d8d8;	body background

General

*******************************************************************************************************************************************/
@media screen,print
{
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
.header-container{
	background:#fff;
	/*border-bottom: 10px solid #737272;
	border-top: 10px solid #737272;*/
}
article a > img, aside a > img, section a > img{
	display:inline-block;
	margin: 5px 5px;
}
.logo-container{
	max-width:1026px;	
    margin: 0 auto;
	/*text-align: center;*/
}
.logo-container h1, .logo-container h2 {
	text-indent:-9999em;
	font-size:0px;
	line-height:0;
	margin-bottom:0;
}
.logo-container img {
    height: auto;
	/*padding-left:10px;*/
}	
ul#header_contact{
	/*float:right;*/
/*	position: absolute;
    right: 0;
    top: 0;*/
}
#header_contact li{
	display:block;
	text-align:right;
	color:#FFF;
}
#header_contact a:link, #header_contact a:visited{
	color:#FFF;
	text-decoration:none;
	padding:10px 16px 0 0;
}
img
{
	/*max-width: 100% !important;*/
	max-width: 100%;
	vertical-align:middle;
	display: inline-block;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
	_width: 100%;
}
.fb-page{
	display:block !important;
}
a:link, a:visited{
	text-decoration:none;
	color:#737272;
	color:#c10f1f;
	color:#A15800;
}
a:hover,  a:active{ 
	color:#737272;	
	color:#c10f1f;
	color:#A15800;
	text-decoration:underline;
}
aside a:link, aside a:visited{
	font-weight:bold;
}
p.nojs{
	text-align:left;
	font-size:1.0em;
}
p img{
	/*padding-left:5px;*/
	padding:0 5px 0 5px;
	position:relative;
	float: left;
	clear: left;
	margin: 6px 6px;
	*margin-top: 12px;
}
.no-disc{
	list-style:none;
	}
.red {color:#c10f1f;}
.strike{
	text-decoration:line-through;
}
.nav-container{
	background:#ffffff;
	background:#737272;
	-moz-box-shadow:    0px 10px 10px #aaa;
	-webkit-box-shadow: 0px 10px 10px #aaa;
	box-shadow:         0px 10px 10px #aaa;
	z-index:1000;
}
.text_right{
	text-align:right;
}
.right{
	float:right;
}
.centre{
	text-align:center;	
}
ul.dots li{
	list-style:disc;
	margin-left:20px;
}
.photocycle-slideshow{
	width:50%
}
.photocycle-slideshow img{
	width:100%;
	height:auto;
}
.cycle-slideshow div { display: none }
.cycle-slideshow div.first { display: block }
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { 
	margin: 0 auto; 
	padding: 0; 
	position: relative;
	max-width: 100%;
	/*height: 100%;*/
 }
/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
	margin:0 auto;
    padding: 0; 
	display: block; 
	height: auto;
	width:100%;
}
.cycle-slideshow div { 
	margin:0 auto;
}
/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}
#cycle-1 > div {
    width: 100%;
	/*min-height:300px;*/
}
/* pager */
.cycle-pager { 
    text-align: center; z-index: 500; overflow: hidden; 
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #272626; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #cc0000;}
.cycle-pager > * { cursor: pointer;}
#pause_button{
	float:left;
	padding:18px 0 8px 17px;
	display: inline-block; 
	cursor:pointer; 
	width:20px;
	border:none;
}
.photocontrols_wrap{
	margin:0 0 0 0;
	padding-left:0px;
}
#controls_wrap{
	margin:0 0 0 40%;
	padding-left:0px;
}
#controls_wrap li{
	display:inline;
	vertical-align:middle;
}
.cycle-overlay { 
    color: white; background: black; opacity: .6; filter:alpha(opacity=60);
    position: absolute; bottom: 0; width: 100%; padding: 15px;
}
.cycle-overlay a, .cycle-overlay a:visited, .cycle-overlay a:hover, .cycle-overlay a:active{
	color:#fff;
	text-decoration:none;
}
#pager{
	display:inline-block;
}
.play{
	background: transparent url(../img/pause.png) no-repeat left center;
}
.pause{
	background: transparent url(../img/play.png) no-repeat left center;
}
#custom-pager a{
	color:#000;
}
strong.cycle-pager-active a{
	color:#737272 !important;
}
a#home-link{
	display:block;
	cursor:pointer;
	position:absolute; 
	top: 0px;
	text-indent: -9999em;
	height:200px;
	width:1026px;
	/*background-size: auto;*/
	}
a#home-link img{
	/*height:auto;*/
}
.logo{
	max-width:100%;
	width:100%;	
	text-align: center;
}
.logo img{
	height:auto;
}
	}
#home .top-nav .home > a,
#services .top-nav .services > a,
#about .top-nav .about > a,
#about .top-nav .about > a,
#contact .top-nav .contact > a
{
	color:		#d8d8d8;
	color:		#000;	
	color:		#fff;	
	text-decoration:none;
	font-weight:bold;
	background:#737272;
	background:#fff;
	background:#444545;
	cursor:pointer;
}
.top-nav{
	z-index:1000;
	width: 1026px; /* 1140px - 10% for margins */
	width:100% !important;
	margin: 0 auto !important;
	position:relative;	
}
ul.flexbox {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: center;
	align-items: center;
}
nav {
	width: 1026px; /* 1140px - 10% for margins */
	margin: 0 auto;
}
.sticky{
	position:fixed;
	top:0px;
	width:100% !important;
	/*margin: 0 auto;*/
}
.addthis_toolbox{
	margin-top:10px;
}
.sidebar{
	float:right;
	width:23%;
}
ul.ul_inline li{
	display:inline;
}
.ul_inline img{
	max-height:87px;
}
ul.product_list li{
	/*display:inline-block;*/
	float:left;
	border:solid #737272 1px;
	padding:5px;
	padding:1%;
	width:28.0%;
	margin:0 3.8% 2.992em 0;
}
ul.product_list li.last{
	margin:0 0 2.992em 0;
}
ul.product_list li h3{
	font-size: 16px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0.5em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5em;	
}
ul.product_list li a{
	text-decoration: none;
}
a.button{
	background-color:#444545;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
	color:#fff;
    cursor: pointer;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 1em;
    font-weight: bold;
 	padding:4px 10px 4px 10px;
    position: relative;
    z-index: 10;
	margin-bottom:10px;
	max-width:100px;
}
a.button:hover{
  	background-color:#737272;
	color:#fff;
	text-decoration: none;
}
a.prod_button{
	cursor: pointer;
  width: 13px;
  line-height: 10px;
  position: relative;
  float: right;
  overflow: hidden;
  padding: 2px 6px;	
  top: -32px;
	text-transform: uppercase;
	vertical-align:middle;
	/*-moz-transition: 2.0s;*/
 /* -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;*/
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: -20px;
	color:#fff;
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari and Chrome */
	-o-border-radius: 2px;
	border-radius: 2px 2px 2px 2px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
a.prod_button::before{
  content: "+";
  font-size: 20px;
  line-height: 10px;
  position: relative;
  vertical-align:middle; 
  top: 5px;
  left: 1px;
  margin-right: 15px;
  color: rgba(0, 0, 0, 0.12);
}
a.prod_button:hover{
  position: relative;
    font-size: 12px;
	font-weight:bold;
	width:90px;
  	line-height: 21px;
	color:#fff;
	padding:2px 6px;
 	background: #444545;
  	border: 2px solid #444545;
}
a.prod_button:hover::before{
  	top: 0px;
	color:#fff;
	margin-right:5px;
}
.price{
	border-top-color: rgba(0, 0, 0, 0.1);
    border-top-style: solid;
    border-top-width: 2px;
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0.5em;
    padding-top: 16px;
	color:#000;
}
.slider img{
	margin:0 auto;
}
/* Headings -------------------------------------------------------------- */ 
h1,h2,h3,h4,h5,h6 {	font-weight: normal; color: #000; } 
h1 { font-size: 24px; line-height: 1; margin-bottom: 10px; } 
h2 { font-size: 18px; margin-bottom: 5px; } 
h3 { font-size: 16px; margin-bottom: 10px; } 
h4 { font-size: 14px; line-height: 1; margin-bottom: 10px;} 
h5 { font-size: 14px; font-weight: bold; margin-bottom: 10px; } 
h6 { font-size: 13px; font-weight: bold; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 

.smfont{font-size:14px;}

/*ul{list-style:none;}*/
/*ol{list-style:none;}*/
/*ul li{list-style:none;}*/
ul.product_list {list-style:none;}
fieldset{border:none;}
table{
	border-collapse:collapse;
	font-style: normal;
	margin-bottom:10px;
	width:100%
}
table thead{
	color:#737272;
	color:#000;	
}
table thead tr th{
	padding:5px 10px;
	font-size:1.0em;
}
table tbody tr td{
	padding:5px 10px;
	vertical-align:top;
}
table.prod_details tbody tr td{
	padding:0 0;	
}
/*table.dots td ul li{
	list-style:disc;
	margin-left:5px;	
}*/
.slideToRight{
	position:fixed;
    float: right;
	right:24px;
	top:244px;
    z-index: 1000;
}
.slideToLeft{
	position:fixed;
    float: right;
	right:5px;
	top:10px;
    z-index: 1000;
}
#myaddthis{
	top:10px;
}
#addthis{
    z-index: 1000;
}
.addthis_floating_style, .addthis_32x32_style{
	line-height:14px !important;
	border-radius: 8px 0px 0px 8px !important;
	top:10px !important;
	padding-bottom:5px !important;
	padding-top:10px !important;
}
.addthis_floating_style a{
	margin-bottom:3px !important;
}
.twitter_class{
	padding-top:10px;
}
.home_cycle{
	width:80%;
	margin: 0 auto;
}
/******************************************************************************************************************************************

	Sponsors Page

*******************************************************************************************************************************************/
#newsButton{
	background-color:#444545;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
	color:#fff;
    cursor: pointer;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 1em;
    font-weight: bold;
 	padding:4px 10px 4px 13px;
    position: relative;
    z-index: 10;
	margin-bottom:10px;
	max-width:100px;
}
#newsButton:hover{
  	background-color:#737272;
	color:#fff;
}
img.news_images{
	margin-right:10px;
	height:100px;
	padding:3px;
	border:1px solid #808080;
}
.news_table{
	width:520px;
	font-size:15px;
}
.news_table td{
	vertical-align:text-top;
	padding:0;
}
.down_arrow{
	background: #9EC6D9 url(../img/down_arrow.gif) no-repeat left center;
}
.right_arrow{
	background: #9EC6D9 url(../img/right_arrow.gif) no-repeat left center;
}
.down_white_arrow{
	background: #a2a2a2 url(../img/down_white_arrow.gif) no-repeat left center;
}
.right_white_arrow{
	background: #a2a2a2 url(../img/right_white_arrow.gif) no-repeat left center;
}
#news h3{
  margin:0;
  padding:4px 0 4px 18px;
  background-color:#000;
  background-color:#444545;
  border-bottom:3px solid #fff;
  color:#fff;
  font-size:1em;
  font-weight:700;
  cursor:pointer;  
}
#news h3:hover{
  background-color:#444545;
  color:#fff;
}

.down_black_arrow{
	background: url(../img/down_black_arrow.gif) no-repeat left center;
}
.right_black_arrow{
	background: url(../img/right_black_arrow.gif) no-repeat left center;
}
.expand h4{
  	margin:0;
  	padding:0 30px 0 18px;
  	color:#000;
  	color:#cc0000;
	color:#000;
  	text-decoration:none;
  	font-size:1.0em;
  	cursor:pointer;  
}
.expand h4:hover{
  text-decoration:none;
}
.expand h4.p_red{
	color:#cc0000;
}
.expand li{
	list-style:none;
}
.expandButton{
	border:none;
	background:#225148;
	color:#fff;  
	cursor:pointer;
	font-weight:bold;
	padding:4px 4px;
	display:inline-block;
	margin-bottom:10px;
	z-index:30;	
	border-radius: 4px 4px 4px 4px;
	max-width:90px;
}
.expandButton:hover {
	background:#3c6b2d;
}
.expand_item{
	padding-left: 18px;
}
.expand_item > p > img{
	display:inline-block;
	padding: 0 8px;
}
.postdate{
	font-style:italic;
	font-size:0.7em;
	padding:3px 10px 0 0;
	float:right;
	vertical-align:middle;
}
.p_red{
	color:#737272;
}
#news li{
	list-style:none;
	line-height:1.6;
}
#news ul.indent_news li{
	margin-left:20px;
}
.news_item .row{
	border-bottom:1px solid #fff;
}
.news_item .news_item_lastrow {
	border:none;	
}
.sponsors_list img{	
	/*max-width:400px;*/
	max-height:200px;
}
.vendors_list .row{
	border-bottom:1px solid #fff;	
}
.vendors_list .lastrow {
	border:none;	
}
.google-maps {
	position: relative;
	padding-bottom: 75%;  /*This is the aspect ratio: height / width*/
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	frameborder: 0;
	border: 0;
}
/******************************************************************************************************************************************

	Contact

*******************************************************************************************************************************************/
#contact-us form {
    border-top-color: #272626;
    border-top-style: dotted;
    border-top-width: 1px;
    margin-top: 10px;
    padding-top: 10px;
}
#contact ul{
	padding-left:0px;
}
#contact ul li{
	list-style:none;
	margin-left:0;
}
textarea{
	max-height:500px;	
}
textarea, input[type="text"], input[type="password"], select{
	background: #fff !important;
    border: 1px solid #CCCCCC;
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
    padding: 5px 5px;
	margin-bottom:0.75em;
    vertical-align: middle;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {  
	background: #fff !important;
	outline: 0 none;
	cursor:pointer;
	border:1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #ccc;
}
input[type="radio"]{
    -webkit-appearance: radio;
}
.sendBtn, a.sendBtn{
	/*border:1px solid #162338;*/
	border:none;
	color:#fff;  
	cursor:pointer;
	font-weight:bold;
	padding:8px 8px;
	display:inline-block;
	margin-bottom:10px;
	background:#444545;
	z-index:30;	
	border-radius: 4px 4px 4px 4px;
	max-width:50%;
	text-decoration:none;
}
.sendBtn:hover, a.sendBtn:hover {
	background:#606060;
}
span.error{
	clear:both;
	float:left;	
	background: url(../img/exclamation.png) no-repeat 5px 3px;
	color:#a12321;
	padding:3px 3px 3px 25px;
	font:bold 12px Verdana, Geneva, sans-serif;
	margin-bottom:0.75em;
}
/******************************************************************************************************************************************

	Footer

*******************************************************************************************************************************************/
.block_content{
	width:100%;
}
.footer_list ul{
	display:inline;
}
.address{
	float:left;
	width:50%
}
.khm{
	float:right;
	/*width:20%;*/
	/*font-size:11px;*/
}
.khm h4, .address h4{
	font-size:12px;
}
#top_arrow a:link, #top_arrow a:visited{
	background: url(../img/Top_Arrow.png) no-repeat scroll left top transparent;
    bottom: 15px;
    display: block;
    height: 75px;
    position: fixed;
    right: 15px;
    width: 18px;
    z-index: 1000;
	text-decoration:none;
}
#top_arrow a:hover{
	background: url(../img/Top_Arrow.png) no-repeat right top transparent;
	text-decoration:none;
}
#top_arrow a:active{
	background: url(../img/Top_Arrow.png) no-repeat scroll left top transparent;
}

div#footer{clear:both;}
div#footer p.right{float:right;}
#outer_footer{
	background: #737272;
    background: none repeat scroll 0 0 #b9b8c0;
	background: none repeat scroll 0 0 #B4B4B5;
}
#footer table tbody tr td{
	padding:0px 0px 0px 0px;
}
#footer{	
	text-align:left;
	padding:10px 10px 30px 10px;
	margin:0px auto;
	clear:both;
	width:940px;
	position:relative;
	font-size:0.9em;
	/*color:#fff;*/
}
#footer li{list-style:none;display:inline;}
#footer li.left{
	float: left;
    margin-right: 85px;
}
#footer a:link, #footer a:visited{
	/* Do Not change or else nav will be wrecked */
	color:#000;
	text-decoration:none;
	font-weight:500;	
}
#footer a:hover, #footer a:active{
	text-decoration:underline;
	font-weight:500;	
}
#footer ul li{
	display:inline;
}
#bottom_footer {
	background: #737272;
    background: none repeat scroll 0 0 #b9b8c0;
	background: none repeat scroll 0 0 #B4B4B5;
    padding-bottom: 400px;
}
.printed-article {
	display:none;
}
.page-break	{ display: none;  } 
/************************************************************
/*
/* CMS
/*
/************************************************************/
.labelfileupload{
	vertical-align:text-top !important;
}
.admin_summary_table th{
	border: 1px solid #000 !important;
	padding: 0px 5px;
}
.admin_summary_table td{
	border: 1px solid #000 !important;
	padding: 0px 5px;
}
.login-table{
	width:50%;
}
.table-col-1{
	width:20%;
	text-align:right;
}
.table-col-2{
	width:80%;
	text-align:left;
}
ul#form_submit_buttons{
	list-style:none;
	margin: 0 auto;
	/*margin-left:380px;*/
}
ul#form_submit_buttons a{
	text-decoration:none;
}
#form_submit_buttons li{
	float:left;	
	display:inline;
	margin-right:5px;	
	margin-left:0;
	list-style:none;
}
.adminDiv{
	margin-top:12px;
}
#logoutBtn{
	margin:10px 0 0 0px;;
	max-width:100px;
}
.admin_summary_table th{
	border: 1px solid #000;
	padding: 0px 5px;
}
.admin_summary_table td{
	border: 1px solid #000;
	padding: 0px 5px;
}
input#date[type="text"] {
    margin-right: 5px;
    width: 100px;
	float:left;
}
img.ui-datepicker-trigger{
	cursor:pointer;
	float:left;
	margin-top:8px;
}
.admin_photo {
    border: 1px solid #808080;
    margin-right: 5px;
    margin-top: 10px;
    padding: 3px;
    text-align: center;
}
ul.form_body {
	list-style:none;	
	border-bottom:dotted #00385b 1px;	
}
ul.form_body li{
	list-style:none;
}
.form_body li{
	float:left;
	padding:5px 0 5px 0;
	line-height:1.8;
}
.form_body li p{
	font-size:1.0em;
	line-height:1.0;
	padding:3px 0;
}
.form_body li input.inputbg{
	margin:10px 20px 5px 0;
}
.form_body img{
	max-width:120px;
	max-height:120px;
	margin: 0 auto;
}
.printed-article {
	display:none;
}
.page-break	{ display: none;  }
.adminBtn, a.adminBtn:link, a.adminBtn:visited{
	background-color:#3d506b;
	background-color:#414040;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin: 10px 5px 10px 3px;
    margin: 10px 3px 10px 0px;
	padding:5px 8px;
	text-decoration:none;
	max-width:240px;
}
.adminBtn:hover, a.adminBtn:hover{
	background-color:#737272;
}
.actionBtn, a.actionBtn:link, a.actionBtn:visited{
	text-decoration:none;
	color:#3c6b2d;;
}
.actionBtn:hover, a.actionBtn:hover{
	text-decoration:underline;
}
.admin_table{
	width:100%;
}
.admin_table td{
	padding-left:10px;
	padding-bottom:10px;
}
.admin_table td:first-child{
	padding-left:0;
}
.admin_table th:first-child{
	width:30%;
	text-align:left;
}
.admin_table td{
	vertical-align:middle;
}
table.admin_table a:link, table.admin_table a:visited{
	text-decoration:none;
}
.inline_list{
	display:inline-block;
	padding-left:0px;
}
ul.inline_list li{
	display:inline;
	float:left;
	margin-left:0px;
	margin-right:8px;
}
ul.inline_list li:last-child{
	margin-right:0px;
}
.routine td{
	vertical-align:top;
}
.routine td:first-child{
	width:100px;
}
.inline_list table td{
	max-width:115px;
	text-align:center;
}
.inline_list table td img{
	padding: 0px 0px;
}
.inline_list td > a:link, .inline_list td > a:visited{
	text-decoration:none;
}
a.myButton:link, a.myButton:visited{
	background:#414040;
	color:#fff;	
	border:none; 
	cursor:pointer;
	font-weight:bold;
	padding:2px 8px;
	display:inline-block;
	margin:10px 0px 10px 0;
	z-index:30;	
	border-radius: 4px 4px 4px 4px;
	max-width:90px;
	text-decoration:none;
}
a.myButton:hover, a.myButton:active {
	background:#737272;
}
#info_feedback, #info{
	border: 1px solid #00385b;
	background: #bcd7e4 url(../img/information.png) no-repeat 5px 8px;
	padding:5px 10px 5px 30px !important;
	color:#00243B;  
	font-size:1.0em;
	font-weight:500;
	min-width:200px;
	margin-bottom:10px;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-o-border-radius: 4px;
	border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
}
#success{
	border: 1px solid #96C978;
	background: #e1fbd2 url(../img/green_check.png) no-repeat 5px 8px;
	padding:5px 10px 5px 30px !important;
	color:#00243B;  
	font-size:1.0em;
	font-weight:500;
	min-width:200px;
	margin-bottom:10px;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-o-border-radius: 4px;
	border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
}
#failure{
	background:#FF8080 url(../img/exclamation.png) no-repeat 5px 8px;
	color:#800000;
	padding:5px 10px 5px 30px !important;
	margin-bottom:10px;
	border:1px solid #800000;  
	font-size:1.0em;
	font-weight:500;
	min-width:200px;
}
#info_feedback li, #success li, #failure li{ 
	list-style:none;
}
#info_feedback p, #success p, #failure p{  
	font-size:0.9em;
	line-height:1.5;
	margin:0 0;
}
input#date[type="text"] {
    margin-right: 5px;
    width: 100px;
}
input[type="text"].admin_input{
	max-width:480px;
	margin-right:0px;
}
input[type="password"], select{
	max-width:480px;
}
textarea.admin_input{
	max-width:480px;
	margin-right:0px;
}
.sf-menu li.phone{
	float:right;
}
.sf-menu a.phone_icon, .sf-menu li.sfHover > a.phone_icon{
	background:#c7dacb url(../img/Phone.png) no-repeat 10px 8px;
	padding-left:30px;
}
.sf-menu a.phone_icon:hover{
	background:#c7dacb url(../img/Phone.png) no-repeat 10px 8px;
}
/********************************************************/
/*         The following is for the CMS navigation      */
/*														*/
/********************************************************/

/* Indicate active page */
#pages .top-nav .pages > a,
#catalog .top-nav .catalog > a,
#files .top-nav .files > a,
#photos .top-nav .photos > a,
#admin_access .top-nav .admin_access > a
{
	color:		#fff;	
	text-decoration:none;
	cursor:		default;
	font-weight:bold;
	background:#006ed1;
	cursor:pointer;
	background:#444545;
}
@media print
  {
	html, body, a{
		font-family: Segoe UI, Segoe, Georgia, serif;
		background: #fff;
		color: #000;
	}
	#home-wrapper {
		width: 100%;
		margin: 0; padding: 0;
		background: none;
	}
	.page_header, .header-container, .nav-container, .rt_sidebar, .social_buttons_left, .twitter_class, .g-facebook, .g-plusone, .fb-page, #contact-us, #newsButton {
		display: none;
		height:0px;
	}
	#news h3{
		font-weight:bold;
		font-size:1.5em;
		text-decoration:underline;
	}
	.page-break	{ display: block; page-break-after: always; }
	.entry a:after {
		content: " [" attr(href) "] ";
	}
	.sendBtn{
		background: #fff;
	}
	.printed-article {
		display:block;
		border: 1px solid #666;
		padding: 10px;
		text-align:center;
	}
  }
@media only screen and (max-width: 768px) {
	ul.product_list li{
		width:44.5%;
		padding:1%;
		clear:both;
		margin:0 1% 2.992em;
		float:none;
		display:inline-block;
	}
	.sidebar{
		float:none;
		margin:10px 3% 0 3%;
		width:98%;
		clear:both;
	}
}
@media only screen and (max-width: 364px) {
	ul.product_list li{
		margin:0 0 2.992em;
		font-size:12px;
	}
}