/* typography
-------------------------------------------------------------- */

/* basic typography */
body { color:#fff; font-family:Tahoma, Arial, sans-serif; font-size:87.5%; }
em { font-size:110%; font-style:italic; }
strong { font-weight:bolder; }

/* base sizes */
p, li { font-size:1em; line-height:1.428em; }
h1 { font-size:2.285em; line-height:48px; }
h2 { font-size:1.857em; line-height:1.538em; }
h3 { font-size:1.428em; line-height:1em; }
h4 { font-size:1.285em; line-height:1.111em; }

/* margins & padding */
p, ul { margin-bottom:1.428em; margin-top:1.428em; }
h1, h5 { margin-bottom:0; margin-top:0; }
h2 { margin-bottom:0; margin-top:1.153em; }
h3 { margin-bottom:0; margin-top:1.5em; }
h4 { margin-bottom:1.111em; margin-top:1.111em; }
li { margin-left:0; padding-left:22px; padding-top:.428em; }
li.lh { padding-top:0; }

/* colours */
h1, h2, h3 { color:#254516; }
h4 { color:#ffee00; }
a:link, a:visited { color:#7efff7; }
a:hover, a:active { color:#7efff7; }

/* alignment */
p, h4 { text-align:justify; }
h1 { text-align:center; }
h2, h3, li { text-align:left; }

/* fonts */
h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; }
h4 { font-family:Georgia, "Times New Roman", serif; font-weight:normal; }

/* headings */
h1 { font-variant:small-caps; }
h2 { border-bottom:1px solid #254516; }

/* links */
a:link, a:visited, a:active { text-decoration:none; }
a:hover { text-decoration:underline; }

/* lists */
li, li.lh { list-style-type: none; }
li { background:url(../images/layout/list-icon.gif) no-repeat; background-position:0 9px; }
li.lh { background:none; font-weight:bolder; }


/* layout
-------------------------------------------------------------- */

/* site */
body { background:#5b9423 url(../images/layout/background.jpg) center top no-repeat; overflow-x:hidden; text-align:center; }
#header { cursor:default; height:231px; width:100%; }
.container, #middle-container {height:100%; margin-left:auto; margin-right:auto; max-width:960px; min-width:960px; position:relative; }
#middle-container { margin-bottom:20px; }
#footer { clear:both; cursor:default; height:194px; width:100%; position:relative; }
#no-javascript { background:#f91900; height:35px; left:0; position:fixed; top:0; width:100%; }
#no-javascript p { color:#fff; margin:5px 0; text-align:center; }
.tracking { bottom:0; display:none; height:0; left:0; position:absolute; width:0; }

/* header */


/* middle */
#content { border:1px solid transparent; margin:16.5px 16.5px 26.5px 16.5px; padding:10px; width:907px; }

/* footer */
#crow-left { background:url(../images/content/crow-left-trans.png) no-repeat; height:247px; left:-102px; position:absolute; top:-220px; width:102px; }
#crow-right { background:url(../images/content/crow-right-trans.png) no-repeat; height:214px; position:absolute; right:-99px; top:-190px; width:99px; }
.footer-info {top:-50px; /*border:1px solid #dee7bc; */ bottom:10px; left:10px; padding:10px; position:absolute; right:10px; top:10px; z-index:1; }
#footer-random { bottom:0; position:absolute; right:-150px; width:167px; z-index:9; }
.footer-info p, .footer-info ul { margin:.714em 0; }
#footer h3 { margin-top:0; }
.footer-info li { background:none; }
.footer-info p.copyright { font-size:.857em; line-height:1.666em; margin:.714em 0 0; text-align:left; text-transform:capitalize; }
#footer-trans { background:#254516; bottom:0; left:0; position:absolute; right:0; top:0; z-index:-1; filter:Alpha(Opacity=20); opacity:.20; }


/* globals
-------------------------------------------------------------- */

.clear { clear:both; height:1px; margin:0; padding:0; width:100%; }
.clear-height { clear:both; height:1.428em; margin:0; padding:0; width:100%; }
.center { margin-left:auto; margin-right:auto; text-align:center; }
div.wrap-left, div.wrap-right { margin:1.428em 0; }
div.wrap-left *, div.wrap-right * { margin-top:0; }
.wrap-left img { float:left; margin:.428em 1.428em 1em 0; }
.wrap-right img { float:right; margin:.428em 0 1em 1.428em; }
#content img, img.border-on, .border-on { border:7px solid #254516; }
#content a img, #footer a img { border-bottom:7px solid #254516; border-left:7px solid #254516; border-right:7px solid #254516; border-top:7px solid #254516; padding:0; }
#content a:hover img, #footer a:hover img { padding:0; border:7px solid #254516; opacity:.90; filter:alpha(opacity=90); }
#content a img.border-off, #content img.border-off, img.border-off, .border-off { border:none; padding:0; }
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11 { float:left; margin-right:17px; }
div.span-12 { float:left; }
div.last { margin-right:0; }
.span-1 { width:60px; }
.span-2 { width:137px; }
.span-3 { width:214px; }
.span-4 { width:291px; }
.span-5 { width:368px; }
.span-6 { width:445px; }
.span-7 { width:522px; }
.span-8 { width:599px; }
.span-9 { width:676px; }
.span-10 { width:753px; }
.span-11 { width:830px; }
.span-12 { width:907px; }
div.colborder { border-right:1px solid #e5e9fa; margin-right:8px; padding-right:8px; }
.hr { background:#467d20; border-top:1px solid #6ba81d; font-size:1px; height:1px; line-height:1px; margin:1.428em 0; padding:0; width:100%; }
.highlight { background:#e5e9fa; border-top:1px solid #0059a9; border-bottom:1px solid #0059a9; margin:1.428em 0; padding:0 10px; }
.highlight * { text-align:center; }


/* pages
-------------------------------------------------------------- */

/* slider */
#slider { height:121px; margin:0 auto; visibility:hidden; width:204px; }
#slider img { border:none; padding:0; }
#slider ul { padding:0; }
#slider ul li { background:none; margin:0; padding:0; }
.panel { border:2px solid #254516; height:117px; width:200px; }
.loader { background:#254516 url(../images/colorbox/loading.gif) no-repeat scroll center center; }
.panel .panel-overlay, .panel .overlay-background { height:24px; padding:2px; }
.panel .overlay-background { background:#000 none repeat scroll 0 0; }
.panel .panel-overlay { color:#f00; font-size:.857em; line-height:1.78em; text-align:center; }
.panel .panel-overlay a { color:#fff; border-bottom:none; text-shadow:0 -1px 2px #333, 0 1px 2px #333; }
.filmstrip { margin:0; width:200px; }
.frame .img_wrap { border:1px solid #777; }
.frame.current .img_wrap { border:1px solid #0059a9; }
.pointer { border-color:#0059a9; }
*html .pointer { filter:chroma(color=pink); }

/* facts */
#facts { float:right; padding:5px; width:185px; }
#facts li { background:none; padding:0; }

/* twitter */
.twitter { background:none; margin:2em auto; width:500px; }
.twitter a, .twitter h4 a:link { color:#7efff7!important; }

/* image gallery */
#image-gallery:hover, #image-gallery img:hover { border:none!important; }
body#gallery { background:#5b9423 url(../images/layout/background4.jpg) center -250px no-repeat; height:100%; }
#gallery #content { border:none; margin:none; padding:0; }



/* New Jquery Additions - tabs
-------------------------------------------------------------- */

/* everything is constructed with a single background image */

/* root element for tabs */
#tabs {
	
	/* dimensions */
	width:680px;
	height:104px !important;
	margin:0 !important; 
	padding:0;
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#tabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
	background:none;
	
}

/* a- tag inside single tab */
#tabs li a {
	background: url(../images/layout/navigation.png) no-repeat;
	display:block;
	height: 114px;   
	width: 170px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#fff;
	font-size:16px;
	line-height:33px;
	text-align:center;
	font-weight: bold; 
}

/* adjust the background image position on each tab */
#tabs #t1:hover  			{ background-position:  0 -228px; }
#tabs #t2:hover  			{ background-position: -170px -228px; }
#tabs #t3:hover  			{ background-position: -340px -228px; }
#tabs #t4:hover  			{ background-position: -510px -228px; }
 
/* mouseover state */
#tabs a:hover 		{ color:#fff;	 }
#tabs #t1 	{ background-position:      0 -114px; }
#tabs #t2	{ background-position: -170px -114px; }
#tabs #t3	{ background-position: -340px -114px; }
#tabs #t4	{ background-position: -510px -114px; }

/* currently selected tabs */
#tabs a.current		{ cursor:default; color:#fff; line-height:34px; }
#tabs #t1.current { background-position:      0 0; }
#tabs #t2.current { background-position: -170px 0; }
#tabs #t3.current { background-position: -340px 0; }
#tabs #t4.current { background-position: -510px 0; }


/* panes */
#panes {
	width:680px;
	height:100%;
}

/* single pane 
#panes div {
	display:none;	
	color:#fff;	
	margin:5px 5px;
}*/

/* some decorations for elements inside single pane */
#panes div.accordion h3 {
border-bottom:none;
}

#panes div.accordion h3:hover {
	color:#254516;
	border-bottom:none;
	text-decoration:underline;
	cursor:pointer;
}

#panes div.accordion h3.current:hover {
 text-decoration:none;
 cursor:text;
}

/* to indent jus tthe homepage list*/
.homelist { margin-left:170px; padding-left:3px; padding-top:5px; }
 
 
 /*accordion styling*/
 /* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
 
 
.accordion {
	width: 676px;
	position:relative;	
}
 
/* accordion header */

.temp {
	
	padding:5px;	
	cursor:pointer;
	font-family:Georgia, "Times New Roman", serif; 
	font-style:italic; 
	
	font-size:6px; 
	line-height:1.25em; 
	margin-bottom:1.25em; 
	margin-top:1.25em; 
}

.accordion h2 {
	cursor:pointer;
}

/* currently active header */
.accordion h2.current {
	cursor:default;
}
 
/* accordion pane */
.accordion div.pane {
	
	display:none;
}


#Table_01 {
	margin-top:100px;
	position:relative;
	width:614px;
	height:363px;
	margin-bottom:100px;
	
}

#products-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:614px;
	height:15px;
}

#products-02_ {
	position:absolute;
	left:0px;
	top:15px;
	width:15px;
	height:348px;
}

#products-03_ {
	position:absolute;
	left:15px;
	top:15px;
	width:194px;
	height:167px;
}

#products-04_ {
	position:absolute;
	left:209px;
	top:15px;
	width:195px;
	height:167px;
}

#products-05_ {
	position:absolute;
	left:404px;
	top:15px;
	width:195px;
	height:167px;
}

#products-06_ {
	position:absolute;
	left:599px;
	top:15px;
	width:15px;
	height:348px;
}

#products-07_ {
	position:absolute;
	left:15px;
	top:182px;
	width:194px;
	height:167px;
}

#products-08_ {
	position:absolute;
	left:209px;
	top:182px;
	width:195px;
	height:167px;
}

#products-09_ {
	position:absolute;
	left:404px;
	top:182px;
	width:195px;
	height:167px;
}

#products-10_ {
	position:absolute;
	left:15px;
	top:349px;
	width:584px;
	height:14px;
}


/*tooltip*/

#dynatip {
	display:none;
	background:transparent url(../images/layout/blue_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	z-index:99;
	line-height:1.1em;
	

}
 
/* style the trigger elements */
.dyna img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}


/* override the arrow image of the tooltip */
#dynatip.bottom {
	background:url(../images/layout/blue_arrow_bottom.png);	
	padding-top:40px;
	height:55px;
}
 
#dynatip.bottom {
	background:url(../images/layout/blue_arrow_bottom.png);
}