/*
Pallette:

Green was #cce226 now #dddb39
Grey #3e3e3e
Dk Grey #312f30
Text DK grey #1c1c1c;
Tertiary red: #7d1a1d;
Light red: #dbb5b6

*/

html 
{
	font-family:tahoma,sans-serif;
	padding: 0;
	margin: 0;
	font-size:62.5%;
}	

body 
{
	padding: 0;
	margin: 0;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding: 0;
	color:#000;
	background: url(/images/bg_pix_ie.gif) repeat;

}

h1, h2, h3, .modhead
{
	clear:both;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
}

h1{
	font-weight:100 !important;
	font-family: tahoma;
	font-size:18px;
	margin-left:29px;
}


h2, .modhead{ 
	padding:0;
	font-weight:bold !important;
	font-size:18px;
	margin-top:5px;
	margin-bottom:20px;
	/* border:1px solid #fff; */
}

h3{
	width:auto;
}

/* #####  Generic Details  ###### */

.modhead{
	background: url(/images/head_shad.png) no-repeat;
	background-position: 50% 20px;
	height:34px;
	text-align:center; /* center */
	font-size:14px;
}

.titlebox{
	width:334px;
	height:33px;
	display:block;
	background:#fff;
	position:absolute;
	text-align:right;
	padding-top:10px;
	padding-right:17px;
	top:82px;
	left:649px;
	font-size:19px;
}
* html div.titlebox{
	padding-top:11px;
	width:353px;
	height:43px;
}

.titlebox .lghtblue{
	color:#75a3c9;
}

div.subheaddkblue{
	font-size:13px;
	margin-bottom:3px;
	font-weight:bold;
	/* letter-spacing:-1px; */
}

div.subheaddkblue14px{
	font-size:14px;
	margin-bottom:12px;
	font-weight:bold;

}

div.profiletitles{
	margin:0;
	font-size:12px;
	padding-bottom:6px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #aeaeaf;
}

div.profiletitles a:hover{
	color:#7d1a1d !important;	
}

div.profiletitleno_uscore, div.dloadgrouptitle{
	font-size:12px;
	padding-bottom:2px;

}

div.dloadgroup, .gallery{
	margin:0;
	padding:0;
	padding-bottom:12px;
	margin-bottom:12px;	
	border-bottom:1px dotted #aeaeaf;
}

div.dloadgrouptitle{
	font-weight:bold;
	padding-bottom:8px;
}

div.dloaditemlink{
	font-size:13px;
	font-weight:normal !important;
}

form.trimform{
	margin:0;
	padding:0;
}

div.profileposition{
	font-size:12px;	
	padding-bottom:18px;
}

.intro{
	font-weight:bold;
}

/* ##### Generic links ###### */

a:link, a:visited, a:active {
	text-decoration:none;
}

a:link, a:active {
	color:#000;
}

a:visited{
	color:#000;
}


.link{
	color:#000;	
	font-weight:bold;
	text-decoration:underline !important;
}

a:hover, a:focus {
	color: #7d1a1d;
}

#content, #contentinner #header, #menubar, #linkboxpane, .bodytext, .contentwrapper, .titleblock, .subtitleblock, .iconblock, #imagebar, .innerfooter, .contentprop, .newslistitem, #backButtBlock, #lowernavblock {
	/* overflow: hidden; */
	text-align:left;
	zoom: 1;
	margin-left:0;
}

html>body #content, html>body #contentinner html>body #header, html>body .bodytext, html>body .contentwrapper, html>body #menubar, html>body #linkboxpane, html>body .titleblock, html>body .subtitleblock, html>body .innerfooter, html>body .contentprop, html>body #lowernavblock {
	_height: 1%;
}


#outerwrapper {
	margin:0;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
	padding-left:0;
	width: 999px;
	position: relative;
	text-align:left;
	background: url(/images/bgmid.png) repeat-y;
	background-position: 0 0;
}

#outerheader{
	margin-left:0;
	width: 999px;
	height:105px;	
	background: url(/images/topBG.png) no-repeat;
	background-position: 0 0;
}

#headerinner {
	margin-left:29px;
	width: 941px;
	background: #000000;
	display:block;
	height:105px;
	/* border:1px red solid; */
}

