/*
 *  KINGFISHER INTERNATIONAL PTY LTD - http://www.kingfisherfiber.com*  2011 Site Refresh
 *
 
 *  Site Designed by Ali Robertson - http://alirobe.com
 *  CSS Last updated 1st August 2011
 *  This CSS Document applies to all XHTML files on the Kingfisher International Website,for any  medium.
 
 * The fonts included are copyrighted by the vendor listed below.
 *  Vendor:      FontSite Inc.s
 *  License URL: http://www.fontspring.com/fflicense/fontsite
 */
 
@font-face {
    font-family: 'FGBook';
    src: url('franklingothicfs_book_english/FranklinGothic-Book-webfont.eot');
    src: url('franklingothicfs_book_english/FranklinGothic-Book-webfont.eot?iefix') format('eot'),
         url('franklingothicfs_book_english/FranklinGothic-Book-webfont.woff') format('woff'),
         url('franklingothicfs_book_english/FranklinGothic-Book-webfont.ttf') format('truetype'),
         url('franklingothicfs_book_english/FranklinGothic-Book-webfont.svg#webfontj5DMLOGD') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FGBook';
    src: url('franklingothicfs_demi_english/FranklinGothic-Demi-webfont.eot');
    src: url('franklingothicfs_demi_english/FranklinGothic-Demi-webfont.eot?iefix') format('eot'),
         url('franklingothicfs_demi_english/FranklinGothic-Demi-webfont.woff') format('woff'),
         url('franklingothicfs_demi_english/FranklinGothic-Demi-webfont.ttf') format('truetype'),
         url('franklingothicfs_demi_english/FranklinGothic-Demi-webfont.svg#webfont4xnBfu5f') format('svg');
    font-weight: bold;
    font-style: normal;
}/*
@font-face {
    font-family: 'FGBook';
    src: url('franklingothicfs_bookitalic_english/FranklinGothic-BookIt-webfont.eot');
    src: url('franklingothicfs_bookitalic_english/FranklinGothic-BookIt-webfont.eot?iefix') format('eot'),
         url('franklingothicfs_bookitalic_english/FranklinGothic-BookIt-webfont.woff') format('woff'),
         url('franklingothicfs_bookitalic_english/FranklinGothic-BookIt-webfont.ttf') format('truetype'),
         url('franklingothicfs_bookitalic_english/FranklinGothic-BookIt-webfont.svg#webfontu0B8XHAo') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'FGBookCondensed';
    src: url('franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.eot');
    src: url('franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.eot?iefix') format('eot'),
         url('franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.woff') format('woff'),
         url('franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.ttf') format('truetype'),
         url('franklingothicfs_condensed_english/FranklinGothic-Cd-webfont.svg#webfont9pAY3ErZ') format('svg');
    font-weight: normal;
    font-style: normal;
}*/







/****************************************
CONTENT SWITCHING
*****************************************/
.special-news {display:none}
/*.special-news
{
	background:#FFF;
	border:1px solid #CCC;
	display:none;
	float:right;
	margin:10px;
	padding:5px;
	text-align:center;
	width:200px
}
.special-news span{display:inline}*/


