/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body { background: white; color: #333333; font-family: verdana, arial, helvetica, sans-serif;  }
h2 { font-size: 130%; font-weight: normal;}
p { margin-bottom: 1ex; }

.centerframe { width: 1000px; margin: 0px auto; }
.centerframe .boundary { float: left; width: 100%; background: white; -moz-box-shadow: 0px 0px 20px #999999; -webkit-box-shadow: 0px 0px 20px #999999; box-shadow: 0px 0px 20px #999999; }
.centerframe .main { float: left; width: 100%; padding: 20px 0px;}
.centerframe .content { float: left; width: 700px; margin-right: 40px; }

.boundary .top { position: relative; float: left; width: 100%; border-bottom:0px #acacac solid; }
.boundary .bottom { position: relative; float: left; width: 100%; }
.boundary .content { width: 959px; padding: 23px; }
.boundary .left { float: left; width: 161px; height: 100%; margin-right: 21px; }
.boundary .page {  float: left; width: 485px; line-height: 1.35; }
.boundary .right { float: left; width: 249px; clear: right; margin-left: 20px; padding-left: 21px; border-left: 1px #999999 dotted; }
.boundary .pageheader { float: left; clear: both; width: 100%; height: 25px; background: #522685 url(/images/layout/background-header.png) repeat-x; color: white; text-indent: 40px; line-height: 80px; font-size: 190%; font-weight: normal; }
.boundary .pageheader h1 { font-weight: normal; }

.content.frontpage .left { display: none; }
.content.frontpage .page { width: 664px; }

.content.soloarticle .left { display: none; }
.content.soloarticle .page { width: 646px; padding-left: 21px; padding-right: 0px; }

.sprites { background: url(/images/layout/sprites.png) no-repeat; }
.sprites.prev { float: left; width: 52px; height: 83px; background-position: -53px -46px; }
.sprites.next { float: left; width: 52px; height: 83px; background-position: 0px -46px; }
.sprites.facebook { background-position: 0px -129px; }
.sprites.facebook_small{ background-position: 0px -180px;}
.sprites.rss { background-position: -50px -129px; }
.sprites.rss_small { background-position: -121px -180px; margin-left: 5px; }
.sprites.twitter { background-position: -100px -129px; }
.sprites.twitter_small { background-position: -43px -180px; }
.sprites.print{ background-position: -90px -180px; }
.sprites.faq_arrow { float: left; width: 13px; height: 12px; margin-right: 1ex; background-position: -27px 0px; }
.sprites.creditcard { width: 97px; height: 31px; background-position: 0 -210px; padding: 0; overflow: hidden; border: 0;}
.active .sprites.faq_arrow { width: 13px; height: 12px; background-position: -41px 0px; }.top .header { float: left; width: 100%; height: 80px; background: url(/images/layout/top_banner.png) no-repeat; }
.top .menu { float: left; width: 100%; height: 46px; background: url(/images/layout/background_topmenu.png) repeat-x; overflow: hidden; font-family: "AvantGardeITC Book", verdana, arial, sans-serif; }

.top .logo { position: absolute; left: 39px; top: 14px; width: 185px; height: 67px; font-size: 1px; }
.logo a { float: left; width: 100%; height: 100%; text-decoration: none; }

.top .share { position: absolute; right: 16px; bottom: 35px; width: auto; height: 50px; }
.share a { float: left; width: 32px; height: 30px; text-decoration: none; margin-left: 8px; }

.top .search { position: absolute; right: 21px; top: 14px; font-size: 70%; }
.top .search .text_field { width: 167px; height: 14px; padding: 1px; font-size: 95%; line-height: 100%; }
.top .search .submit { height: auto; padding: 2px 12px; border: 0px; background: #0b0b0b; color: white; font-size: 95%; font-weight: bold; text-transform: uppercase;  }.top .menu .sprites.split { float: left; width: 2px; height: 46px; background-position: -16px 0px;; font-size: 1px; }
.top .menu .split:first-child { margin-left: 45px; }

.top .menu .item { float: left; height: 100%; line-height: 46px; font-size: 75%; text-transform: uppercase; }
.top .menu .item { background-image: url("/images/layout/background_topmenu.png"); background-repeat: repeat-x; }
.top .menu a { float: left; width: 100%; padding: 0px 45px; color: white; text-decoration: none; }
.top .menu .item:hover { background-image: url(/images/layout/background_topmenu_active.png); background-repeat: repeat-x; }
.top .menu .item.active { background-image: url(/images/layout/background_topmenu_active.png); background-repeat: repeat-x; }

.top .extra .menu { position: absolute; right: 253px; top: 18px; background: transparent; width: auto; }
.top .extra .menu .item { float: left; height: auto; line-height: 120%; font-size: 70%; font-weight: normal; text-transform: uppercase; background-image: none; }
.top .extra .menu a { padding: 0px 15px; color: #fff; }
.top .extra .menu .item:hover,
.top .extra .menu .item.active { background: transparent; }

.bottom .menu .block { float: left; margin: 19px 15px; font-size: 70%; line-height: 150%; }
.bottom .menu .block div { font-weight: bold; text-transform: uppercase; }
.bottom .menu a,
.bottom .menu a:visited { display: block; float: left; clear: both; color: white; text-decoration: none; }
.bottom .menu a:hover,
.bottom .menu a:active { text-decoration: underline; }

.left .menu { float: left; width: 100%; font-size: 70%; letter-spacing: 1.1px; }
.left .menu .item { float: left; clear: both; width: 100%; }
.left .menu .item a { float: left; width: 100%; height: 30px; border-top: #4f4f4f 1px solid; border-bottom: #2e2e2e 1px solid; text-indent: 16px;  background: #0b0b0b; color: white; line-height: 30px; text-decoration: none; }
.left .menu .item.active { background-color: #EFEFEF; }
.left .menu .item.active a { margin-bottom: 4px; }
.left .menu .item .item { margin-bottom: 4px; }
.left .menu .item.active .item a { margin: 0px; }
.left .menu .item .item a { background: transparent; border: 0px; height: auto; line-height: 150%; color: #0b0b0b; }
.left .menu > .item.active > a { background: #454545 url(/images/layout/leftmenu_.png) no-repeat 0px 8px; }
.left .menu .item .item .item { margin-left: 16px; }.right .box { float: left; width: 100%; margin-bottom: 5px; background: #7aabde; }
.right .box h3 { float: left; width: 100%; height: 27px; border-bottom: 1px white solid; background: url(/images/layout/background_rightbox.png) repeat-x; color: white; font-family: "AvantGarde Book", verdana, arial, sans-serif; font-weight: normal; text-transform: uppercase; line-height: 27px; font-size: 85%; text-indent: 13px; }
.right .box h4 { text-transform: uppercase; font-weight: normal; }
.right .box .body { float: left; width: 221px; padding: 13px; border: #d0d0d0 0px solid; font-size: 80%; line-height: 16px; }
.right .box a, 
.right .box a:visited { color: black; text-decoration: none; }
.right .box a:hover, 
.right .box a:active { text-decoration: underline; }

.box.poll .pollButton, .right .submit { width: 88px; float: right; height: 30px; margin-top: 4px; background: #d47223; color: white; border: 0px; font-size: 80%; text-transform: uppercase; }
.box.poll .pollAlternative { text-transform: uppercase; line-height: 16px; font-size: 80%; }
.right .submit{ width: 100px;}
.right .text_field{ border: none; padding: 5px; width: 210px;}
.right .checkbox{ margin: 0px;}
.right label{ clear: left;}
.right .body .item{ margin-bottom: 5px;}
.right .donate{ font-size: 75%;}
.donate .formInputTextBox, .donate .formInputTextArea{ border: #999 solid 1px; }
.donate .formInputCheckbox{ margin:5px 0 10px 0 ; padding:0 0 0 0;width:30px }
.donate .formElementTitle,.donate .formBlock{ margin-bottom: 3px;}
.donate .formButton{ font-size: 90%; cursor: pointer; margin:30px 0 0 0;}
.donate .form_title { color: #d47223; margin-bottom: 15px; line-height: 1.3; font-size: 110%; }
/*.submit{ background: #691668; border: none; color: #fff; float: right; font-size: 80%; height: 20px; padding-left: 15px; padding-right: 15px; text-transform: uppercase;}*/

.pollContainerInner .pollBarVotesOn { background-color: #003d6e; border: 1px solid black; }
.pollContainerInner .pollBarVotesOff { background-color: white; border: 1px solid black; }

.right .formMailSent { font-weight: bold; color: red; }

.right .box.newsletter .msg { color: red; font-weight: bold; margin-bottom: 5px; }.page h1 { font-size: 120%; font-weight: normal; letter-spacing: 1.1px; line-height: 1.4; }
.page h2 { margin: 10px 0px 6px 0px; }
.page h3 { margin: 6px 0px 2px 0px; }
.page h4 { margin: 4px 0px 2px 0px; }
.page form { clear: both; margin: 10px 0px;  font-size: 80%; }
.page .formBlock { float: left; clear: both; width: 100%; margin-bottom: 1ex; }
.page .formInputTextBox,
.page .formInputTextArea { width: 100% !important; }
.page .abstract { margin-bottom: 21px; font-size: 80%; font-weight: bold; line-height: 130%; }
.page .text { float: left; width: 100%; font-size: 75%; line-height: 130%; }
.page .text .image { float: right; width: 250px; margin-left: 10px; margin-bottom: 10px; }
.page .text .image.a_left { float: left; margin: 0 10px 10px 0; }
.page .text sup { color: #666666; font-size: 90%; }
.page .image.extralarge{ margin-bottom: 10px;}

.page table { background: #ededed;  float: left; margin: 0px 10px 10px 0px; }
.page table.marginleft {float: right; margin: 0px 0px 10px 10px; }
.page table caption,
.page table td { padding: 5px; }
.page table caption { border-bottom: white 1px solid; background: url(/images/layout/background_rightbox.png) repeat-x; background-color: #494A49; color: white; line-height: 17px; font-weight: bold; text-transform: uppercase; }
.page .text table{ background: #fff; float: none;}
.page .text table.marginleft { float: right;}
.page .text table td { border: 1px solid #ececec; padding:4px; vertical-align: top; }
.page .text blockquote { padding: 10px 25px; }
.page .date { float: left; clear: both; width: 100%; margin-top: 0px; margin-bottom: 17px; color: #999999; font-size: 65%; }

.page .list { float: left: clear: both; width: 100%; }
.page .list .split { float: left; width: 100%; height: 13px; margin-top: 13px; border-top: 1px #999999 dotted; font-size: 1px; }
.page .list .article { float: left; clear: both; width: 100%; cursor: pointer; }
.page .list .article .image { float: right; width: 195px; margin-left: 21px; }
.page .list .article .date { width: auto; clear: none; margin-top: 5px;}
.page .list .article .abstract { clear: left; width: 460px; margin-bottom: 0px; font-size: 80%; font-weight: normal; }
.page .list .article  a, .page .list .article  a:visited { text-decoration: none; }
.page .list .article  a:hover, .page .list .article  a:active{ text-decoration: underline; }
.frontpage .page .list .article .date { margin-top: 0px; margin-bottom: 15px; }
.frontpage .page .list h2 { margin-top: 0px; margin-bottom: 0px; }
.frontpage .page .list .abstract { width: 460px; }

.page .share_box { height: 62px; float: left; width: 100%;  border-bottom: #999999 1px dotted; position: relative; }
.page .share{ height: 20px; padding: 21px 0px; width: 260px;}
.page .share_icons{ border-top: #999999 1px dotted; height: 20px; float: left; padding: 21px 0 10px 0; position: relative; width: 100%;}
.page .icons_links{ height: 20px; padding: 21px 0px; position: absolute; right: 0px; top: 0px; width: auto;}
.icons_links a { float: left; height: 28px; width: 30px;text-decoration: none; margin-left: 8px;}
.page .share_icons a{ font-size: 11px;}

.page .boxes { float: left; width: 100%; margin-top: 15px; }
.boxes .box { float: left; width: 242px; background: white; }
.boxes .box:first-child { margin-right: 1px; }
.boxes .box h3 { float: left; width: 100%; height: 27px; border-bottom: 1px white solid; background: url(/images/layout/background_rightbox.png) repeat-x; color: white; font-weight: bold; line-height: 27px; font-size: 90%; text-indent: 13px; }
.boxes .box .body { float: left; width: 214px; min-height: 100px; padding: 13px; border: #d0d0d0 1px solid; font-size: 70%; line-height: 16px; }
.boxes .box a, 
.boxes .box a:visited {  }
.boxes .box a:hover, 
.boxes .box a:active { text-decoration: underline; }
.boxes .link { float: right; margin-top: 1ex; }
.boxes .box .item { margin-bottom: 5px; }
.pagination { position: relative; float: left; width: 100%; border-right: #cccccc 1px solid; overflow: hidden; font-family: verdana, arial, sans-serif; font-size: 70%; white-space: nowrap; }
.pagination a { float: left; width: 20px; border: #cccccc 1px solid; margin-right: 1px; padding: 4px 0px; color: #999999; text-align: center; text-decoration: none; }
.pagination span { float: left; }
.pagination span a { background: #0b0b0b; color: white; }
.pagination .fill { position: absolute; display: inline; width: 100%; padding: 4px 0px; border: #cccccc 1px solid; }

.page ul { list-style: disc outside; margin: 10px 0 10px 15px; }
.page ul+h2 { margin-top: 1ex;}

.page .focusboxes{ display: block; float: left;  padding-bottom: 15px;}
.page .focusboxes .focus{ border-bottom: #86abd8 solid 10px; float: left; height: 100%; margin-right: 8px; width: 210px;}
.page .focusboxes .focus:last-child { margin-right: 0px; }
.focusboxes .focus .title{ background: #86abd8; color: #fff; padding: 5px 15px;}
.focusboxes .focus .text{ padding: 10px 0;}

.page > .image { margin-bottom: 10px; }
.page .text .image.a_right{ clear: right; float: right;}

.donate form { clear: both; }
.donate .formStatusMessage { float: left; margin: 0 0 10px; padding: 5px; background: #aa0033; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.donate .formForceFieldOK { color: gray; }
.donate .formForceField { color: #a00; }

.MsoNormalTable { clear: both; }
.faq { float: left; width: 100%; font-size: 90%; }
.faq h2 { float: left; width: 465px; margin: 0px; padding: 8px 10px; background: #d0d0d0; font-size: 90%; cursor: pointer; }
.faq ul { list-style: none inside; margin: 0px; padding: 0px; }
.faq li { float: left; margin-bottom: 1px; }
.faq .text { display: none; line-height: 150%; margin: 10px; width: 465px;}.bottom .splitted { float: left; width: 100%; border-top: #454545 1px solid; background: #0b0b0b url(/images/layout/footer.png) no-repeat 0 5px; }
.bottom .footer { float: left; width: 100%; height: auto; color: #999999; font-size: 75%; line-height: 16px; }
.bottom .menu { float: left; width: 100%; height: 156px; background: url(/images/layout/background_bottom.png) repeat-x; }

.splitted h2 { margin-bottom: 21px; font-family: AvantGardeExtLitITC, arial, verdana, sans-serif; font-weight: normal; }
.splitted .newsletter { float: left; width: 454px; padding: 21px; }
.splitted .newsletter form { margin-top: 21px; }
.splitted .text_field { width: 314px; height: 29px; padding: 0px 3px;  font-weight: bold; }
.splitted .submit { width: 88px; height: 30px; background: #660066; color: white; border: 0px; font-size: 80%; font-weight: bold; text-transform: none; }

.splitted .tags { display: block; float: left; padding: 21px; width: 951px; background: #dddddd; }
.splitted .tags .tagcloud { float: left; width: 99.4%; padding: 2px 0.3%; background-color: white; }
.splitted .tags .tagcloud a { text-decoration: none; }
.splitted .tags .tagcloud a:visited { color: blue; }
.box.sponsors { background: #ddd url(/images/layout/background_sponsors.png) repeat-y left top; clear: both; display:block; float: left; padding: 10px;}
.box.sponsors .body { border-color: #efefef; }
.box.sponsors .banner{ float: left; height: 120px; width: 150px; margin-right: 1px;}
.box.sponsors .banner.small{ height: 60px;}

.footer .contact { float: right; width: 700px; padding: 15px 27px 10px 0; text-align: right; }
.footer .credits { float: left; width: 468px; height: 63px; padding-left: 37px; padding-top: 15px; }
.footer a, .footer a:visited { color: #999999; text-decoration: underline; }
.footer a:hover, .footer a:active { text-decoration: none; font-weight: bold; }.carousel { list-style-type: none; margin-top: 0px; padding-left: 0px; }
.carousel li { float: left; width: 550px; height: 202px; margin-bottom: 10px; }

li .citem { float: left; width: 160px; height: auto; margin-left: 10px; padding: 5px; cursor: pointer; }
li .citem:hover { background: #8e9da7; }
li .citem:first-child { margin-left: 0px; }
li .citem span { display: none; }
li .citem .name { float: left; padding: 3px 5px 3px 2px; background: white; color: #0a2c48; }


/* customized */
.page_slider { position: relative; float: left; width: 1000px; height: 288px; overflow: hidden; }
.page_slider .button { display: none; position: absolute; left: 0px; top: 100px; width: 52px; height: 83px; cursor: pointer; }
.page_slider .button.next { left: 950px; 0px; top: 97px; }
.page_slider:hover .button { display: block; }
.carousel li { width: 1000px; height: 294px; background: white; }
.lime_carousel { position: absolute; list-style-type: none; }
.lime_carousel li { float: left; }
.page_slider .tickbox { position: absolute; right: 22px; bottom: 10px; margin: 0px; padding: 0px; list-style: disc inside; list-style-image: url(/images/layout/bullet.png); }
.page_slider .tickbox li { float: left; width: 10px; height: 10px; margin-left: 4px; cursor: pointer; color: white; }
.page_slider .tickbox li.active { list-style-image: url(/images/layout/bullet_.png); }

.prod_list { position: relative; float: left; width: 485px; height: 600px; margin-bottom: 20px; overflow: hidden; }
.icarousel { list-style-type: none; margin: 0px !important; padding-left: 0px; }
.icarousel li { float: left; width: 485px; height: 600px; margin-bottom: 10px; overflow-y: auto; }
.icarousel .descr { display: none; }
.redlist h3 { float: left; clear: both; margin: 0; padding: 0; color: #900; font-size: 90%; font-weight: normal; }
.greenlist h3 { float: left; clear: both; margin: 0; padding: 0; color: #090; font-size: 90%; font-weight: normal; }
.prod_list h3.hilite { font-weight: bold; }
.prod_list .product { float: left; clear: both; margin-right: 10px; padding: 5px; cursor: help; }
.prod_list .product.active { background: #f0f0f0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.prod_view { display: none; position: absolute; width: 200px; left: 200px; top: 20px; padding: 10px; background: #333; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 80%; line-height: 150%; -moz-box-shadow: 0 3px 10px #333; -webkit-box-shadow: 0 3px 10px #333; box-shadow: 0 3px 10px #333; }
.prod_view a { float: left; clear: both; width: 200px; color: #efefff; overflow: hidden; }

.navigation { float: left; width: 100%; height: 20px; margin-bottom: 10px; }
.navigation .showgreen { display: none; float: right; color: #090; cursor: pointer; }
.navigation .showred { display: none; float: left; color: #900; cursor: pointer; }
.navigation div.active { display: block; }

.arrow-n,
.arrow-e,
.arrow-s,
.arrow-w {
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 10px;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 100px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}

.arrow-w {
  border-right-width: 1em;
  border-right-style: solid;
  border-right-color: #3d3d3d;
  right: 0.25em;
}

.prod_arrow { display: none; font-size: 15px; }