/* MAIN STYLE */
/* * { behavior: url(iepngfix.htc) } */

html {
  height: 100.1%;
}

body.main{
  background: #fff url('images/bg.jpg') repeat-x;
  height: 100.1%;
  color: #000;
  margin: 0px auto;
  font-family: "arial";
  font-size: 12px;
  text-align: center;
}

body {
  background: #ccc; 
  height: 100.1%;
  color: #000;
  margin: 0px auto;
  font-family: "arial";
  font-size: 12px;
  height: 100%;
}

a {
  text-decoration: none;
}

a img {
  border: none;
}

img {
  border: none;
}

.small {
  font-size: 10px;
}

div.clear {
  clear: both;
  height: 0px;
  font-size: 0px;
}

div.container{
  margin: auto;
  width: 910px;
  padding-bottom: 20px;
  text-align: center;
}

div.feature {
  height: 130px;
  width: 400px;
  background: #000;
  padding: 5px;
  border: 1px #666 solid;
  margin: 15px 0px 0px 40px;
}

div.feature_text {
  text-align: left;
  color: #999;
  font-size: 14px;
  margin: 5px 0px 0px 0px;
}

div.feature_text a {
  color: #999;
  text-decoration: underline;
}

div.feature_text a:hover {
  color: #FFF;
  text-decoration: underline;
}

a:hover div.feature {
  border: 1px #ccc solid;
}

div#content {
  padding: 20px 0px 0px 0px;
}

div.main{
  padding: 20px 0px 10px 0px;
}

div.main_left{
  float: left;
  width: 590px;
  padding: 0px 10px 0px 0px;
  overflow: hidden;
}

div.main_right{
  border-left: 1px #666 dashed;
  width: 290px;
  float: left;
  text-align: left;
  padding: 0px 0px 0px 10px;
  overflow: hidden;
}

div.top {
  height: 200px;
}

div.top_bar{
  color: #fff;
  background: #000;
  height: 18px;
  text-align: left;
  padding: 2px 10px 0px 4px;
}

div.top_bar a {
  color: #fff;
  text-decoration: none;
}

div.top_bar a:hover {
  color: #999;
}

div.top_left {
  height: 120px;
  float: left;
  width: 430px;
  text-align: left;
}

div.top_right {
  background: url('images/top_right_feature_bg.jpg') right;
  height: 120px;
  width: 480px;
  float: left;
}

div.top_right div.tr_feature {
  color: #ccc;
  width: 240px;
  float:left;
}

div.top_menu {
  height: 60px;
}

div.top_menu div {
  float: left;
  height: 60px;
  padding: 0px 20px 0px 10px;
}

div.top_menu div a {
  display: block;
  padding: 25px 0px 9px 0px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}

div.top_menu div a.white:hover {
  border-bottom: 4px solid #fff;
}

div.top_menu div a.blue:hover {
  border-bottom: 4px solid #39f;
}

div.top_menu div a.blue {
  color: #39f; 
}

div.top_menu div a.pink:hover {
  border-bottom: 4px solid #f36;
}

div.top_menu div a.pink {
  color: #f36; 
}

div.content_head {
  font-size: 28px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
}

h1 {
  background: url('images/logo.jpg') no-repeat;
  margin: 0px;
  width: 430px;
  height: 120px;
  float: left;
}

h2 {
  background: #282828 url('images/page_head_bg.jpg') repeat-x;
  padding: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #fff;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px solid #ccc;
}

h3 {
  background: #666666 url('images/page_head2_bg.jpg') repeat-x;
  padding: 2px 5px;
  font-size: 12px;
  text-align: left;
  color: #fff;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px solid #999;
}

h4 {
  border-bottom: 1px dashed #666;
  font-weight:bold;
  color: #333;
  font-size: 14px;
  margin: 0px 0px 10px 0px;
}

div.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

div.error {
  color: #900;
  padding: 5px 5px 5px 30px;
  margin: 0px 0px 10px 0px;
  border: 1px #f99 solid;
  text-align: left;
  background: #fcc url('images/icons/exclamation.png') no-repeat 5px 5px;
  font-weight: bold;
  font-size: 14px;
}
 
div.information {
  color: #036;
  padding: 5px 5px 5px 30px;
  margin: 0px 0px 10px 0px;
  border: 1px #39c solid;
  text-align: left;
  background: #9cf url('images/icons/information.png') no-repeat 5px 5px;
  font-weight: bold;
  font-size: 14px;
}