.headlogblock{
	float:right;
	width:380px;
	height:65px;
	padding:20px;
	padding-right:20px;
	color:#fff;
	text-align:right;
}

.headlogblock a{
	color:#dddb39 !important;
}
.headlogblock a:hover{
	color:#7d1a1d !important;	
}

.headlogblock .greylink a{
	color:#6c6c6c !important;	
}
.headlogblock .greylink a:hover{
	color:#8d8d8d !important;	
}


#innerwrapper{
	margin:0;
	margin-left:29px;
	padding:0;
}
.subtitleblock{
	padding-top:16px;
	height:55px; /* 55px */
	float:left;
	margin-left:0;
	color: #fff;
	width:895px;
	background: #682a72;

}

html>body .subtitleblock{
	height:39px;	
}

#content{
	float:left;
	width:941px;
}

div.contentinner {
	margin:0;
	padding:0;
	padding-top:18px;
	position:relative;
	/* width:941px; */
	left:0;
}

.contentprop{
	min-height: 163px;
	height: auto !important;
	height: 163px;
	float:left;
	clear:left;
	display:block;
	width:1px;
}

#content, .headingblock{
	font-size:11px;
	color:#1c1c1c;
	background-color:#fff;
}

div.banner-box {
	clear:both;
	text-align:left;
	height:163px;
	width:941px;
	background:#000000;
}

.img-box{
	height:163px;
	width:758px;
	float:left;
	display:block;
}

/* ############ Banner ############### */

.img-box ul#bannerFade {
	display: none;
	list-style-type: none;
	float: left;
}

.img-box ul#bannerFade li {
	list-style-type: none;
}

.img-box ul#bannerFade, .img-box ul#bannerFade li{
	overflow: normal;
	display:block;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* ########## Banner Ends ########### */

.quote-box{
	height:163px;
	width:183px;
	float:right;
}

.bodytext, .bodytextfloat{
	line-height:1.5;
	/* width:98%; */
}

.bodytext a{
	color: #682a72 !important;
	text-decoration:underline;	
}

.bodytext a:hover{
	color: #333 !important;	
}

.headingblock, .headingblock_RH{
	padding:0;
	margin:0;
	margin-top:0 !important;
	padding-top:-6px !important;
	padding-bottom:12px;
	font-size:14px;
	line-height:110%;
	color:#682a72 !important;
	font-weight:900 !important;
	white-space: normal !important;
	background-color:#fff;
}

.headingblock_RH{
	font-size:12px;
	padding-left:20px;
	background-color:transparent;
}

.subhead{
	font-weight:bold !important;
	font-size:12px;
	margin-top:20px;
	color:#682a72;
}

.logoblock{
	width:244px;
	height:78px;
	float:left;
	display:block;
	background: transparent url(/images/zaf_logo.png) no-repeat;
	background-position: 36px 26px;
}

#lowernavblock{
	margin-right:auto;
	margin-left:auto;
	clear:both;
	padding-top:10px;
	height:23px; /* 33px actual */
	color: #dddb39;
	width:999px;
	/* background: #312f30; */
	background: transparent url(/images/lowernav_bg.png) no-repeat;
	background-position: 0 0;
}

#clear{
	clear:both;
	display:block;

}

#footshadow{
	margin-right:auto;
	margin-left:auto;
	background: url(/images/bgfoot.png) no-repeat;
	background-position: top;
	height:29px;
	width:999px;
}

.footinfo{
	padding-top:10px;
	padding-right:28px;
	text-align:right;	
}

.adminbutt{
	position:absolute;
	top:2px;
	left:30px;	
}

.clearfix:after {
	content: "."; 
	display: block;
	height: 0px;
	clear: both; 
	visibility: hidden;
	background:#999;
}
.heightfix:before {
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}

.myfloatfix {
	overflow: hidden;
	text-align:left;
	zoom: 1;
	margin-left:0;
}

html>body .myfloatfix{
	_height: 1%;
}

/* ############## linkboxpane ############# */

#linkboxpane{
	clear:both;
	padding-top:10px !important;
	margin-left:0;
	margin-top:0;
	padding-left:0 !important;
	height:190px;
	margin-bottom:0;
	background: transparent;
	/* border:1px solid green; */
}

