/*
Theme Name: Kleeneze
Description: The Kleeneze web template
Version: 1
Author: iceni Productions
Author URI: http://www.iceni-tv.co.uk
*/


/* ~~~~~~~~~~ define colour ~~~~~~~~~~ */


/* colors used when defining fonts colors */
.BGDistributorLogin {
	background-color:#001C3B;
}
.nav a {
	color:#FFFFFF;
}
.BGbaseColorSiteBG {
	background-color:#FFFFFF;
}
.baseColor, span.readmore a, #footerHolder ul a {
	color:#001C3B;
} /* default is #001C3B */
.accentColor, hr {
	color:#165485;
} /* default is #165485 */
.contrastColor, a, form.cmxform, div.tmpSlideCopy p, div.tmpSlideCopy h1, div.tmpSlideCopy h2 {
	color:#FFF;
} /* default is #FFF */
/* colors used backgrounds */
.BGbaseColor, .wp-pagenavi span.current {
	background-color:#001C3B;
} /* default is #001C3B */
.BGaccentColor, .current_page_item, .current_page_parent, hr/*, div.tmpSlideCopy p, div.tmpSlideCopy h1, div.tmpSlideCopy h2, div.tmpSlideCopy span*/ {
	background-color:#001C3B;
} /* default is #165485 */
.BGcontrastColor, #footerHolder ul .current_page_item, #footerHolder ul .current_page_parent {
	background-color:#FFF;
} /* default is #FFF */
/* ~~~~~~~~~~ reset styles ~~~~~~~~~~ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
body {
	font: 100%/1.2 "Arial", verdana, helvetica, sans-serif;
	height:100%;
}
h1, h2, h5, p {
	padding-bottom: 0.8em;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.5em;
}
div.tmpSlideCopy p, h3 {
	font-size: 1em;
	padding-bottom: 0.4em;
	font-weight:normal;
}
div.homeSlotTxt h3 {
	font-size: 0.8em;
	padding-bottom: 0.4em;
	font-weight:bold;
}
div.wid h1 {
	font-size: 1.2em;
	font-weight:bold;
	padding-bottom: 0.4em;
}
	.wid h3 { text-transform:uppercase;}
h4 {
	font-size: 1.2em;
	font-weight:bold;
	padding-bottom: 0.4em;
}
div.wid h4, span h4 {
	font-size: 0.8em;
	font-weight:normal;
	padding-bottom: 0.8em;
}
h5 {
	font-size: 0.688em;
	font-weight:bold;
}
h6 {
	font-size: 0.688em;
	font-weight:bold;
}
p, .stan, ul.archives li, form.cmxform, .sitemap {
	font-size: 0.688em;
}
div#eventComingUp p {
	padding-bottom: 0.2em;
}
/* ~~~~~~~~~~ links ~~~~~~~~~~ */