div.information a {
  color: #036;
  text-decoration: none;
}

div.information a:hover {
  text-decoration: underline;
}

div.information a.request_hide {
  background: #4c667f;
  color: #9cf;
  width: 15px;
  height: 15px;
  margin: 0px 0px 0px 4px;
  font-size: 10px;
  font-weight: normal;
  float: right;
  text-align: center;
}

div.information a.request_hide:hover {
  background: #6b8eb2;
  text-decoration: none;
}

div.warning {
  color: #ac7c14;
  padding: 5px 5px 5px 30px;
  margin: 0px 0px 10px 0px;
  border: 1px #e0a72d solid;
  text-align: left;
  background: #f8f0ba url('images/icons/error.png') no-repeat 5px 5px;
  font-weight: bold;
  font-size: 14px;
}

div.success {
  color: #030;
  padding: 5px 5px 5px 30px;
  margin: 0px 0px 10px 0px;
  border: 1px #6c6 solid;
  text-align: left;
  background: #cfc url('images/icons/tick.png') no-repeat 5px 5px;
  font-weight: bold;
  font-size: 14px;
}

div.request {
  width: 553px;
}

div.request_inner {
  font-weight: normal;
  background: #fff;
  margin: 5px 0px 0px 0px;
  padding: 5px;
  color: #333;
  display: none;
}

div.request_text {
  width: 470px;
  overflow: hidden;
  font-weight: normal;
  float: left;
}

div.request_date {
  float: right;
  width: 70px;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
  display:block;
}

/*================================ TD AVAILABILITY ================================*/

td.available {
  color: #030;
  background: #cfc;
}

td.unavailable {
  color: #900;
  background: #fcc;
}

td.unknown {
  color: #036;
  background: #9cf;
}

/*================================ ICONS ================================*/

div.icon {
  width: 16px;
  height: 16px;
  margin: 0px 8px 0px 0px;
  float: left;
}

div.load_wait {
  background: url('images/load_wait.gif') no-repeat;
}

div.load_done{
  /* background: url('images/load_done.gif') no-repeat; */
}

div.fb_off {
  background: url('images/fb16_off.gif') no-repeat;
}

div.fb_on{
  background: url('images/fb16_on.gif') no-repeat;
}


div.big_loading {
  background: url('images/loading.gif') no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1001;
}

div.small_loading { 
  width: 16px;
  height: 16px;
  background: url('images/small_loading.gif') no-repeat center;
  float: left;
  display: none;
}

div.loading_bar {
  height: 25px;
  width: 100%;
  background: url('images/loading_tab.png') no-repeat top center;
  text-align: center;
  position: fixed;
  bottom: 0;
  overflow: auto;
  margin: auto;
}

div.loading_gif {
	background: url('images/loading_bar.gif') no-repeat center;
	width: 100%;
	height: 25px;
}

/*================================ AJAX ================================*/

div#ajax {
  display:none;
}

div#tooltip {
  display:none;
  color: #fff;
  position: absolute;
}

div#tooltip div.tooltip_arrow {
	height: 5px;
	background:  url('images/tooltip_arrow.png') no-repeat;
}

div#tooltip div.tooltip_text {
  background: #333;
  padding: 5px;
}

/*================================ ITEM ================================*/

div.items {
  margin: auto;
}

div.blog_list_item {
  border-bottom: 1px #ccc dashed;
  margin: 0px 0px 10px 0px;
  width: 100%;
}

div.blog_list_item:hover {
  
}

div.blog_list_item_inner {
  text-align: left;
  width: 250px;
  overflow: hidden;
  float: left;
}

div.blog_list_item_inner div.blog_list_item_functions {
  width: 250px;
  height: 60px;
  overflow: hidden;
}

div.blog_list_item_inner_right {
  font-size: 24px;
  text-align: right;
  height: 150px;
  overflow: hidden;
  padding: 0px 10px 0px 0px;
  width: 150px;
  float: right;
  cursor: default;
}

div.blog_list_item_inner_right div.item_type_heading {
  padding: 2px 0px 0px 0px;
  color: #999;
  text-transform: uppercase;
  font-size: 80%;
  letter-spacing: -2px;
}

div.blog_list_item_inner_right div.item_type_compare a{
  padding: 2px 0px 0px 0px;
  color: #36c;
  text-transform: uppercase;
  font-size: 80%;
  font-size: 18px;
}

div.blog_list_item_inner_right div.item_type_compare a:hover{
  text-decoration: underline;
}