#linkboxpane ul{
	list-style-type: none;
	padding-top:0;
	padding-left:0 !important;;
	margin-left:0;
	margin-top:0;
	padding:0;
	padding-left:22px !important;
}

#linkboxpane ul li{
	float:left;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	margin-left:13px;
	margin-top:0px;
	margin-right:0;
	margin-bottom:0;
	width:282px;
	height:172px;
	display:block;
}

/* #### Column structure #### */

div.left, div.right, div.center{
	margin:0;
	padding:0;
}

div.left {
	float:left;
	width:188px;/* 202px */
	text-align:left;
	border:0px red solid;
	display:block;
}

/* ============= Left nav ============= */

div.left  ul, div.left  ul li{
	margin:0;
	padding:0;
}

div.left  ul{
	margin:0 0 60px 0;
	list-style-type: none;
}

div.left ul li{
	/* border-bottom:#d2aeb1 1px solid; */
	font-size:11px;
	text-align:right;
}

html>body div.left  ul li{
	/* height:22px; */
}

div.left ul li a{
	padding-bottom:6px; 
	padding-top:6px;
	color:#1c1c1c;
	display:block;
}
div.left ul li a:hover{
	color:#7d1a1d;
	background: transparent url(/images/sn_rollover_gry_RH.png) no-repeat;
	background-position: 0 0;
}

/* =========== Left nav ends ============ */

div.right{
	float:right;
	width:180px;
	text-align:left;
	padding:0;
	/* background: url(../images/rulepix.gif) no-repeat;
	background-position: 0 18px; */
	
}

div.right{
	padding-top:0;
	padding-bottom:12px;
}

div.innerright{
	padding-left:12px;
	padding-right:12px;
	
}

html>body div.innerright{
	width:158px;
}

div.center {
	margin-left:188px;
	margin-right:0;
	text-align:left;
	width:520px;
}

div.center dl{
	padding:0;
	margin:0;	
}

div.center dl dt, div.center dl dd{
	float:left;
	padding:0;
	margin:0;
}

div.center dl dt{
	width:160px;	
}
div.center dl dd{
	width:370px;	
}

div.center table td{
	font-size:12px;	
}

div.center{
	padding: 0 17px 0 33px;
	margin-bottom: 16px;
	min-height:300px;
	height: auto !important;
    height:300px;
   /* border-right:1px solid #aeaeaf; */
   /*  border:1px solid red; */
}

div[class] .center {
   height:auto;
}

div.center a{
	padding:0;
	margin:0;
	text-decoration:underline !important;
}

html>body div.center{
	width:520px;
}

* html div.center {
	/* height:1%; */
	margin:0;
}
* html div.left {
	margin-right:-3px;
}
* html div.right {
	margin-left:-3px;
}

div.center p{
	margin-bottom: 8px;
}

div.productbox{
		
}
div.productlogo{
	margin-bottom:10px;	
}


/* #### Warnings messages ect #### */

.output{
	color:#000;
	font-size:11px;	
	border:1px solid green;
	position:fixed;
	top:40px;
	right:20px;
	background-color:#fff;
	z-index:200;
	padding:10px;
	width: 300px;
	white-space: normal !important;
}

.message{
	overflow: hidden;
	_height: 1%; /*this line for clearing contained floats*/
	border:4px solid red;
	display:block;
	padding:20px;
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	/* width:710px; */
	border: solid 6px #FCB9D8;
	background-image: url(/images/alertBG.png);
	background-repeat: repeat-x 0 0;
}

#systemWorking{
	background:#fff;
	margin-top:50px;
	margin-left:100px;
	margin-bottom:100px;
	width:150px;
	text-align:center;
	height:100px;
	display:block;
	border:1px solid #ccc;
}

/* ################# Date menu bar ################## */

#datemenubar{
	text-align:left !important;
	padding:0;
	height:22px;
	margin:0;
	margin-bottom:6px;
/* border: 1px solid red; */

}

#datemenubar ul {
	margin:0;
	padding:0;
	margin-top:0;
	list-style-type: none;
	height:12px;
	/* border: 1px solid green; */
}

