/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	color: #111111;
	padding: 0;
	background:url(../img/top_background.jpg)  repeat-x;
	margin: 0;
}

#back_button {
	margin: 5px 0 10px 0;
}

#back_button a {
	background: url(../img/icon-arrow-l.gif) center left no-repeat;
	padding-left: 7px;
	text-decoration: underline;
	font-weight: bold;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

.list h1 {
	font-size: 19px;
}

.list h1 span {
	color:#aaa;
	font-weight: normal;
}

h1 a {
	font-weight:normal;
}

#lite_header {
	color: #40AF49;
	font-weight: bold;
	font-size: 13px;
	padding: 0 0 1px 0;
	margin-top:0px;
	border-bottom: 2px solid #40AF49;
}

#green_header {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 5px 3px 10px;
	margin-top:0px;
	background: #40AF49;
}


/* language selector
----------------------------------------------- */
.langselector {
	margin-top: 15px;
}

/* logo
----------------------------------------------- */
.branding {
	margin-top: 15px;
	padding-top: 10px;
}
.branding img a {
	border:none;
}

.branding img {
	float: right;
}
/* leadboard @ header
----------------------------------------------- */
.leadboard {
	margin-top: 15px;
	text-align: right;
}
.leadboard img a {
	border:none;
}
.leadboard img  {
	float: right;
}

/* breadcrumb
----------------------------------------------- */
#breadcrumb {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 10px;
}

#breadcrumb a {
	text-decoration:none;
	font-size: 10px;
}

#breadcrumb a:hover {
	text-decoration:underline;
}

/* sort container
----------------------------------------------- */
#sort_header {
	font-weight: bold;
	padding: 5px 5px 3px 10px;
	margin-top:0px;
	margin-bottom:15px;
	background: #FFFFCB;
	color:#777;
	font-size: 11px;
	font-weight: normal;
    line-height: 22px;
}

#sort_header form {
    float: right;
    display: inline-block;
}

#sort_header a {
	text-decoration: underline;
}

/* Submission form: company/ organisation
----------------------------------------------- */

.form_item {
	border-bottom: 1px solid #D5E3E1;
	margin-bottom: 15px;

}

.form_item_first {
	border-top: 1px solid #D5E3E1;
	border-bottom: 1px solid #D5E3E1;
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 15px;

}

.form_item_last {
	border-bottom: none;
	margin-bottom: 0px;

}

.form_item h3,
.form_item_last h3,
.form_item_first h3 {
	font-size: 12px;
	padding:0;
	margin:0 0 5px 0;
}

.form_item span,
.form_item_last span,
.form_item_first span {
	padding:2px 0 2px 18px;
	color: #777777;
	background:url(../img/icon-i.gif) center left no-repeat;
}

.form_item p small,
.form_item_last p small,
.form_item_first p small {
	clear:both;
	font-size:10px;
	float:left;
	padding: 1px 0 7px 140px;
	color: #777777;
	display:block;
	width: 400px;

}

.form_item select,
.form_item_last select {
	width:300px;
	margin: 2px 0 2px 0;
}

.form_item_first select.short {
	width:150px;
	margin: 2px 0 2px 0;
}


.form_item select.currency,
.form_item_last select.currency {
	width:70px;
	margin: 2px 0 2px 0;
}

.form_item input.short,
.form_item_last input.short {
	width: 150px;
}

.form_item p.error input,
.form_item_first p.error input,
.form_item_last p.error input{
	background: #FFF1E7;
	border: #CC0033 1px solid;
	padding: 4px;
}

.form_item p.error textarea,
.form_item_first p.error textarea,
.form_item_last p.error textarea{
	background: #FFF1E7;
	border: #CC0033 1px solid;

}

.form_item p.error,
.form_item_first p.error,
.form_item_last p.error,
.form_item p.error small,
.form_item_last p.error small,
.form_item_first p.error small {
	color: #CC0033;
}

