/*Trikola - Tradewind Trading Co. Ltd. CSS 

border: 1px solid #999;
light tan color: #e9d69c
green color: #7d8846
dark green color: #5c6433*/
HTML {overflow: -moz-scrollbars-vertical; /*ff scroll bar page shift*/}
body {text-align:center; /*center hack*/ }

#wrap {max-width:1024px;width: auto !important; /*IE6 hack*/width:1024px; /*IE6 hack*/margin:0 auto; /*center hack*/text-align:left; /*center hack*/}
#error-wrap {max-width:1024px;width: auto !important; /*IE6 hack*/width:1024px; /*IE6 hack*/margin:0 auto;}

#footer {clear:both;}
.inside {padding:10px;}
.page-inside {padding:10px 50px 10px 20px;}
#outside-wrap{width:100%;background: #f2f2f2  url(../images/background2.jpg) no-repeat scroll center top;}
#header{background:   url(../images/home-header.png) no-repeat scroll center top;height: 110px;}
/*#page-header{background:   url(../images/header-02.png) no-repeat scroll left top;height: 105px;}*/
#sidebar {float: left;overflow: hidden;width: 20%;}
/*typography*/
* {margin:0;padding:0;}
body {font-size:76%;/*font-family:Arial, Helvetica, sans-serif;*/ font-family: "Franklin Gothic Medium", sans-serif;line-height:1.5; margin: 0; background: #F4F3ED;}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {margin: 0.5em 0; }
li,dd { margin-left:1em;}
fieldset { padding:.4em; }
a{text-decoration:none;color:#7d8846;}
a:hover{text-decoration:underline;}
h1{clear:both;font-size:1.8em;color: #4a612e; line-height:1.3; text-shadow: 1px 1px 2px #C2C2C2;}
h2{clear:both;font-size:1.3em;color: #4a612e; line-height:1.2; text-shadow: 1px 1px 2px #C2C2C2;}    
h3{clear:both;font-size:1.0em;color: #5c6433}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
h6{font-size:1em;font-weight:bold;}

/* NAVIGATION */
#nav{background:   url(../images/nav-bk.png) no-repeat left top; height:; width: 100%; border:;}
div#nav ul {margin: 0px;padding: 0px;font-family: Arial, Helvetica, sans-serif;font-size: small;color: #FFF;line-height: 30px;white-space: nowrap;}
div#nav li {list-style-type: none;display: inline; margin: 0px;}
div#nav li a {text-decoration: none;color: #4a612e;padding: 7px 3px 7px 17px;}
div#nav li a:link {color: #4a612e}
div#nav li a:visited {color: #364722;}
div#nav li a:hover {color: #c40000; background: url(../images/leaf.png) no-repeat 1px 7px;padding: 7px 3px 7px 17px; }
/*LEFT COLUMN */
#leftcol {float:left;width:61%; overflow:hidden; margin: 10px; background: #4a612e; height: 400px; border-bottom-left-radius: 17px; border-top-right-radius: 17px; padding: 0 8px 9px 0;} 
/*RIGHT COLUMN */
#rightcol {background: #4a612e;height: 400px; margin: 10px;padding: 0px 10px 10px 10px;overflow: hidden; border-bottom-left-radius: 17px; border-top-right-radius: 17px; }
#rightcol h1 {
    color: #4A612E;
    font-size: 1.4em;
    line-height: 1.3;
    text-shadow: 1px 1px 2px #000;
}
/* Who We Are */
#who-we-are{text-align:center}

/*BOTTOM BOXES */

#container4 {
    background: url("../images/box-header.png") repeat-x scroll 0 0 transparent;
    clear: left;
    float: left;
    margin: 0 2px;
    overflow: hidden;
    padding: 6px 0px 6px 0px;
    width: 99.9%;}
#container4 h2 { line-height: 1.5;padding-bottom: 5px;}
h2 .sub-text{ color: #000000;font-size: 0.75em;margin: 1px;}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:/*25%;*/ 20%;
/*	background:#89ffa2 ;  column 3 background colour */
	border-right:solid 1px #999;

}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:/*25%;*/ 39%;
/*	background:#ffa7a7;  column 2 background colour */
	border-right:solid 1px #999;

}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:/*25%;*/ 20%;
/* 	background:#fff689; column 1 background colour */
	border-right:solid 1px #999;

}
#col1 {
	float:left;
	width:/*21%;*/ 18%;
	position:relative;
	left:/*77%;*/ 81%;
	overflow:hidden;
/*	height: 315px;*/
}
#col2 {
	float:left;
	width:/*21%;*/ 18%;
	position:relative;
	left:/*81%;*/ 83%;
	overflow:hidden;