div.blog_list_item_inner_right div.item_type_text {
  color: #000;
}

div.blog_list_item_name {
  font-weight: bold;
  font-size: 24px;
  overflow: hidden;
}

div.blog_list_item_name {
  margin: 0px 0px 5px 0px;
}

div.blog_list_item_name a {
  color: #000;
}

div.blog_list_item_name a:hover {
  background: #999;
}

div.blog_list_item_partner a {
  font-size: 18px;
  color: #666;
}
div.blog_list_item_partner {

}

div.blog_list_item_partner a:hover {
  background: #ccc;
}

div.blog_list_item_short_desc {
  font-size: 14px;
  color: #000;
  float: left;
  padding: 5px 0px;
  display: inline;
  width: auto;
}

div.items_inner {
  display: inline;
  float: left;
  clear: both;
}

div.item_pages {
  display: none;
}

div.item_thumb {
  margin: 0px 20px 10px 0px;
  width: 150px;
  color: #fff;
  cursor: pointer;
  float: left;
  display: inline;
  text-align: left;
}

div.item_thumb div.item_top {
  height: 10px;
  background: url('images/item_thumb_top.png') no-repeat;
  font-size: 0px;
}

div.item_thumb div.item_mid { 
  background: #333 url('images/item_thumb_mid.png') repeat-x;
}


div.item_thumb div.item_bot {
  height: 10px;
  background: url('images/item_thumb_bot.png') no-repeat;
}

div.item_thumb div.item_mid_txt { 

  background: no-repeat;
  text-align: left;
  height: 120px;
  width: 130px;
  margin: 0px 0px 0px 10px;
}

div.item_thumb div.item_mid_txt span { 
  background: #fff;
  color: #000;
  margin: 0px;
  padding: 2px 6px 2px 4px;
  display: block;
  float: left;
  clear: left;
}

div.item_thumb div.item_mid_txt span.item_name { 
    color: #000;
    font-size: 20px;
    font-weight: bold;
	display: inline;
}

div.item_thumb div.item_mid_txt span.partner_name { 
    color: #000;
    font-size: 12px;
    font-weight: bold;
	display: block;
}

div.item_thumb span.item_date {
  color: #000;
	display: block;
  font-size: 12px;
  font-weight: bold;
}

div.item_thumb div.item_txt{
  margin: 10px 10px 0px 10px;
  text-align: left;
  color: #fff;
}

/* THUMB OVER */
div.item_thumb_over {
  margin: 0px 20px 10px 0px;
  width: 150px;
  color: #fff;
  cursor: pointer;
  float: left;
  display: inline;
  text-align: left;
}

div.item_thumb_over div.item_top {
  height: 10px;
  background: url('images/item_thumb_top_over.png') no-repeat;
  font-size: 0px;
}

div.item_thumb_over div.item_mid { 
  background: #333 url('images/item_thumb_mid_over.png') repeat-x;
}


div.item_thumb_over div.item_bot {
  height: 10px;
  background: url('images/item_thumb_bot_over.png') no-repeat;
}

div.item_page_header {
  background: #272928 url('images/page_head_bg.jpg') repeat-x;
  text-align: left;
  padding: 5px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #ccc;
  color: #fff;
  font-size: 18px;
}

div.item_page_header a {
  color: #fff;
}

div.item_page_header a:hover {
  color: #999;
}

div.item_page_header div.minimize{
  background: url('images/triangle_down.png');
  width: 15px;
  height: 15px;
  float: right;
}

div.item_page div.item_outer_txt{ 
  background: #ccc;
  padding: 5px;
  margin: 0px 0px 20px 0px;
}

div.item_page div.item_txt{ 
  padding: 15px;
  background: #fff;
  color: #000;
  text-align: left;
}

div.item_page div.item_func{ 
  padding: 15px;
  background: #ccc;
  color: #000;
  text-align: left;
  margin: 0px 0px 20px 0px;
  border-bottom: 3px solid #272928;
}

div.item_page div.item_func a {
  color: #333;
}

div.item_page div.item_func a:hover{ 
  color: #666;
}

div.item_page {
  width: 100%;
  color: #fff;
  margin: 0px 0px 20px 0px;
}

div.item_page div.item_top {
  height: 10px;
  background: url('images/item_page_top.png') no-repeat;
  font-size: 0px;
}

div.item_page div.item_bot {
  height: 10px;
  background: url('images/item_page_bot.png') no-repeat;
}

