/*
Theme Name: Food Safety-Quality
Description: The default Food Safety-Quality theme.
Author: harnods


*/



/* default css for Food Safety-Quality */

body { background:#eeeeee; font-family:Trebuchet MS, tahoma, arial; font-size: 12px; color:#2f2f2f; margin: 0 auto; line-height: 18px; text-align:justify;  }

.clear {  clear: both; }

.left { float: left; }
.right {  float: right; }

img { border: none; }

input { outline: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
textarea { outline: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

a { text-decoration: none; color:#bb0000; }
a:hover { text-decoration: underline; }

.column1 {  clear: both; overflow: hidden; border-bottom: 1px solid #ebebeb; cursor: pointer; }
.column2 {  clear: both; overflow: hidden; border-bottom: 2px solid #ebebeb; }

quote { padding:10px; font-style: italic; background-color: #ebebeb;  margin-left: 20px; }

h1, h2, h3, h4, h5 { margin-top: 0;}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

h3.events-icon { background: url(images/events-icon.gif) no-repeat; padding-left: 40px; padding-top: 5px; padding-bottom: 8px;}
h3.news-icon { background: url(images/news-icon.gif) no-repeat; padding-left: 40px; padding-top: 5px; padding-bottom: 8px;}

a.excel-icon { background: url(images/excel-icon.gif) no-repeat; padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}
h3.consulting-icon, a.consulting-icon { background: url(images/consulting-icon.gif) no-repeat; padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}
h3.training-icon, a.training-icon { background: url(images/training-icon.gif) no-repeat; padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}
h3.audit-icon, a.audit-icon { background: url(images/audit-icon.gif) no-repeat; padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}
h3.document-icon, a.document-icon { background: url(images/document-icon.gif) no-repeat; padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}
h3.share-icon, a.share-icon { background: url(images/share-icon.gif) no-repeat; padding-left: 40px; padding-top: 10px; padding-bottom: 10px;}

p.date { font-size: 11px; margin: 0; color:#aaa; }

/*placement */
.container_12 { clear: both; overflow: hidden; width: 960px; margin: 0 auto;}

.side-shadow { float: left; width: 10px; }
.page { float: left; background-color: #fff; width: 940px; }

.head {  clear: both; overflow: hidden; width: 920px; padding: 0 10px; }
	.logo {  float: left; width: 244px; }
	.mainmenu {  float: left; width: 676px; font-size: 12px; font-family: Arial; margin-top: 80px; }
	
	.mainmenu ul { padding: 0; margin: 0; }
	.mainmenu li { padding: 0; margin: 0 1px 0; list-style: none; display: inline; float: left; }
	.mainmenu a { display: block; padding: 8px;}
	.mainmenu li a {  background-color:#fff; color:#000; }
	.mainmenu li a:hover { background-color:#bb0000; color:#fff; text-decoration: none; }
	.mainmenu li .on { background-color:#bb0000; color:#fff; }
	
	.gradient-bar { height: 6px; width: 920px; background:url(images/gradient-bar.gif) no-repeat; }

.banner { clear: both; overflow: hidden; width: 920px; padding: 0 10px; margin-bottom: 20px; }

.grid_spacer { width: 20px; float: left; }
.grid_3 { width: 300px; float: left;}
.grid_2 { width: 200px;  float: left; }
.grid_6 { width: 720px;  float: left;}

.spacer-line { border-bottom: 1px solid #ebebeb; }

/* welcome */
.welcome { margin-left:10px;}
.welcome h1 { color:#bb0000; font-size: 20px;  }

/* events */
.home-events { text-align: justify; }
.home-events img { border:1px solid #ebebeb;}
.home-events .date { font-size: 11px; margin: 0; color:#aaa; }

/* news & Article */
.home-article { margin-right: 10px;  }
.home-article .date { font-size: 11px; margin: 0; color:#aaa; }

/* join community */
.join-community { margin-left: 10px; text-align: left;}
.join-community { border: 1px solid #d8726a; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.join-community a {  color:#fff; line-height: normal;}
.join-input { width: 178px; background-color: #fff; border: none; padding: 5px; }
.join-button { padding: 5px; color:#fff; background-color: #edb330; border: none;}
p.subscribe { font-size: 11px; font-style: italic; }

/* download */
.home-download a { color:#fff; }
.download-box { border: 1px solid #ebebeb; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; background-color: #f2f2f2; margin-bottom: 20px;  }

/* quote */
.home-quote { margin-right: 10px;  }
.home-quote p { font-style: italic; font-size: 14px; margin: 0; border-bottom: 1px dotted #d8726a; border-top: 1px dotted #d8726a; padding: 15px 0; }

/* right navigation */
.right-navi { margin-left: 10px; text-align: left; }
.right-navi ul { padding: 0; margin: 0; }
.right-navi li { padding: 0; margin: 0 0 1px; list-style: none; }
.right-navi li a {  background-color:#f2f2f2; color:#000; }
.right-navi li a:hover { background-color:#c93333; color:#fff; }
.right-navi a { display: block; padding: 10px; text-decoration: none; }
.right-navi li .on { background-color:#c93333; color:#fff; }

/* service & Solution */
.home-service { clear: both; overflow: hidden; }
.home-service h5 { margin: 0;}
.home-service ul { padding: 0; margin: 0 20px 30px; }
.home-service li { padding: 12px 0; margin: 0; list-style: none; border-bottom: 1px dotted #ebebeb; }
	
	
/* content page */
.content-wrap { clear: both; overflow: hidden; margin-right: 10px; padding-right: 30px; }	
.content-wrap h5 { padding:5px 0 10px; margin: 0; border-bottom: 1px dotted #ebebeb;}
.content-wrap li { padding: 5px 0;}

.module-list li { list-style: decimal;}

/* share form */
.share-form table { clear: both; overflow: hidden; }
	td.title-col { font-weight: bold;  width: 200px; vertical-align: top; padding-bottom: 10px; background-color: #f2f2f2; padding: 10px; border-bottom: 1px solid #fff;   }
	td.field-col { vertical-align: top; padding-bottom: 10px; background-color: #f5f5f5; padding: 10px; border-bottom: 1px solid #fff;   }
	
	.share-input { padding: 5px; width: 300px; border: 1px solid #ccc; }
	.share-textarea { padding: 5px; width: 300px; border: 1px solid #ccc; }
	.share-button { padding: 10px; border: none; background-color:#bb0000; color:#fff; cursor: pointer;  }

/* --- slider --- */
.slider-wrap { width: 290px; position: relative; }			
.stripViewer .panelContainer .panel ul { text-align: left; margin:0; }
.stripViewer { position: relative; overflow: hidden; width: 290px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 290px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { border: 1px solid black; margin-right: 5px; }

/* bottom */
.bottom { clear: both; overflow: hidden; color:#fff; background: url(images/bottom-bg.gif) repeat-x #da741f; padding: 20px 0; margin-top: 20px; }

/* footer */
.footer {clear: both; overflow: hidden; margin: 0 auto; background: url(images/footer-bg.gif) no-repeat; width: 940px; padding-top: 35px;}
.footer-left { float: left; width: 60%; }
.footer-right { float: left; width: 40%;  text-align: right;}
	.footer-right .left { text-align: right; padding-left: 170px;}

.footer p { margin: 0; color:#aaa; font-size: 11px; font-family: arial; }

.footer-left ul { padding: 0; margin: 0; font-size: 11px; }
.footer-left li { padding: 0 5px 0 0; margin: 0; list-style: none; display: inline; }
.footer-left a { color:#aaa; }