/*	height: 315px;*/
}
#col3 {
	float:left;
	width:/*21%;*/ 37%;
	position:relative;
	left:/*85%;*/ 85%;
	overflow:hidden;
}
#col4 {
	float:left;
	width:/*21%;*/ 18%;
	position:relative;
	left:/*89%;*/ 87%;
	overflow:hidden;
}
.downloads{float:right; display:block; width:40%; margin-top: 25px; padding: 10px; background-color:#e8e3cc;  border-radius: 10px; display:inherit;}
.more-btn{
	float: right;
/* 	bottom: 0;
    position: absolute;
    right: 0;*/
}
/* Footer - BOTTOM BOXES */

#containerft4 {
	background: #a57e43 url(../images/ft-bk.png) repeat-x top center;
    clear: left;
    float: left;
    margin: 0 2px;
    overflow: hidden;
    padding: 6px 0px 6px 0px;
    width: 99.9%;}
#containerft4 , #containerft4 a{color: #edd99c;font-size:95%;}
#containerft4 h3 {
	color: #4d3e21;
	font-size:120%;
    border-bottom: 1px solid #4d3e21;
    font-weight: normal;
    letter-spacing: 1px;
    padding-bottom: 5px;
}
#containerft3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	border-right:solid 1px #4d3e21;

}
#containerft2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
	border-right:solid 1px #4d3e21;

}
#containerft1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
	border-right:solid 1px #4d3e21;

}
#colft1 {
	float:left;
	width:21%;
	position:relative;
	left:77%;
	overflow:hidden;
}
#colft1 ul {
/*	list-style-image: url(../images/ft-icon-order.png);*/
    margin: 0 20px 10px;
    padding: 0 0 10px;
}
#colft2 {
	float:left;
	width:21%;
	position:relative;
	left:81%;
	overflow:hidden;
}
#colft2 ul {
/*	list-style-image: url(../images/ft-icon-od.png);*/
    margin: 0 20px 10px;
    padding: 0 0 10px;
}
#colft3 {
	float:left;
	width:21%;
	position:relative;
	left:85%;
	overflow:hidden;
}
#colft3 ul {
/*	list-style-image: url(../images/ft-icon-pdf.png);*/
    margin: 0 20px 10px;
    padding: 0 0 10px;
}
#colft4 {
	float:left;
	width:21%;
	position:relative;
	left:89%;
	overflow:hidden;
}
#colft4 ul {
/*	list-style-image: url(../images/ft-icon-order.png);*/
    margin: 0 20px 10px;
    padding: 0 0 10px;
}
/* FOOTER */
#white-wrap {float:right;width:79.7%;overflow:hidden;background-color:   #FFF;}

#footer,.small,.createdate,.modifydate{font:1.0em Arial,Helvetica,sans-serif;color:#333;text-align:center;border-top: 2px solid #c40000;border-bottom: 1px solid #7d8846;background: #a29066 url(../images/footer-bkgrd.png) repeat-x top center; padding-bottom: 50px;}

.container{margin-bottom:.5em;padding:0 10px;min-height: 179px;background:   url(../images/special-b.png) no-repeat scroll center bottom;}
.container h3{color:#5C6433;padding: 10px .25em 0;text-align:center;/*margin:0 -10px 0.5em -10px; negative padding to pull h3 back out from .container padding*/ }
.container a{display: block;padding: 6px 3px 0px 0.5em;text-decoration: none;text-align:center;font-size:1.0em;font-weight:bold;margin:0;}
html>body .container a {width: auto;}
.container a:hover,a#active_menu:link,a#active_menu:visited{text-decoration: underline;} 

/* IMAGE TAGS */
.img-right {float: right;margin: 0px 10px 10px 10px;padding: 2px;background-color:#e9d69c;}
.img-left {float: left;margin: 0px 10px 10px 10px;padding: 2px;background-color:#e9d69c;}
.fb-left {float: left;margin: 0px 5px 5px 5px;padding: 2px;}
.caption {/*margin-left: 10px;*/font-family: Tahoma, serifSansSerifMonospace;color:#000000;font-size:0.9em;}
.shop-icon{float: right;padding-right:10px;margin-top: -5px;}
.content .centre {margin-top:-8px;padding:0 0 0 160px;}
/*Page Specific Styling */
.red{color:#C40000}
/*IE compatibility note, opacity to work in all IE versions, the order should be:*/
.opaque {	opacity: .5;/*// for all other browsers*/	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*// for IE8*/filter: alpha(opacity=50);	/*// for IE5-7*/}
.faq {background-color:#FBF3C8;opacity: 50%;padding-left:10px;}
.question {color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;line-height:3;}
.answer {color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;margin-top:-4px;position:relative;top:-4px;}

/* Error Pages */
.title {clear:both;font-size:1.3em;color: #4a612e; line-height:1.3; text-shadow: 1px 1px 2px #C2C2C2;}