img.item_img_thumb {
  margin: 2px 0px 0px 0px;
  border: #ccc 2px solid;
  width: 120px;
  height: 100px;
}

img.item_page_banner {
  border: #333 7px solid;
  width: 560px;
  height: 100px;
  margin: 0px 0px 20px 0px;
}

table.item_table {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
}

table.item_table th {
  background: url('images/item_table_top.png') repeat-x;
  height: 30px;
  color: #fff;
}

table.item_table th.left {
  background: url('images/item_table_tl.png') repeat-x;
  height: 30px;
  width: 15px;
}

table.item_table th.right {
  background: url('images/item_table_tr.png') repeat-x;
  height: 30px;
  width: 15px;
}

table.item_table tr.bot {
  background: #000;
  height: 5px;
}

table.item_table tr.item_table_row {
  background: #272928 url('images/item_table_row_bg.jpg') repeat-x;
  height: 40px;
  color: #ccc;
}

table.item_table td {

}

table.item_table td a{
  color: #ccc;
  text-decoration: none;
}

table.item_table td a:hover{
  color: #fff;
  text-decoration: underline;
}

table.item_table td.rm a{
  color: #ff3366;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
}

table.item_table td.rm a:hover{
  text-decoration: underline;
}

/*=============================== COMPARE  ==============================*/

div.compare_list_item {
  border-bottom: 1px #ccc dashed;
  margin: 0px 0px 10px 0px;
  width: 100%;
}

div.compare_list_item:hover {
  background: #f4f4f4;
}

div.compare_list_item_inner {
  text-align: left;
  width: 330px;
  overflow: hidden;
  float: left;
}

div.compare_list_item_inner div.compare_list_item_inner_icons {
  float: right;
  margin: 20px 20px 0px 0px;
}

div.compare_list_item_inner div.compare_list_item_functions {
  width: 250px;
  height: 60px;
  overflow: hidden;
}

div.compare_list_item_inner_right {
  font-size: 24px;
  text-align: right;
  overflow: hidden;
  padding: 0px 10px 0px 0px;
  width: 120px;
  float: left;
  cursor: default;
}

div.compare_list_heading {
  padding: 2px 0px 0px 0px;
  color: #999;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: -2px;
}

div.compare_list_item_inner_right div.item_type_compare a{
  padding: 2px 0px 0px 0px;
  color: #36c;
  text-transform: uppercase;
  font-size: 80%;
  font-size: 18px;
}

div.compare_list_item_inner_right div.item_type_compare a:hover{
  text-decoration: underline;
}


div.compare_list_item_inner_right div.item_type_text {
  padding: 0px 0px 0px 0px;
  color: #000;
}

div.compare_list_item_name {
  font-weight: bold;
  font-size: 24px;
  overflow: hidden;
}

div.compare_list_item_name {
  margin: 0px 0px 5px 0px;
}

div.compare_list_item_name a {
  color: #000;
}

div.compare_list_item_name a:hover {
  background: #999;
}

div.compare_list_item_partner a {
  font-size: 18px;
  color: #666;
}
div.compare_list_item_partner {

}

div.compare_list_item_partner a:hover {
  background: #ccc;
}

div.compare_list_item_short_desc {
  font-size: 14px;
  color: #000;
  float: left;
  padding: 5px 0px;
  display: inline;
  width: auto;
}

/*=============================== PANELS ==============================*/

div.panel_list {

}

div.panel_list_item {
  padding: 4px;
  font-size: 14px;
  margin: 5px;
  border: 1px #ccc solid;
}

div.panel_list_item a {
  color: #333;
  padding: 4px;
}

div.panel_list_item a:hover {
  background: #333;
  color: #ccc;
}

/*=============================== BUTTON ==============================*/

div.btn {
  height: 25px;
  float: left;
  cursor: pointer;
  margin: 0px 10px 0px 0px;
}

div.btn div.btn_l {
  background: url('images/button_l.png') no-repeat;
  width: 5px;
  height: 25px;
  float: left;
}

div.btn div.btn_m {
  background: url('images/button_m.png') repeat-x;
  height: 25px;
  float: left;
}

div.btn div.btn_m div.btn_txt {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 4px 5px 0px 5px;
}

div.btn div.btn_r {
  background: url('images/button_r.png') no-repeat;
  width: 5px;
  height: 25px;
  float: left;
}

div.btn_over {
  height: 25px;
  float: left;
  cursor: pointer;
  margin: 0px 10px 0px 0px;
}

