/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a {text-decoration: none;outline: none; -moz-outline-style: none;}


/* TYPOGRAPHY */
/* ----------------------------------------- */

body												{font: 12px Tahoma; color: #fffefe;}
p													{padding: 4px 0;}
.page a												{color: #23b018; font-weight: bold;}
.page a:hover										{text-decoration: underline;}

/* LAYOUT */
/* ----------------------------------------- */

/*	Hack & Stuff */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*	General Classes */
.hide 												{display:none;}
.clear 												{clear:both; font-size: 1px;}
.clr												{overflow: hidden;}
.alignright											{float: right; margin: 0 0 0 10px;}
.alignleft											{float: left; margin: 0 10px 0 0;}

/* 	Body & Wrapping */
body												{background: #020202;}
#bg													{background: #262626 url(../img/body/bg.jpg) 50% 0 repeat-x;}
#wraper												{width: 960px; margin: 0 auto; padding: 0 0 20px;}

/*	Header */
#header												{height: 179px; position:relative; margin: 0 0 10px; overflow: hidden;}
a.logo												{width: 407px; height: 63px; display: block; position:absolute; top: 43px; left: 18px; background:transparent url(../img/header/logo.png) 0 0 no-repeat;}
#header #flags										{position:relative; top: 66px; left: 700px;}
#header #flags li									{display: inline; padding: 0 20px 0 0;}
#header #flags li a									{color: #fff;}
#header #flags li a img								{padding: 0 0 0 10px;}
/* TopMenu */
#topmenu											{height: 51px; position:absolute; top: 128px; width: 960px; display: block;}
#topmenu li											{display: inline; padding: 0 1px 0 0; background: transparent url(../img/topmenu/bgsep.png) 100% 0 no-repeat; float: left;}
#topmenu li.page-item-8								{padding: 0px; background: none;}
#topmenu li a										{display: inline-block; padding: 18px 28px 0 29px; height: 33px; background: transparent url(../img/topmenu/bg.png) 0 0 repeat-x; font-size: 16px; color: #ffffff; text-transform: uppercase;}
#topmenu li.page-item-2	a							{padding: 18px 29px 0; background: transparent url(../img/topmenu/bglr.png) 0 0 no-repeat;}
#topmenu li.page-item-8	a							{padding: 18px 29px 0; background: transparent url(../img/topmenu/bglr.png) 100% 0 no-repeat;}
#topmenu li a:hover									{background-position: 0 -51px;}
#topmenu li.page-item-8	a:hover						{background-position: 100% -51px;}
/* Top Adv */
#topadv												{overflow: hidden; height: 264px; position: relative;}
#topadv .left										{position:relative; width: 755px;}
#topadv .rotator									{position:relative; width: 755px; height: 211px; overflow: hidden;}
#topadv .rotator img								{width: 755px; height: 211px;}
#topadv .corner										{position:absolute; width: 7px; height: 7px; top: 204px; background: transparent url(../img/rotator/corner.png) 0 0 no-repeat; z-index:100;}
#topadv .knowhow									{overflow: hidden; width: 755px; height: 53px;}
#topadv .contactbtn1								{float: left;}
#topadv .adverttext									{display: table; padding: 0 0 0 170px; width: 432px; height: 53px; float: right; background: transparent url(../img/topadv/knowhow.gif) 0 0 no-repeat; color: #000; vertical-align: middle;}
#topadv .adverttext span							{display: table-cell; vertical-align: middle;}
#topadv .map										{width: 205px; height: 264px; position: absolute; top: 0px; right: 0px; background: transparent url(../img/topadv/distribution.jpg) 0 0 no-repeat; overflow: hidden;}
#topadv .map #flashmap								{width: 180px; margin: 40px auto 0;}
/* Middle */
#middle												{overflow: hidden;}
#leftcol											{width: 206px; float: left; font-size: 11px;}
#content											{width: 739px; padding: 18px 0 0 15px; float: right; background: transparent url(../img/content/tlc.png) 0 0 no-repeat; overflow: hidden;}

/* Leftcol */
#leftcol h2.newsh2									{height: 59px; background: transparent url(../img/leftcol/news.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 10px;}
#leftcol #sidebarnews								{border-right: 1px solid white; padding: 0 0 10px;}
#leftcol .sidebarnews								{margin: 0 0 10px; padding: 0 18px; cursor: pointer;}
#leftcol .dateandtime								{color: #afafaf;}
#leftcol .title										{display: block; color:#23b018; font-weight: bold; margin: 0 0 6px;}
#leftcol .more-link									{display: block; text-align: right; color: #ffffff; font-weight: bold;}
/* Content */
.page												{width: 519px; float: left;}
.page .intro, .page .rest							{overflow:hidden;}
.page img.post-thumbnail							{float: left; border: 2px solid #8f8f8f; margin: 0 15px 0 0;}
.page h2.strip										{height: 49px; margin: 10px 0; padding: 0 20px; width: 509px; position:relative; left: -15px; background: transparent url(../img/content/stripbg.gif) 0 0 repeat-x; display: table; }
.page h2.strip span.title							{display: table-cell; vertical-align: middle; padding: 0 20px 0 0; font-size: 14px; font-weight: bold;}
.page h2.strip span.text							{display: table-cell; vertical-align: middle;}
#navitools											{width: 205px; overflow: hidden; float: right;}
#navitools .files									{}
#navitools .files ul								{width: 205px; padding: 10px 0; background:#e6e6e6 url(../img/navitools/topfiles.gif) 0 0 no-repeat;}
#navitools .files ul a								{display:block; padding: 8px 0 8px 54px; background: transparent url(../img/navitools/icos.gif) 23px 6px no-repeat; color: #000; font-weight:bold;}
#navitools .files ul a:hover						{text-decoration: underline;}
.submenu											{margin: 10px 0 0; border-left: 1px solid white; padding: 10px 14px;}
#hp .submenu										{border: none;}
.submenu li a										{display: block; padding: 1px 0 8px 30px; margin: 0 0 6px; color: #fff; font-weight: bold; background: transparent url(../img/navitools/icos.gif) 0 -60px no-repeat; border-bottom: 1px dashed #fff;}
#hp .submenu li a									{background: transparent url(../img/navitools/icos.gif) 0 -120px no-repeat;}
.submenu li a:hover,
.submenu li.current_page_item a						{color: #23b018; background-position: 0 -120px;}					
#hp .submenu li a:hover								{color: #23b018; background-position: 0 -60px;}
.submenu li li a, 
.submenu li.current_page_item li a					{padding: 1px 0 8px 45px; background-position: 15px -60px; color: #fff;}
.submenu li li a:hover,
.submenu li li.current_page_item a					{background-position: 15px -120px;}
.submenu li li li a									{padding: 1px 0 8px 60px; background-position: 30px -60px;}
.submenu li li li a:hover,
.submenu li li li.current_page_item a				{background-position: 30px -120px;}

/* HP */
#hp													{background: transparent url(../img/hp/hp_bg.gif) 0 0 no-repeat; overflow: hidden;}
.hpmenucolumn										{float: left; width: 181px; margin-right: 5px;}
.hpmenucolumn.last									{margin: 0;}
.hpmenucolumn h1									{height: 31px; padding: 9px 0; background: url(../img/hp/menu_bg.gif) 0 0 repeat-x; text-align: center; font-size: 16px; font-weight: bold; text-transform: uppercase;}
.hpmenucolumn.last h1								{height: 13px;padding: 18px 0;}
.hpmenucolumn h1 span								{font-weight: normal; text-transform: lowercase;}

/* Footer */
#footer												{width: 960px; margin: 0 auto; height: 50px; position: relative; font-size: 11px;}
#footer p											{position: absolute; top: 20px; left: 20px;}
#footer ul											{position: absolute; top: 20px; right: 20px;}
#footer ul li										{display: inline;}
#footer ul li a										{display: inline-block; color: #fff; padding: 0 8px; border-right: 1px solid #fff; text-transform: lowercase;}
#footer ul li.page-item-8 a							{border-right: none;}
#footer ul li.page-item-17 a						{border-right: none; background: transparent url(../img/footer/dot.gif) 100% 50% no-repeat; padding: 0 12px 0 8px;}
#footer ul li a:hover								{text-decoration: underline;}

/* Contact Ajax */
#ajax_form form										{width: 350px; margin: 0px auto; overflow: hidden;}													 
#ajax_form form p									{text-align: center; padding: 8px 0 1px 0; line-height: 20px; font-size: 12px;}
#ajax_form #name, #message							{width: 347px;}
#ajax_form #emailbox								{display: none;}
#ajax_form #contactbox								{float: left; overflow: hidden;}
#ajax_form #phonebox								{padding: 10px 0 0 197px;}
#ajax_form #contactbox input, 
#ajax_form #phonebox input							{width: 150px;}
#ajax_form input, #ajax_form textarea				{background: #222; color: #fff; border: 1px solid #4A4A4A; font-size: 16px;}

#ajax_form .ajax_alert input, 
#ajax_form .ajax_alert textarea,
#ajax_form .ajax_false input, 
#ajax_form .ajax_false textarea						{border: 1px solid #fc5a01;}
#ajax_form #send									{width: 99px; height: 25px; line-height: 10px; font-size :14px; position:relative;}
#ajax_form #send:hover								{border: 1px solid #5A5A5A;}
#ajax_form #send:active								{border: 1px solid #5A5A5A; top: 1px;}
#ajax_form .sent									{margin: 0 auto; width: 250px; padding: 50px 0 0;}

/* Distributors */
#distributionpl a.trigger							{color: #fff; font-weight: bold;}
#distributionpl ul									{display: block; overflow: hidden;}
#distributionpl li									{display: block; float: left; padding: 10px 10px 10px 20px; width: 200px;}