#datemenubar li{
	color:#fff;	
	float: left;
	padding-right:12px!important;
	margin-right:10px!important;
	background-image:  url(../images/divider.png);
	background-position: 100% 60%;
	background-repeat: no-repeat;
}


#datemenubar li a{
	/* font-size:11px; */
	text-decoration:none;
	color:#75a3c9;
	zoom: 1;
	width:auto;
	font-weight:bold;
}

#datemenubar li a:hover{
	color:#03478d !important;
}

/* ############## Modules ################ */

#news_mod dt, #news_mod dd, #quote_mod dt, #quote_mod dd, #dnload_mod dt, #dnload_mod dd{
	margin:0;
	padding:0;
}
#news_mod dt, #quote_mod dt{
	color:#fff;
	margin-bottom:6px;
}
#news_mod dt{
	color:#dbb5b6;
}

#news_mod dd{
	margin-bottom:12px;
}

#news_mod dd a:hover {
	color:#333;
}

#quote_mod{
	padding:0;
	margin:0;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	/* color:#dbb5b6; */
}

#quote_mod dt{
	font-size:14px;
	font-weight:bold;
}

#quote_mod dd{ color:#fff; !important; }


#dnload_mod{
	border-bottom:1px dotted #aeaeaf;
	margin:0;
	padding:0;
	padding-bottom:8px;
	margin-bottom:6px;
}

#dnload_mod dt{
	width:47px;
	height:48px;
	display:block;
}
#dnload_mod dd{
	width:97px;
	margin-left:12px;
}

#dnload_mod dt, #dnload_mod dd{
	float:left;
}

ul.smllinks{
	margin:0;
	padding:0;
	margin-left:2px;
	list-style-type: none !important;
}
ul.smllinks a{
	font-size:11px;
	color:#666;
	/* font-style:italic;  */
	letter-spacing:-50%;
}

ul.smllinks a:hover{
	color:#000 !important;
}

.dnload_link{
	margin-bottom:15px;	
}

.dnload_link a{
	font-size:12px;
	color:#666;
	font-style:italic;/
	letter-spacing:-30%;
}

.clickthrough{
	margin:0;
	padding:0;
}

.clickthrough a{
	color:#666;	
}
	
/* ####################################*/

.blockclear15{
	height: 15px;
}

.blockclear30{
	height: 30px;
}

.blockclear15, .blockclear30, .blockcleardottedrule{
	margin:0;
	padding:0;
	display:block;
}

.blockcleardottedrule{
	border-bottom:1px dotted #aeaeaf;
	margin-bottom:12px;
	height: 12px;
}


/* ######### GALLERY ###########  */

.gallery{
	text-align:left;
	zoom: 1;
	margin:0;
	padding:0;
	margin-right:0;
	text-align:left !important;
	padding-bottom:12px !important;
	padding-left:0 !important;
	/* width:720px; */
	margin-bottom:12px; 
}

html>body .gallery{
	_height: 1%;
}


.gallery ul, .gallery ul li{
	overflow: normal;
	display:block;
	padding: 0;
	margin: 0;
}


.gallery ul {
	list-style-type: none;

}

.gallery li{
	float: left;
	padding-right:10px !important;
	margin-right:10px !important;
	margin-bottom:20px !important;

}

.gallery li a{
	font-size:13px;
	text-decoration:none;
	color:#69686b;	
	zoom: 1;
	width:auto;
}

.gallery li a:hover{
	color: #03478d;/* !important */
}


/* ########## images ############## */

.img_align-right { float:right; margin: 0 0 15px 15px; }

.img_align-lowright { float:right; margin: 15px 0 15px 15px; }

.img_align-left { float:left; margin: 0 15px 5px 0; }

.img_align-center { margin: 15px auto 15px auto; }

img.img_frame {
	padding: 5px 5px 5px 5px;
	border: 1px solid #aaa;
}

/*  ############ Filter Form ############# */

#filterform, #searchform{
	float:left;	
} 

#filterform{
	/* border:1px solid red; */
	width:260px;	
}

#searchform{
	/* border:1px solid orange; */
	width:260px;	
}