div.btn_over div.btn_l {
  background: url('images/button_over_l.png') no-repeat;
  width: 5px;
  height: 25px;
  float: left;
}

div.btn_over div.btn_m {
  background: url('images/button_over_m.png') repeat-x;
  height: 25px;
  float: left;
}

div.btn_over div.btn_m div.btn_txt {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 4px 5px 0px 5px;
}

div.btn_over div.btn_r {
  background: url('images/button_over_r.png') no-repeat;
  width: 5px;
  height: 25px;
  float: left;
}


/*=============================== Search ==============================*/

div.item_search input {
  float: left;
  margin: 0px 10px 0px 0px;
  height: 20px;
  border: 1px #666 solid;
  font-size: 16px;
  padding: 2px;
  width: 200px;
}

div.item_search label {
  float: left;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
}

div.search_tags_list {
  border-bottom: 1px #ccc dashed;
  margin: 0px 0px 10px 0px;
}

div.search_tags {
  background: #282828 url('images/page_head_bg.jpg') repeat-x;
  height: 20px;
  padding: 3px 4px;
  margin: 0px 0px 5px 0px;
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
}

div.search_tags a {
  color: #fff;
  padding: 0px 5px;
  display: block;
}

div.search_tags a:hover {
  background: #ccc;
  color: #333;
}

div.search_tags span.search_tag_rm {
  color: #ff3366;
  font-weight: bold;
}

div.tag_cloud a {
  color: #333;
}

div.tag_cloud a:hover {
  color: #fff;
  background: #333;
}

/*=========================== AUTO COMPLETE ===========================*/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	text-align: left;
	margin: 0px;
	padding: 5px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-size: 16px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/*================================ ADMIN ===============================*/

div.admin_links a:hover {
  text-decoration: underline;
}

div.admin_form {
  display: block;
}

form div.form_item {
  margin: 0px 0px 15px 0px;
}

div.admin_form label {
  font-weight: bold;
  width: 100px;
  display: block;
  float: left;
  padding: 5px 0px 0px 0px;
}

div.admin_form p{
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

div.admin_form input {
  margin: 0px 0px 10px 0px;
  height: 20px;
  border: 1px #666 solid;
  font-size: 16px;
  padding: 2px;
  width: 230px;
}

div.admin_form textarea {
  margin: 0px 0px 10px 0px;
  border: 1px #666 solid;
  font-size: 14px;
  padding: 2px;
  width: 230px;
  font-family: arial;
}

div.admin_form select {
  margin: 0px 0px 10px 0px;
  height: 24px;
  border: 1px #666 solid;
  font-size: 14px;
  width: 230px;
}

div.admin_form input.datefield{
  width: 100px;
  cursor: text;
}

div.admin_form input.checkbox{
  width: 10px;
}

div.admin_form input.smaller{
  width: 100px;
}

div.form_errors {
  color: #900;
  padding: 5px;
  margin: 0px 0px 20px 0px;
  border: 2px #900 dashed;
  text-align: left;
}

/*================================ TAGS ================================*/


div.tag_cloud {

  margin: 0px auto;
}

div.tag_title {
  font-size: 18px;
}

div.tag_cloud_lvl1 {
  font-size: 16px;
}

div.tag_cloud_lvl2 {
  font-size: 14px;
}

div.tag_cloud_lvl3 {
  font-size: 12px;
}

/*============================ FACEBOOK TAGS==========================*/


div.fb_profile_pic {

  padding: 2px;
  border: 1px solid #003366;
  float: left;
  clear: left;
  margin: 0px 10px 0px 0px;
}


/*============================ CUSTOM sizes ==========================*/

.strong{
  font-weight: bold !important;
}

.iefix{
  min-width: 0px;
  position: relative;
}

.w50p {
  width: 50% !important;
}

.w100{
  width: 100px !important;	
}

.w150{
  width: 150px !important;  
}

.w180{
  width: 180px !important;  
}

.w200{
  width: 200px !important;  
}

.w250{
  width: 250px !important;  
}

.w380{
  width: 380px !important;
}

.p0 {
  padding: 0px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}


.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml35 {
  margin-left: 35px !important;
}


.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.tal {
  text-align: left !important;
}

.tar {
  text-align: right !important;
}

.tac {
  text-align: center !important;
}

.cl {
  clear: left !important;
}

.hidden {
  display: none !important;
}

.vam {
  vertical-align: middle !important; 
}

.vat {
  vertical-align: middle !important; 
}