a:link, a:visited, a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
div.newsMarT a:link, div.newsMarT a:visited, div.newsMarT a:active {
	text-decoration:underline;
}
div.newsMarT a:hover {
	color:#6699FF;
}
a.head:link, a.head:visited, a.head:active, a.head:hover {
	text-decoration:none;
}
a.more:link, a.more:visited, a.more:active {
	text-decoration:none;
	font-size: 0.688em;
}
a.more:hover {
	text-decoration:underline;
	font-size: 0.688em;
}
div.newsMarT a.more-link:link, div.newsMarT a.more-link:visited, div.newsMarT a.more-link:active {
	text-decoration:none;
	font-weight:bold;
}
div.newsMarT a.more-link:hover {
	text-decoration:underline;
	font-weight:bold;
}
a.more-link:link, a.more-link:visited, a.more-link:active {
	text-decoration:none;
	font-weight:bold;
}
a.more-link:hover {
	text-decoration:underline;
	font-weight:bold;
}
/* ~~~~~~~~~~ reusable class ~~~~~~~~~~ */
hr {
	border: 0;
	height: 1px;
}
.fl {
	float:left;
	width:auto;
	display:inline;
}
.fr {
	float:right;
	width:auto;
	display:inline;
}
.error {
	color: #f00;
}
.confirmation {
	font-weight: bold;
}
div.fieldset {
	border: solid 1px;
	padding: 1em;
	margin: 1em 0;
}
legend span {
	display: block;
	font-weight: bold;
	font-size: 1.4em;
}
.clear {
	clear:both;
}
.current_page_item, .current_page_parent {
	padding: 7px 0;
}
.s, .current_page_item, .current_page_parent, span.readmore a, span.h1 {
	font-weight:bold;
}
.marL {
	margin-left:9px;
}
.marT, span.marT {
	margin-top:9px;
}
.marT2 {
	margin-top:5px;
}
.marT3 {
	margin-top:15px;
}
.marT4 {
	margin-top:25px;
}
.marB {
	margin-bottom:15px;
}
.pad {
	padding:9px;
}
.padHead {
	padding:30px 0px 0px 30px;
}
.pad20 {
	padding:20px 20px 0px 20px;
}
.padRng {
	padding:40px 61px;
}
.padHor {
	padding:0 9px;
}
.pad5{
	padding: 5px;
}
.nav li {
	padding:7px;
	display:inline;
	list-style:none;
	font-size:0.813em;
	line-height:24px;
}
ul.subnav {
	width:805px;
	padding: 0 0 2px 0;
	padding-right: 10px; 
}
.subnav li {
	padding:4px 7px 4px 7px;
	display:inline;
	list-style:none;
	font-size:0.813em;
	line-height:24px;
}
ul.midRng li {
	display:inline;
	list-style:none;
	position: relative;
	float:left;
	width:auto;
}
ul.midCompanyRng li {
	margin: 20px 0 0 0;
	display:inline;
	list-style:none;
	position: relative;
	float:left;
	padding:0 2px;
	width:auto;
}
.catCent {
	margin-left: auto;
	margin-right: auto;
	width:300px;
	padding: 0 9px 0 0;
}
.catCentSml {
	margin-left: auto;
	margin-right: auto;
	width:189px;
	margin-top:5px;
	padding: 0 9px 0 0;
}
ul.cat {
	float:left;
	width:auto;
}
ul.cat li {
	float:left;
	display:inline;
	list-style:none;
	width:auto;
}
.rngCent {
	margin-left: auto;
	margin-right: auto;
	width:673px;
	margin-top:20px;
}
ul.rngDis {
	float:left;
	width:auto;
}
ul.rngDis li {
	float:left;
	display:inline;
	list-style:none;
	margin-left:2px;
	width:auto;
}
ul.archives {
}
ul.archives li {
	list-style:none;
}
.slot {
	width:393px;
	/*height:165px;*/
	float:left;
	display:inline;
	position: relative;
}
.fullSlot {
	width:260px;
	height:169px;
	position: relative;
	float:left;
	display:inline;
}
li div.midRngSlotCopy {
	width: 236px;
	padding:0px 9px 0px 9px;
}
div.slotCopy {
	position: absolute;
	left:10px;
	top: 10px;
	width: 160px;
}
div.slotCopyWide {
	position: absolute;
	left:10px;
	top: 10px;
	width: 300px;
}
div.halfSlotCopy {
	position: absolute;
	left:10px;
	top: 10px;
	width: 240px;
}
.wordtube {
	margin: 0 0 20px 0;
}
#footerHolder ul li.page-item-529, #footerHolder ul li.page-item-554 {
	text-align:right;
}
.wid {
	width:394px;
}
.wid2 {
	width:380px;
}
.wid3 {
	width:300px;
}
.hei {
	height:180px;
}
.homeSlotTxt {
	width:170px;
	margin:0.4em;
	float:left;
	display:inline;
}
.catAlign {
	text-align:center;
	padding: 0.4em 0;
}
.quoteLeft {
	float:left;
	width:auto;
	display:inline;
	margin:0px 0 5px 0;
	font-size:3em;
}
.quoteRight {
	float:right;
	width:auto;
	display:inline;
	margin:0 0 5px 0;
	font-size:3em;
}
/* ^^^^^^^^^^^^ Individual ID ^^^^^^^^^^^^^*/
#midSlot {
	margin: 0px 0px 9px 0px;
	padding: 9px;
	height: 100%;
	width: 780px;
}
#halfSlot {
	width:260px;
	height:80px;
	position: relative;
	float:left;
	display:inline;
}
#sideBar {
	width:272px;
	float:left;
	display:inline;
	padding: 20px 0 0 0;
	margin-bottom:9px;
}
#intWid {
	margin: 0px 0px 9px 0px;
	padding: 0 0 0 0;
	position: relative;
	width: 798px;
	height: 100%;
}
#int {
	margin: 0px 0px 9px 0px;
	padding: 0 0 0 0;
	position: relative;
	height: 100%;
	width: 798px;
}
#formHolder {
	margin: 0px 0px 9px 0px;
	padding: 0 0 0 0;
	position: relative;
	/*height: 400px;*/
    width: 798px;
}
#formPosition {
	width:500px;
	margin-left:auto;
	margin-right:auto;
}
#intNews {
	margin: 0px 0px 9px 0px;
	padding: 0 0 0 0;
	position: relative;
	height: 100%;
	width: 516px;
	float:left;
	display:inline;
}
#top {
	width: 797px;
	padding: 0px 9px;
	margin-left: auto;
	margin-right: auto;
}
#navHolder {
	width: 815px;
	/*height:100%;*/
	margin-left: auto;
	margin-right: auto;
	text-align:right;

	margin-top: 10px;
	border-style:solid;
	border-width:5px;
	color:#C0C0C0;
	background-color:#C0C0C0;
}
#wrap {
	padding:20px 0px;
}
#contents {
	width: 797px;
	padding: 9px;
	margin-left: auto;
	margin-right: auto;
	border-style:solid;
	border-width:5px;
	color:#C0C0C0;
}
.btop {
	border-top:5px solid;
}
#form {
	float:left;
	display:inline;
	width:510px;
	height:100%;
}
#newsHome {
	float:left;
	display:inline;
	width:524px;
	/*height:169px;*/
	margin: 9px 0 0 0;
}
#newsMid {
	background:url(i/news-inner-grad.png) repeat-y;
	width:524px;
	min-height:162px;
}
#newsFoot {
	background:url(i/news-foot-grad.png) no-repeat;
	width:524px;
	height:7px;
}
#rng {
	width:260px;
	height:169px;
	position: relative;
	float:left;
	display:inline;
}
#eventComingUp {
	width:242px;
	/*height:239px;*/
	position: relative;
	float:left;
	display:inline;
	padding:9px;
}
/* ~~~~~~~~~~~ slideshow ~~~~~~~~~~~~~~*/
div#tmpSlideshow {
	margin: 0px 0px 9px 0px;
	padding: 0 0 0 0;
	position: relative;
	height: 299px;
	width: 798px;
}
div.tmpSlide {
	position: absolute;
	top: 0;
	left: 0;
	width: 795px;
	height: 332px;
	display: none;
}
div.tmpSlide img {
	float: left;
	margin: 0px;
	width: 795px;
}
div#tmpSlideshowControls {
	position: absolute;
	bottom: 0px;
	width: 795px;
}
div.tmpSlideshowControl {
	float: left;
	display:inline;
	margin: 0;
	width: 265px;
	height: 37px;
	text-align: center;
	cursor: pointer;
}
div.tmpSlideshowControl span {
	line-height: 37px;
	vertical-align: middle;
}
div.tmpSlideshowControlOn {
}
div.tmpSlideshowControlActive {
}
div.tmpSlideCopy {
	position: relative;
	top: -220px;
	width: 476px;
}
div.tmpSlideCopy h1, h2 {
	padding:9px;
	float:left;
	display:inline;
	margin:0 0 10px 0;
	width:auto;
}
div.tmpSlideCopy p {
	clear:both;
	padding:9px;
	float:left;
	display:inline;
	width:300px;
}
div.tmpSlideCopy span {
	clear:both;
	padding:9px;
	float:left;
	display:inline;
	width:80px;
}
/* ~~~~~~~~~~~ pagenation ~~~~~~~~~~~~~~*/
.wp-pagenavi a, .wp-pagenavi a:link {
	text-decoration: none;
	font-size: 0.8em;
}
.wp-pagenavi a:visited {
	text-decoration: none;
	font-size: 0.8em;
}
.wp-pagenavi a:hover {
	font-size: 0.8em;
	text-decoration: underline;
}
.wp-pagenavi a:active {
	font-size: 0.8em;
	text-decoration: none;
}
.wp-pagenavi .page {
	font-size: 0.8em;
	margin:0px 6px;
	text-decoration: none;
}
.wp-pagenavi span.pages {
	font-size: 0.8em;
}
.wp-pagenavi span.current {
	font-size: 0.8em;
	padding:0px 6px;
}
.wp-pagenavi span.extend {
	font-size: 0.8em;
}
div.wp-pagenavi {
	margin: 0px 0px 0px 60px;
}
/* ~~~~~~~~~~~ email ~~~~~~~~~~~~~~*/
#contactForm {
	float:left;
	position:relative;
	height: 100%;
	width:509px;
}
#footerHolder ul .current_page_item, .current_page_parent {
	font-weight:normal;
	padding:0 0;
}
.prop {
	height:329px;
	float:right;
	width:1px;
}
.propEvent {
	height:239px;
	float:right;
	width:1px;
}
.propSlot {
	height:165px;
	float:right;
	width:1px;
}
.propNews {
	height:162px;
	float:right;
	width:1px;
}
.widSlot1 {
	width:199px;
	float:left;
	display:inline;
	line-height:0px;
}
ul.search li {
	list-style:none;
	float:left;
	display:inline;
	margin:0px;
}
ul.search li.submit {
	margin:0px 20px 0px 0px;
}
searchField {
	width:25px;
}
ul.sitemap li {
	list-style:none;
	position: relative;
}
ul.sitemap ul li {
	text-indent:30px;
}
div.tmpSlideCopy p, div.tmpSlideCopy h1, div.tmpSlideCopy h2, div.tmpSlideCopy span {
	background:url(i/t-space.png) repeat;
}
#footerHolder {
	width: 815px;
	padding:20px 0px;
	/*height:100%;*/
	margin-left: auto;
	margin-right: auto;
}
#footerHolder ul {
	width:auto;
	float:left;
	list-style:none;
	text-transform:lowercase;
}
#footerHolder ul li {
	list-style:none;
	width:115px;
	padding:0 9px;
	font-size: 0.688em;
	font-weight:bold;
}
#footerHolder ul ul li {
	list-style:none;
	width:115px;
	padding:0px;
	font-weight:normal;
	font-size: 1em;
}
#footerHolder ul.nor li {
	list-style:none;
	width:115px;
	padding:0 9px;
	font-size: 0.688em;
	font-weight:normal;

}
div.newsMarT {margin-top:9px;}
div.newsMarT ul {margin-left:24px;}
div.newsMarT li { font-size:12px; padding: 0 0 12px 12px;	}
p { font-size:12px;	}
/* ~~~~~~~~~~~ form styling ~~~~~~~~~~~~~~*/
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  _margin: 0 -7px; /* IE Win */
}
/*\*//*/
form.cmxform legend {
  display: inline-block;
}
/* IE Mac legend fix */
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  float:left;
  margin: 0;
  padding: 0;
  width:auto;
}
form.cmxform fieldset ol.right {
  float:right;
  margin: 0;
  padding: 0;
  width:auto;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 2px 0;
  margin: 0;
}
form.cmxform fieldset li.c1 {
  list-style: none;
  padding: 2px 9px 2px 2px;
  margin: 0;
}
form.cmxform fieldset li.c2 {
  list-style: none;
  padding: 2px 2px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 85px; /* Width of labels */
}
.incForm{text-align:center; padding: 1em 0;}
.tAlign{text-align:center;}
.catForm{text-align:center; padding: 0.5em 0 0 0;}
.messgeWid{width:99%;}
#dLHold{width:800px; margin-left:auto; margin-right:auto;}
#outerdiv {
	width:505px;
	height:330px;
	overflow:hidden;
	position:relative;
}
#inneriframe{
	position:absolute;
	top:-145px;
	left:-390px;
	width:1280px;
	height:1200px;
}
h3 { font-weight:bold;}
#catalogue-errors span { font-size:12px; color:#FF0000;}
.alignright {float:right; margin:0 0 12px 12px;}
.button {
	background: #FFFFFF url(/images/button-bg.jpg) repeat-x bottom; 
	height:30px; 
	padding:6px;
	font-size:24px;
	font-weight:bold;
	font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:180px;
	margin:20px 0 20px 220px;
	border:1px solid #CCCCCC;
}
.button a, .button a:visited { color:#006699; text-decoration:none !important;}
.button a:hover {color:#006699;text-decoration:underline !important;}
#audio li {
	background:url(i/icon_audio.gif) no-repeat left;
	list-style-type:none;
	padding:3px 0 3px 20px;
	margin:0 0 4px 12px;
}