#filterform, #filterform dt, #filterform dd , #searchform, #searchform dt, #searchform dd{
	margin:0;
	padding:0;
}

#filterform dt, #filterform dd, #searchform dt, #searchform dd{
	height:24px;
	margin-bottom:4px;	
	float:left;
}


#filterform dt, #searchform dt{
	/* border:1px solid green; */
	width:50px;	
	clear:left;
}
#filterform dd, #searchform dd{
	/* border:1px solid blue; */
	width:200px;	
}

#filterform dd select, #searchform dd select{
	font-family:arial,sans-serif;
	font-size:12px;
}

/*  ############ Network list ############# */

.networklist{
	margin:0;
	padding:0;
	margin-top:0;
	list-style-type: none;
	font-size:11px;
}

.networklist li{
	display:block; /* inline */
	/* float:left; */
	margin-right:9px;
	padding:2px;
	padding-left:6px;
	/* border: 1px solid green; */
}

/* ##### Sitemap ####### */

#indexlist{
	border-bottom:1px dotted #aeaeaf;
}

#indexlist .listsubhead{
	font-size:12px;
	margin-top:5px;
	margin-bottom:3px;
	font-weight:bold;
	/* letter-spacing:-1px; */	
}

#indexlist li a{
	
}

.adminbutt{
	position:absolute;
	top:10px;
	left:20px;	
}

/* ################## registerform ################## */
#registerform{
	border:none;
	margin:0 !important;
}

#registerform .zend_form{
	border:none !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:0 !important;
	margin-bottom:0 !important;
	padding-top:4px !important;
	/* overflow:visible !important; */

}

#registerform dl dt{
	clear:left;
	border:none;
	padding-top:4px;
	padding-bottom:2px;
	float:left;
	/* border:1px solid #red; */
}
#registerform dl dd{
	border:none;
	float:left;
	/* border:1px solid blue; */
}

#registerform dl dd,#registerform dl dt{
	margin-left: 0 !important;
	margin-bottom: 10px !important;
	overflow:hidden;
	height:1%;
	/* height:18px; */
}

#registerform dl dt{ width:145px; }
#registerform dl dd{ width:360px; }


#registerform input, #registerform select{
	background-color:#eeeded;
	color:#000;
	border:1px solid #666;
}

#registerform input{
	padding-top: 0 !important;
	width:335px;
	padding-left:6px;
}

#registerform .description{
	/* border:1px solid #fff; */
	margin-bottom:8px !important;
	font-weight:bold;
	padding-top:3px;
	clear:left;
}

.chkbx{
	margin-left: 0;
	margin:0;
	float:left;	
	width:22px;
	padding: 0 !important;
	overflow:hidden;
	_height:1%;
	/* clear:both; */
}


.chkbx input{
	border:none !important;
	background:none !important;	
}

.chkbxlabel{
	margin:0;
	/* margin-top: 13px !important; */
	float:left;
	width:475px;
	text-align: left;
	overflow:hidden;
	_height:1%;
	border:none;
	clear:none;
}

#registerform dl dd,#registerform dl dt, .chkbx, .chkbxlabel{
	font-size:11px !important;
}

.chkbx input{
	margin: 0 !important;
	width:18px !important;
	
}

.dlrow{
	clear:left !important;
	float:left;
	margin:0 !important;
	padding:0 !important;
	margin-bottom:4px !important;
	border:1px solid red;
	/* width:450px !important; */
	/* border:none; */
}

html>body .dlrow {
	overflow:hidden;
	_height:1%;
}

.clear{
	clear:both;
	overflow:hidden;
	_height:1%;
	padding:0 !important;
	margin:0 !important ;
}

.backButtBlock li a{
	margin-left: 0px;
	background:#e1de59;
	border-bottom:2px #000 solid !important;
	border-left:2px #fff solid !important;
	border-top:2px #fff solid !important;
	border-right:2px #666 solid !important;
	font-weight:bold;
	color: #000;
	font-size:11px;
}



#registerform a{
	/* font-size:9px; */
	color:#000;
}

#registerform a:hover{
	color:#333 !important;
}

#joinbutton{
	width:120px !important;
}

div.flashpane{
	padding-top:10px;	
}