.alert_box {
	font-weight: bold;
	padding: 5px 5px 3px 25px;
	margin-top:0px;
	margin-bottom:15px;
	background: url(../img/icon_alert.gif) 5px 5px no-repeat #FFF1E7;
	color:#CC0033;
	font-size: 12px;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.success_box {
	font-weight: bold;
	padding: 5px 5px 3px 25px;
	margin-top:0px;
	margin-bottom:15px;
	background: url(../img/icon_ok.gif) 5px 5px no-repeat #ebffe9;
	color:#40af49;
	font-size: 12px;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.form_item label,
.form_item_last label,
.form_item_first label  {
width: 130px;
float: left;
margin-right:10px;
display: block;
padding: 3px 0 0 0;
}

#sort_header input {
	clear: left;
	float: left;
	margin: 0 5px 0 0;
	width: 15px;
}

.form_item p sup,
.form_item_first p sup,
.form_item_last p sup {
	color:#CC3333;
	font-size: 14px;
	font-weight: bold;
	vertical-align:top;
}


/* lists: dir/ news
----------------------------------------------- */

.list_item {
	float:left;
	display:inline;
	border-bottom: 1px solid #D5E3E1;
	margin-bottom: 15px;
	padding-bottom:15px;

}

.classifieds .list_item .rating {
    border:1px solid #d4e3e1;
}

.list_item div.rating {
    width: 60px;
    float:left;
    margin-right: 30px;
}

.list_item .rating img {
	vertical-align:middle;
}

.list_item .content {
	margin-right: 20px;
	width:430px;
	float:left;
}

.list_item .classified {
	margin-right: 10px;
	padding-right: 10px;
	width:428px;
	float:left;
	border-right: 1px solid #D5E3E1;
}

.list_item .content_long {
	width:610px;
	float:left;
}


.list_item .content p,
.list_item .classified p {
	margin-bottom: 10px;
}

.list_item .content h3,
.list_item .classified h3,
.list_item .content_long h3,
.list_item .news_summary h3 {
	font-size: 15px;
	padding:0;
	margin:0;
}

.list_item .content span,
.list_item .content_long span {
	font-size: 11px;
	margin:0 0 6px 0;
	color: #40AF49;
}


.list_item .classified span {
	font-size: 11px;
	margin:0 0 6px 0;
	color:#888888;
}

.list_item .classified span.date {
	color: #CA511B;
}

.list_item .classified span.contact {
	color: #40AF49;
}

.list_item .content span a,
.list_item .classified span a,
.list_item .content_long span a,
.list_item .news_summary span a {
	margin-right: 8px;
	text-decoration:underline;
}

.list_item .logo {
	width:158px;
	float:left;
	border: 1px solid #D5E3E1;
	text-align:center;
	padding:10px 0 10px 0;

}

.list_item .price {
	width:148px;
	height: auto;
	float:left;
	text-align:left;
	padding:2px 0 10px 10px;
	color:
}

.list_item .price h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
}

.list_item .price span {
	font-size: 11px;
	color: #777777;
	font-weight: bold;
}

.list_item .price h5 {
	font-size: 14px;
	font-weight: normal;
	color: #CA511B;
}

.list_item .logo img {
	vertical-align:middle;
}

/* only for news */

h1#news_header  {
	border-bottom: 1px solid #D5E3E1;
	margin-bottom: 15px;
}

.list_item .news_summary {
	width:585px;
	float:left;
}


.list_item .news_summary p {
	margin-bottom: 0px;
}

.list_item .news_summary span,
#item .article_header span {
	font-size: 11px;
	margin:0 0 6px 0;
	color: #CA511B;
}

.list_item .news_summary span a,
#item .article_header span a {
	background: url(../img/icon_comments.gif) 3px 0 no-repeat;
	padding-left: 18px;
	margin-left: 5px;
	text-decoration: none;
	color: #586B72;
	vertical-align: middle;
}

.list_item .news_summary span img,
#item .article_header span img {
	vertical-align: text-top;
	margin-left: 5px;
}


.list_item .news_thumb {
	margin-right: 15px;
	width:100px;
	float:left;
	padding-top: 2px;
}

.list_item .news_thumb img {
	border: none;
}

/* item / article view
----------------------------------------------- */
.item {
	border-top: 1px solid #D5E3E1;
	float:left;
	padding:10px 0 10px 0;
}

.item_header {
	width:500px;
	float: left;
	padding-top: 5px;
}

.item_header span {
	color: #888888
}


.item_header span.date {
	color: #CA511B;
}

.item_details .price {
	height: auto;
	text-align:left;
	padding:2px 0 10px 0;
}


.item_details .price span {
	color: #777777;
	padding-top: 10px;
}

.item_details .price h5 {
	font-size: 14px;
	font-weight: normal;
	color: #CA511B;
}

.item_header h1 {
	font-size: 18px;
	margin-bottom:10px;
}

.item_logo {
	width: 200px;
	float: left;
	text-align: right;
}

.item_logo img {
	vertical-align:top;
}

.item_details {
	width:350px;
	float: left;
	padding-right: 20px;

}

.item_details h4,
.item_content h4 {
	font-size: 12px;
	margin-bottom: 5px;
}

.item_details a {
	text-decoration: underline;
}

.item_map, #gMap {
	width:330px;
    height: 252px;
	float: left;
}