/****************************************
POSITIONING
*****************************************/
body{margin:0;padding:0}
html{margin:0;padding:0}
body {
	position:absolute;
	width:100%;
	top:0px; left:0px;
	text-align:justify
}
html {
	position:absolute;
	width:100%;
	top:0px; left:0px;
	text-align:justify
}
#content, .content-width{
	margin:0 auto;
	width:93%;
	max-width:980px;
	min-width:540px;
	padding:0px 20px; /* note that padding is used in place of margin due to IE7 bug */
	position:relative;
}
#content
{
	padding-top:80px; 
	background:#FFF;
	z-index:1;
	border-top:3px solid #e84;
}
#content:after, .clearfix:after{clear:both;content:".";display:block;width: 0px; height:0px;overflow: hidden}
#header{height:80px;left:0;position:absolute;top:0;width:100%;min-width:400px;z-index:2}
.fauxh1 {clear:both}
h1 {clear:both}
h1.fauxtext{clear:none}
h1.fauxh2{clear:none}
/****************************************
COLORING
*****************************************/
body{background-color:#eee;}
.right_menu {color:#333; }
.fauxtext {color:#333; }
#content {color:#333; }
.fauxh2 a{ color:#333 !important; }
.fauxh1 a{ color:#333 !important; }
h3 a{ color:#333 !important; }
h2 a{ color:#333 !important; }
h1 a{ color:#333 !important; }
.fauxh2{color:#555}
.fauxh1{color:#555}
.kiblue{color:#555}
h3{color:#555}
h2{color:#555}
h1{color:#555}
.fauxh3{border-bottom-color:#BBB}
.fauxh2{border-bottom-color:#BBB}
h3{border-bottom-color:#BBB}
h2{border-bottom-color:#BBB}
a{color:#D40}
#footer a:hover{color:#B00}
a:hover{color:#B00}
a:visited:hover{color:#B00}
a:active{color:#B00}
.emphasis{color:#d40}
.fauxh2 a:hover{color:#d40!important}
.fauxh1 a:hover{color:#d40!important}
h3 a:hover{color:#d40!important}
h2 a:hover{color:#d40!important}
h1 a:hover{color:#d40!important}
.mini{color:gray}
.grey{color:gray}
.gray{color:gray}
#footer {color:#999}
.hrule {border-top-color:#eee; border-top-style:solid; border-top-width:1px;}
#hrule {border-top-color:#eee; border-top-style:solid; border-top-width:1px;}
#footer {border-top-color:#eee; border-top-style:solid; border-top-width:1px;}
.right_menu:hover	{background-color:#f5f5f5;}
.right_menu:focus	{background-color:#d40; color:white!important}
.right_menu:active	{background-color:#d40; color:white!important}
#footer a{color:#555}

/****************************************
FONTING
*****************************************/
.fauxtext,#content,.typography{font-family:Ubuntu,'Helvetica Neue',Arial,sans-serif; font-size: 14px; line-height:25px; }
.fauxh1{font-family:FGBook,'Ubuntu','Helvetica Neue','Gill Sans MT','Gill Sans','Franklin Gothic Medium',Arial,Serif;font-size:23px;text-transform:uppercase}
h1{font-family:FGBook,'Ubuntu','Helvetica Neue','Gill Sans MT','Gill Sans','Franklin Gothic Medium',Arial,Serif;font-size:23px;text-transform:uppercase}
h3{font-family:FGBook,'Ubuntu','Helvetica Neue','Franklin Gothic Medium','Gill Sans MT','Gill Sans',Arial,Serif; text-transform:none;}
h1.fauxh2{font-family:FGBook,'Ubuntu','Helvetica Neue','Franklin Gothic Medium','Gill Sans MT','Gill Sans',Arial,Serif; text-transform:none;}
.fauxh2{font-family:FGBook,'Ubuntu','Helvetica Neue','Franklin Gothic Medium','Gill Sans MT','Gill Sans',Arial,Serif; text-transform:none;}
h2{font-family:FGBook,'Ubuntu','Helvetica Neue','Franklin Gothic Medium','Gill Sans MT','Gill Sans',Arial,Serif; text-transform:none;}
.right{text-align:right}
h1:first-child{text-align:right}
h1:first-child.fauxtext {text-align:left;}

h1:first-child.fauxh2 {text-align:left;}

.mini{font-family:Arial,sans-serif;}

#footer{font-family:Arial,sans-serif;}
#footer{font-size:11px}
.mini{font-size:9px}
/****************************************
FONT EMPHASISING
*****************************************/
.fauxh2 a:hover
{
	font-style:normal;
	font-weight:400
}
.fauxh1 a:hover
{
	font-style:normal;
	font-weight:400
}
h3 a:hover
{
	font-style:normal;
	font-weight:400
}
h2 a:hover
{
	font-style:normal;
	font-weight:400
}
.fauxh2 a:active h1 a:hover
{
	font-style:normal;
	font-weight:400
}
.fauxh1 a:active
{
	font-style:normal;
	font-weight:400
}
h3 a:active
{
	font-style:normal;
	font-weight:400
}
h2 a:active
{
	font-style:normal;
	font-weight:400
}
h1 a:active
{
	font-style:normal;
	font-weight:400
}
.fauxh2 a:visited
{
	font-style:normal;
	font-weight:400
}
.fauxh1 a:visited
{
	font-style:normal;
	font-weight:400
}
h3 a:visited
{
	font-style:normal;
	font-weight:400
}
h2 a:visited
{
	font-style:normal;
	font-weight:400
}
h1 a:visited
{
	font-style:normal;
	font-weight:400
}
.fauxh2 a
{
	font-style:normal;
	font-weight:400
}
.fauxh1 a
{
	font-style:normal;
	font-weight:400
}
h3 a
{
	font-style:normal;
	font-weight:400
}
h2 a
{
	font-style:normal;
	font-weight:400
}
h1 a
{
	font-style:normal;
	font-weight:400
}
.fauxh2
{
	font-style:normal;
	font-weight:400
}
.fauxh1
{
	font-style:normal;
	font-weight:400
}
h3
{
	font-style:normal;
	font-weight:400
}
h2
{
	font-style:normal;
	font-weight:400
}
h1
{
	font-style:normal;
	font-weight:400
}
.fauxh2 a{ font-weight:400 !important}

.fauxh1 a{ font-weight:400 !important}

h3 a{ font-weight:400 !important}
h2 a{ font-weight:400 !important}
h1 a{ font-weight:400 !important}

h1.fauxh2{font-size:17px}

.fauxh2{font-size:17px}

h3{font-size:17px}

h2{font-size:17px}
.emphasis {font-weight: bold}
#content a {font-weight: bold}
#content a{text-decoration:none}

/* FONT EMPHASISING :Behaviouring */
#content a:visited{font-weight:400; text-decoration:underline}
.fauxh2 a{ text-decoration:underline}
.fauxh1 a:hover{ text-decoration:underline}
h3 a:hover{ text-decoration:underline}
h2 a:hover{ text-decoration:underline}
h1 a:hover{ text-decoration:underline}
#content a:visited:hover{text-decoration:underline}
#content a:hover{text-decoration:underline}
#content a:active{text-decoration:underline}
#content sa:hover span{text-decoration:none}

#content a:visited:hover span{text-decoration:none}

#content a:active span{text-decoration:none}

/*Footer */
#footer
{
	clear:both;
	margin:1em 0;
	text-align:center
}
#footer a{
	font-weight:400;padding:0 5px 5px;text-decoration:none; 
}
#footer a:first-child {
	padding-left:0px;
}
#footer a:last-child {
	padding-right:0px;
}
/*Links */
a img
{
	border-color:inherit;
	border-style:none;
	border-width:medium;
/*!!!!!	why was THIS here? float:right;*/
	vertical-align:middle
}
a[href^=http]{background:top right no-repeat url(../images/icons/linkarrow.gif);padding-right:5px}
.out{background:top right no-repeat url(../images/icons/linkarrow.gif);padding-right:5px}
.left{text-align:left}
.clr{clear:both}
.cl-space{margin:0;padding:0}
#leftimg{text-align:right}
#rightlinks{width:18em}
#footer td{font-size:11px;}
#footer.pad{padding-right:5px}


/* Fancy Bits */
.floatbox
{
	background:repeat-x top url(../images/design/hov/hover.jpg);
	border:1px solid #CCC;
	float:right;
	margin:7px;
	padding:5px
}

#hrule{height:10px; width:100%;}
.hrule{height:10px; width:100%;}

.minitext
{
	border:none;
	color:gray;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-weight:400
}

.picfooter
{
	background-image:none;
	border:none;
	color:gray;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-weight:400
}

.callout-box
{
	background:#FFF;
	border:1px solid #CCC;
	float:right;
	margin:10px;
	padding:5px;
	text-align:center;
	width:200px
}

/*Table */
.tbl
{
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:left;
	vertical-align:top
}

.tbl tr
{
	background:url('../images/design/table/whitetop.jpg') bottom left repeat-x
}

/*Flow Buttons */
.pp
{
	cursor:help
}

.rightbar
{
	background:left top no-repeat url(../images/design/elements/left_bar.gif);
	text-align:left
}

/*Products */
div#product
{
	clear:both;
	margin:20px 0;
	width:100%
}

div#productpic
{
	float:left;
	height:19em;
	text-align:right;
	width:200px
}

div#productpic img
{
	float:left;
	padding-right:20px;
	text-align: center;
}

div#productdat
{
	margin-left:201px
}

div#productdat ul
{
	list-style-position:inside;
	list-style-type:circle
}

.productlinks
{
	background-image:url(../images/design/elements/left_bar.gif);
	background-position:top left;
	background-repeat:no-repeat
}

/* hide obsolete content */
#corpimg
{
	display:none
}

/* hacks ::to be integrated or eliminated */
li
{
	padding-bottom:4px;
	text-align:left
}

acronym
{
	border-bottom:1px dotted gray;
	cursor:help
}



/* prev uncommon */
/* CSS Document */
.bt_row_c_bad {background:  #fdf9b9 bottom repeat-x url(../images/design/table/lightyellow.jpg); vertical-align:middle}
.bt_row_c_good {background: #caf6b7 bottom repeat-x url(../images/design/table/lightgreen.jpg);  vertical-align:middle}
.bt_row_c_default {background:white bottom repeat-x url(../images/design/table/white.jpg);       vertical-align:middle}
.bt_row_head_1 {background: #92d667 bottom repeat-x url(../images/design/table/darkgreen.jpg);   vertical-align:middle;  color:white}
.bt_row_head_2 {background: #e7e159 bottom repeat-x url(../images/design/table/darkyellow.jpg);  vertical-align:middle}
#bt_nobg {background-image:none; background-color:white;}
.bt_nobg {background-image:none; background-color:white;}
.t {background-position:top}
.m {background-position:center}
.b {background-position:bottom}
.bt_row_head_2 a {color:blue}
.bt_row_head_2 a:visited{color:blue}
/*hov*/
.hov 			{ vertical-align:top;}
.hov a img 		{ text-decoration: none;}
.hov a			{ padding:9px 13px;  background:white; font-size:small; display:block; text-align:left; border:1px solid transparent}
.hov a:hover	{ background: repeat-x top url(../images/design/hov/hover.jpg); font-size:small; color:red; border:1px solid #CCC}
.hov a:active	{ background: repeat-x top url(../images/design/hov/active.gif); border:1px solid transparent; }
.hov a:visited { font-style:normal}
.hov a span		{ color:#777; font-weight:400; text-decoration:none}
.hov a:hover span {color:#444; text-decoration:none !important;}
.hov a:hover {
	text-decoration:none;
}
* html .hov a  	{height:1px;}

.box {border:1px solid #CCCCCC; background: repeat-x top url(../images/design/hov/hover.jpg); padding:9px;font-size:small;}
.box {font-size:small;text-transform:uppercase;letter-spacing:.5em;}

/* previously right_menu.css */
.right_menu 		{display:block; width:180px; padding:3px 12px; background:no-repeat 95% 50%; font-size:11px; font-weight:400 !important}

.left_icon			{background:no-repeat center 1eft;  padding-left:20px;}
.right_icon			{background:no-repeat center right; padding-right:20px;}

.pdf 				{background-image: url('../images/icons/page/page_white_acrobat.gif');}
.page 				{background-image: url('../images/icons/page/page_white_text.gif');}
.pages 				{background-image: url('../images/icons/page/page_white_stack.gif');}
.comparison_table 	{background-image: url('../images/icons/tables/table.gif');}
.certificate 		{background-image: url('../images/icons/page/page_white_cert.gif');}
.contact 			{background-image: url('../images/icons/phone/telephone.gif');}
.add-ons			{background-image: url('../images/icons/os/plus_16x16.gif');}
.kits				{background-image: url('../images/icons/tables/table_refresh.gif');}
.powerpoint			{background-image: url('../images/icons/page/page_white_powerpoint.gif');}
.word				{background-image:url('../images/icons/page/page_white_word.gif');}
.download			{background-image: url('../images/icons/os/down_16x16.gif');}
.video				{background-image: url('../images/icons/tv/television.gif');}
.ki					{background-image: url('../images/icons/ki_16x16.gif');}
/*
@media 
screen and (max-width:940px) 
{
	#header {height:120px;}
	#content{padding-top:120px}
}
@media 
screen and (max-width:640px) ,
only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) 
{
	body {
	background:white
	}
	.hov a {
	padding:4px;
	}
	.hov span {
	display:none
	}
	#header {height:220px;}
	#content{padding-top:220px}
	#content table[width="100%"] td[width="1"].rightbar {
	padding:0; background:white; max-width:100px;
	}
	.right_menu {
		padding:2px 10px !important; width:125px; background:url('../images/design/table/whitetop.jpg') bottom left repeat-x
	}
	td.productlinks{padding:5px; background-image:none}
	.right_menu:hover, .right_menu:active, .right_menu:focus{background-image:none}
	.nombl{
		display:none
	}
	#content {
		min-width:400px;
		width:92%;
		padding-left:0;
		padding-right:0;
		margin-left:4%;
		margin-right:4%;
	}
	.fauxtext,#content,.typography {
		font-size:13px;	
	}
	img {
		max-width:100%;
	}
	
	#footer .right {display:none}
}*/