.classified_img {
	width:250px;
	float: left;
	margin:0 0 0 78px
}

.classified_img img {
	border: 1px solid #D5E3E1;
    vertical-align:top;
}
#gMapData {display: none;}

.item_content {
	width:700px;
	float: left;
}

.item_comments {
	width:680px;
	float: left;
	padding:10px;
	border: 1px solid #D5E3E1;

}

/* special for article view */

.article_header {
	width:700px;
	float: left;
	padding-top: 5px;
}

#article_content {
	float:left;
	padding:0 0 0 0;
	width:700px;
	line-height: 1.6;
	font-size: 14px;
}

#article_content p {
	padding-bottom: 5px;
}

#article_content img {
	float: left;
	margin-right: 10px;
	padding-top: 4px;
}

/* social sharing & rating */

#share_rate {
	width:680px;
	float: left;
	padding:3px 10px 3px 10px;
	border: 1px solid #D5E3E1;
	margin:10px 0 10px 0;
	color:#40AF49;
	font-weight: bold;
	display:inline;
}

#share_rate .rate_title {
	float:left;
	width: auto;
	display:inline;
	padding: 4px 5px 0 0;
}
#share_rate .rate_stars {
	float:left;
	width: auto;
	display:inline;
	padding: 0px;
	margin: 0px;
}

#share_rate .rate_stars img {
	vertical-align: middle;
}
#share_rate .rate_stars fieldset {
    margin: 0;
}
#share_rate .rate_stars input {
    width:auto;
}
#share_rate .rate_stars fieldset span .radio {
    position:relative;
    top: 2px;
}

.addthis_toolbox {
	font-weight: normal;
	float: right;
	margin-left: 0;
	display:inline;
	padding: 4px 0 0 0;

}

span.addthis_separator {
	margin: 0 5px 0 5px;
	border-right: 1px solid #ddd;
	height: 16px;
}

#ratingForm label { color: #000000; font-weight: normal; }



/* disqus css
----------------------------------------------- */

#disqus_thread h3 {
	color: #777777;
}

/* right column clasifieds
----------------------------------------------- */
.clasifieds_r {
	border-left: 1px solid #F2F2A0;
	border-right: 1px solid #F2F2A0;
	border-bottom: 1px solid #F2F2A0;
	padding:10px;
}

.clasifieds_r_header {
	background:#FFFFCB;
	padding: 4px 4px 4px 10px;
	font-weight: bold;
	border-left: 1px solid #F2F2A0;
	border-right: 1px solid #F2F2A0;
	border-top: 1px solid #F2F2A0;

}

.clasifieds_r span a {
	margin-bottom: 5px;
	display:block;
}


/* pagination
----------------------------------------------- */
#pagination {
	color: #aaa;
	font-size:13px;
	text-align:center;
}

#pagination span,
#pagination a {
	margin:0 5px 0 5px;
}

#pagination a {
	text-decoration:underline;
}

#pagination span {
	color:#000000;
}

#pagination span.next a {
	margin-left: 10px;
	padding-right: 7px;
	background:url(../img/icon-arrow-r.gif) center right no-repeat;
}

#pagination span.prev a {
	margin-right: 10px;
	padding-left: 7px;
	background:url(../img/icon-arrow-l.gif) center left no-repeat;
}

/* footer
----------------------------------------------- */
.footer_divider {
	border-top: #D5E3E1 1px solid;
	height:1px;
	margin:15px 10px 10px 10px ;
}

.footer {
	margin-bottom: 40px;
	color:#777777;
}

.footer p {
	margin: 0;
}

.addthis_button {
	text-align: right;
}



/* search
----------------------------------------------- */
#searchtabs {
	border: 1px solid #ffcc00;
	height: 20px;
	padding: 7px 4px 0 4px;
	margin: 0;
}

#searchtabs .tab  {
	background: #DFEBFD;
	padding:6px 20px 4px 20px;
	font-weight: bold;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
  	-moz-border-radius-topleft: 5px;
  	-moz-border-radius-topright: 5px;
  	border-radius-topleft:5px;
  	border-radius-topright:5px;
	margin: 0 1px 0 0;
}

#searchtabs .tab.open  {
	background: #ffcc00;
}



#searchbox {
	background: #ffcc00;
	padding:20px;
}

#searchbox_horizontal {
	background: #ffcc00;
	padding:10px;
	margin-bottom: 15px;
}
/* clasifieds
----------------------------------------------- */
#clasifieds {
	border: 1px solid #FFFFCB;
	height: 19px;
	padding: 7px 4px 0 4px;
	margin: 0;
	width:auto;
}

#clasifieds .tab  {
	background: #DFEBFD;
	padding:6px 20px 4px 20px;
	font-weight: bold;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
  	-moz-border-radius-topleft: 5px;
  	-moz-border-radius-topright: 5px;
  	border-radius-topleft:5px;
  	border-radius-topright:5px;
	margin: 0 1px 0 0;
}

#clasifieds .tab.open  {
	background: #FFFFCB;
}

#clasifieds_content  {
	background: #FFFFCB;
	padding: 15px;
}

#clasifieds_content span {
	margin: 0 0 5px 0;
	display:block;
}

#clasifieds_content span.more {
	margin:0;
	text-align:right;
}


#clasifieds_content span.more a {
	font-weight: normal;
	text-decoration: underline;
}


/* news
----------------------------------------------- */
#news {
	border-left: 1px solid #D5E3E1;
	border-right: 1px solid #D5E3E1;
	border-bottom: 1px solid #D5E3E1;
	padding:10px;
}

#news p a {
	text-decoration: underline;
	line-height: 2;

}

#news p img {
	border:none;
	vertical-align:middle;
}

#news p {
	margin-bottom: 6px;
	color: #586B72;
	line-height: 1.2;
}

#news span {
	margin-bottom: 15px;
	display:block;
}


#news img {
	float: left;
	margin:0 7px 6px 0;
}


#news h3 {
	margin-bottom: 5px;
	line-height: 12px;

}

#news h3 a {
	font-weight: bold;
	margin-top: 0;
	font-size: 12px;
}

#news img a {
	border:none;
}

#news span.more {
	text-align: right;
	margin-bottom: 0;
}

#news span.more a {
	text-decoration: underline;
}
/* news
----------------------------------------------- */
#dir_news {
	padding:10px;
	border-bottom:#D5E3E1 solid 1px;
	border-right:#D5E3E1 solid 1px;
	border-left:#D5E3E1 solid 1px;
}

#dir_news span {
	margin-bottom: 7px;
	border-bottom:#D5E3E1 solid 1px;
	padding:0 0 7px 0;
	display:block;
}

#dir_news h3 {
	margin-bottom: 3px;
	line-height: 12px;
}

#dir_news h3 a {
	font-weight: bold;
	margin-top: 0;
	font-size: 12px;
}

#dir_news p {
	font-size: 10px;
	margin:0 0 4px 0;
}

#dir_news p a {
	color: #146EB4;
	text-decoration: underline;
}

#dir_news span.more {
	text-align: right;
	margin-bottom: 0;
	padding: 0;
	border: none;
}

#dir_news span.more a {
	text-decoration: underline;
}

/* random banner
----------------------------------------------- */

#random_banner {
	padding: 0px;
	margin:0;
}

#random_title {
	border-left: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	padding: 10px;
	margin:0;
}

#random_title a {
	font-weight: bold;
}

#random_banner img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#random_banner a {
	border: none;
	margin: 0;
	padding: 0;
}

/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
	margin: 10px 0 0 0;
	padding:0;
}

.box img {
	vertical-align:top;
}

.box h2 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#333;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
	background-color:#111;
}
.block {
	padding-top:10px;
}
div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}


/* menu
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}


/* submenu
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
}
ul.section li {
	text-transform:uppercase;
}
ul.section li a {
	background:#bbb;
}
ul.section li a:hover {
	background:#aaa;
}
ul.section li a:active {
	color:#fff;
	background:#666;
}
ul.section li li a {
	background:#ddd;
	border-bottom:1px solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#666;
}
ul.section li a.current:hover {
	background:#555;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}


/* table
----------------------------------------------- */
table {
	width:100%;
	border:1px solid #bbb;
	margin-bottom:10px;
}
col.colC {
	width:8em;
}
th, td {
	padding:.2em 1em;
	text-align:left;
}
thead th {
	border-bottom:2px solid #888;
	background:#bbb;
	padding:.4em 1em .2em;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}
tbody th,
tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}


/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}

#news form {
	margin-bottom: 10px;
}

#news input {
	width:188px;
	margin: 1px 0 2px 0;
	color:#bbb;
	padding: 2px;
	font-size: 12px;
}

input {
	width:290px;
	margin: 1px 0 2px 0;
	padding: 2px;
	font-size: 12px;
}

.pp_button {
	width: 107px;
	height:26px;
	margin-top: 10px;
}

.pp_form {
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #FFFFCB;
}

.pp_form p {
	padding-left: 100px;
}

#searchbox_horizontal input {
	width:280px;
	margin: 0;
	padding: 2px;
	font-size: 12px;
}



input:focus,
input:focus,
input:focus {
	color:#000;
	background: #FFFFCC;
}

#searchbox input.search_button,
#news input.subscribe_button,
#searchbox_horizontal input.search_button,
input.search_button {
	width:70px;
	margin: 1px 0 1px 0;
	height: 23px;
	background: url(../img/button-search.gif) no-repeat top left;
	color:#fff;
	font-weight: bold;
	border:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	float:right;

}

input.submit_button {
	width:132px;
	margin: 1px 0 1px 300px;
	height: 23px;
	background: url(../img/button-submit.gif) no-repeat top left;
	color:#fff;
	font-weight: bold;
	border:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;


}

#searchbox .divider {
	width:299px;
	display:block;
	margin: 8px 0 8px 0;
	height: 2px;
	background:url(../img/divider.gif) top left repeat-x;
}

#searchbox select {
	width:300px;
	margin: 2px 0 2px 0;
}

#sort_header select {
	width:100px;
	margin: 0 0 2px 5px;
}


#searchbox_horizontal select {
	width:180px;
	margin:0;
}

#searchbox select.small {
	width:120px;
	margin: 1px 0 1px 0;
}

fieldset {
	position:relative;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}


/* articles
----------------------------------------------- */
.articles {
	padding:0;
}
.articles h2 {
	margin:0;
}
#articles {
	padding-top:0;
}
.article {
	border-top:1px solid #666;
	padding-top:.5em;
}
.box .article {
	border-top:3px solid #fff;
	padding:13px 10px 0 10px;
}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:.2em;
	font-size:1.6em;
}
.box .first {
	border-top:none;
}
.article h4 {
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.article a.image {
	float:left;
	margin:3px 10px 3px 0;
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #666;
}
.article a.image img {
	float:left;
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}

/* directory list
----------------------------------------------- */

.dir { padding:10px 0 10px 0; font-weight: normal;}
.dir h5 { color:#aaa;}
.dir h5 span {font-weight: normal;}
.dir span { color:#aaa;}

/* site information
----------------------------------------------- */
#site_info .box {
	color:#ccc;
	background:#666;
	margin-bottom:10px;
}
#site_info a {
	color:#fff;
}
#site_info a:hover {
	color:#000;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
}
.element h4 {
	margin: 0;
	padding:4px;
	line-height:1.2em;
}
.element p {
	margin: 0;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}

#accordian-block {
	padding-bottom:10px;
}


/* Mootools Kwicks
----------------------------------------------- */
#kwick-box {
	padding:0;
	overflow:hidden;
}
#kwick-box h2 {
	margin:0;
}
#kwick {
	position: relative;
}
#kwick .kwicks {
	display: block;
	background: #999;
	height: 120px;
	list-style:none;
	margin:0;
	overflow:hidden;
}
#kwick li {
	float: left;
	margin:0;
	padding:0;
}
#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 100px;
	width: 215px;
	padding: 10px;
	background: #fff;
}
#kwick .kwick span {
	color:#fff;
}
#kwick .one {
	background: #666;
}
#kwick .two {
	background: #777;
}
#kwick .three {
	background: #888;
}
#kwick .four {
	background: #999;
}

/* rating
*******************************************************************************/
span.rating {position:relative; margin: 0 30px 0 0! important; background-color: #ccc;}
span.rating, span.rating span {display: inline-block; height:11px;margin:0}
span.rating span { background-color: #ffcc00; position: absolute; top:0; }
span.rating img {margin:0! important; vertical-align:top! important; position:relative; top:0}
span.rating.w51 {width: 51px; position:relative;top:2px;}


/* Topbar
----------------------------------------------- */
.tabs {
	margin-top: 12px;
}

.tabs a {
	width: 97px;
	height: 28px;
	text-align: center;
	padding-top: 6px;
	display:block;
	float:left;
	margin-right: 2px;
	color: #eee;
}

.tabs a:hover {
	text-decoration: none;
}

.tabs a.white {
	background: url(../img/tab_white.gif) top left no-repeat;
	color: #000000;
}

.tabs a.red {
	background: url(../img/tab_red.gif) top left no-repeat;
}

.tabs a.green {
	background: url(../img/tab_green.gif) top left no-repeat;
}

.top_submenu {
	text-align: right;
	margin-top: 15px;

}

a.lang_eng {
	background: url(../img/flag_eng.gif) left center no-repeat;
	padding-left: 20px;
	margin-left: 15px;
}

a.lang_lit {
	background: url(../img/flag_lit.gif) left center no-repeat;
	padding-left: 20px;
	margin-left: 15px;
}
