﻿/* BODY */
body { margin: 0; padding: 0; font-family: Arial; font-size: 62.5%; }

/* GENERAL */
a img { border: none; }
h1 { margin-top: 0px;  }
#links h1 { margin:0; font-size: 1.3em; color: #3d3e3d;}
h3 { font-size: 1.3em; font-weight: bold; color: #3d3e3d; }
h4 { font-size: 1.7em; font-weight: bold; color: #333333; }
h4 a { color: #333333; text-decoration: none; }
#bubble {font-size:14px;font-weight:bold;}
#bubbleText {font-size:18px;font-weight:bold;}
h4 a:hover { text-decoration: underline; }
p { font-size: 1.2em; }
p a { color: #000000; text-decoration: none; }
p a:hover { text-decoration: underline; }
label.default { font-weight: bold; font-size: 11px; margin-top: 10px; float: left; }
input, textarea { border: 1px solid #adadad; padding: 3px; font-family:Arial; }
.over { background-color: #F0F0F0; }
.show { display: block; }
.hide { display: none; }
.SiteMapNode {color:Black;text-decoration:none;font-family:Arial;font-size:13px;font-weight:bold;}
.SiteMapChildNode {color:Black;text-decoration:none;font-family:Arial;font-size:13px;}
#mail-thanks, #report-thanks { text-align: center; font-weight: bold; }
#error-services, #error-share-mail { text-align: center; font-weight: bold; color: Red;}
#mail-thanks, #report-thanks, #error-services { float: left; width: 745px; }
#feedback-mail-thanks {float:left;text-align: center; font-weight: bold; }
#feedback-error-services { text-align: center; font-weight: bold; color: Red;}
span.required-star { color: Red; width: 10px; float: left; }
a.underline { text-decoration: underline; }

#wrapper { position: relative; width: 1012px; margin: 0 0 0 10px; }
#main-container { float: left; width: 815px; border-right: 1px solid #dadada; }

#plainpage-container { padding:15px }

#page { float: left; width: 787px; margin-left: 11px; border-top: 1px solid #dadada; }
#page #header { float: left; position: relative; width: 787px; padding: 6px 0px 0px 0px;}
#page #header #favorite {position:absolute; right:7px; bottom:8px; padding-left: 25px; background: url(/Content/Graphics/heart.gif) center left no-repeat; color: #000000; text-decoration: none; font-size: 1.3em; }

#footer { float: left; width: 787px; color: #666666; margin: 20px 0;}
#footer p { text-align: center; padding: 0 40px; }
#footer p a { color: #666666; }

/* SEARCH */
#search { float:left; margin-bottom: 10px; }
#search-input { float: left; font-size: 1.6em; border: 2px solid #2d562d; background: #f5f5f5; color: #939393; font-weight: bold; width: 392px; padding: 7px 6px 6px; height: 20px; margin-right: 3px; }
#search-button { float: left; font-size: 1.6em; font-weight: bold; color: #ffffff; background: url(/Content/Graphics/search.gif) top left repeat-x; border: none; height: 37px; cursor: pointer; padding: 6px; margin: 0; margin-right: 3px; width: 60px; }

/* ADS */
#ads-container { float: right; width: 180px; padding: 14px 0 0 16px; }
#ads-container .ad { margin-bottom: 20px; }
#ad-top, #ad-bottom { float: left; width: 787px; padding: 14px 0 12px 11px; background: url(/Content/Graphics/ad-vertical.gif) no-repeat 0px 17px; }
#ad-CountryBanner { float: left; width: 787px; padding: 14px 0 12px 11px; background: url(/Content/Graphics/ad-vertical.gif) no-repeat 0px 17px; }
#ad-add-button { float: left; display: block; background: url(/Content/Graphics/search.gif) top left repeat-x; color: #ffffff; text-decoration: none; height: 22px; font-size: 1.6em; font-weight: bold; padding: 9px 6px 6px; width: 300px; text-align: center; }
.send:hover, #ad-add-button:hover, #search-button:hover { background: url(/Content/Graphics/search.gif) 0px -40px repeat-x; }

#ads-middle { float: left; margin: 15px 0; background: url(/Content/Graphics/ad-vertical.gif) no-repeat top left; padding-left: 20px; width: 725px; }
#ads-middle .ad { float: left; margin-right: 10px; }
.ads-middle-in-categories { margin-bottom: 10px !important; border-bottom:1px solid #D4D4D4; padding-bottom:25px; }
.box-heaven .ad { float: left; margin: 0 14px 20px 14px; }
.box-heaven #big-category-filtering { float: left; font-size: 1.6em; border: 2px solid #2d562d; background: #f5f5f5; color: #939393; font-weight: bold; width: 392px; padding: 7px 6px 6px; height: 36px; margin-right: 3px; margin-bottom: 10px }

/* CATEGORIES */
#categories-container { float: left; width: 787px; }
#categories-container h3 { float: left; width: 777px; margin: 0; background: url(/Content/Graphics/category-bg.gif) repeat-x top left; height: 20px; padding: 5px 0 0 10px; }
#categories-container #categories { float: left; width: 745px; padding: 20px 20px 15px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;}
#categories-clear { float: left; width: 787px; background: url(/Content/Graphics/category-bg-bottom.gif) repeat-x top left; height: 6px; }


#categories .category { float: left; width: 230px; border-left: 1px solid #e9e9e9; padding: 10px; height: 90px; }
#categories .row { float: left; width: 745px; }
#categories .first-row { padding-top: 0px; border-bottom: 1px solid #abaaaa; }
#categories .first-item { border-left: none; width: 230px; padding-left: 0px;}
#categories .category h4 { margin: 0; }
#categories .category p { margin: 0; }
#categories .category .image { float: left; margin: 0 10px 5px 0; }

/* ITEMS */
#items-container { float: left; width: 787px; }
#items-container #links { float: left; width: 777px; margin: 0; background: url(/Content/Graphics/category-bg.gif) repeat-x top left; height: 20px; padding: 5px 0 0 10px; }
#items-container #linksWithGmap { float: left; margin: 0; background: url(/Content/Graphics/category-bg.gif) repeat-x top left; height: 20px; padding: 5px 0 0 10px; }
#items-container #GmapMaximize { float: left; margin: 0; width:280px; background: url(/Content/Graphics/GMapMaximize.png) ; height: 20px; padding: 5px 0 0 0px; }
#items-container #GmapMinimize { float: left; margin: 0; width:141px; background: url(/Content/Graphics/GMapMinimize.png) ; height: 20px; padding: 5px 0 0 0px; }


#items-container #GmapInactive { float: left; margin: 0; width:141px; background-color:Gray; color:rgb(210,210,210); height: 20px; padding: 5px 0 0 0px; }
#items-container #GmapInactive b { font-size: 1.3em; font-weight: bold; color: rgb(210,210,210); text-decoration: none;  }
#items-container #GmapInactive b.active { text-decoration: underline; }


#items-container #shadow_map { float: left; margin: 0; width:785px; background: url(/Content/Graphics/GMapShadowBottom.png)  repeat-x top left; height: 9px;border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; padding: 0px 0 0 0px; }
#items-container #map_canvas { float: left; margin: 0; width:785px; height: 270px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; }
#items-container #links a { font-size: 1.3em; font-weight: bold; color: #3d3e3d; text-decoration: none;  }
#items-container #links a.active { text-decoration: underline; }
#items-container #linksWithGmap a { font-size: 1.3em; font-weight: bold; color: #3d3e3d; text-decoration: none;  }
#items-container #linksWithGmap a.active { text-decoration: underline; }
#items-container #GmapMinimize b { font-size: 1.3em; font-weight: bold; color: #3d3e3d; text-decoration: none;  }
#items-container #GmapMinimize b.active { text-decoration: underline; }
#items-container #GmapMinimize b { font-size: 1.3em; font-weight: bold; color: #3d3e3d; text-decoration: none;  }
#items-container #GmapMinimize b.active { text-decoration: underline; }



#items-container #GmapMaximize b { font-size: 1.3em; font-weight: bold; color: #3d3e3d; text-decoration: none;  }
#items-container #GmapMaximize b.active { text-decoration: underline; }
#items-container #items { float: left; width: 745px; padding: 20px 20px 15px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
#items-container #items .item { float: left; width: 745px; border-bottom: 1px solid #d4d4d4; padding-bottom: 10px; margin-bottom: 10px; }
#items-container #items .item .info { float: left; width: 500px; border-right: 1px solid #d4d4d4; }
#items-container #items .item .info img { float: left; }
#items-container #items .item .info .text { float: right; width: 285px; padding: 0 10px;}
#items-container #items .item .info .text .price, #item-info p.price { font-size: 1.5em; font-weight: bold;}
#items-container #items .item .info .text h4 { margin: 0; }
#items-container #items .item .info .text h4 a { color: #000000; text-decoration: underline; }
#items-container #items .item .details { float: right; width: 215px; padding-left: 10px; padding-top: 20px; }
#items-container #items .item .details table { font-size: 1.4em;}
#items-container #items .item .details table td { font-weight: bold; padding-bottom: 10px; }
#items-container #items .item .details table td.title { font-weight: normal; padding-right: 5px; text-align: right; }

#items-container #items #pagination { float: left; width: 745px; text-align: center; font-size: 1.2em; }
#items-container #items #pagination a { color: #000000; text-decoration: none; }
#items-container #items #pagination a.active { font-weight: bold; }

#item-info { float: left; width: 490px; padding-right: 10px; }
#gallery-box { float: left; width: 745px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #B6B7B6; }
.gallery { float: left; width: 80px !important; margin: 0 0 0 10px; padding: 0; }
.gallery img { -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; }
.gallery img:hover { -moz-opacity:.1; filter:alpha(opacity=100); opacity:1; }

#advertiser-info { float: left; }
.advertiser a { text-decoration: underline; }

#share { float: right; width: 224px; padding-left: 20px; border-left: 1px solid #B6B7B6; }
#share h4 { margin: 0px 0px 10px; font-size: 1.2em; font-weight: bold; color: #000000; }
#share .addthis_toolbox { border-bottom: 1px solid #c2c2c2; padding-bottom: 15px; margin-bottom: 15px; }

#share #share-mail .message, #share #share-mail .email, #share_mail_name { width: 212px; margin-bottom: 5px; }
.send { background: url(/Content/Graphics/send.gif) repeat-x top left; color: #ffffff; border: 0; height: 25px; font-weight: bold; cursor:pointer; padding: 5px; }
.destroy { background: url(/Content/Graphics/destroy.gif) repeat-x top left; color: #ffffff; border: 0; height: 25px; font-weight: bold; cursor:pointer; padding: 5px; }

#ad-services { float: left; width: 745px; border-top: 1px solid #c6c6c6; padding-top: 15px; margin-top: 15px; font-size: 1.4em; }
#ad-services a { color: #000000; text-decoration: underline; }
#ad-services .phone, #ad-services #mail, #ad-services #edit, #ad-services #report, #ad-services .print { background-position: top left; padding-left: 30px; display: block; float: left; background-repeat: no-repeat; margin-right: 20px; height: 30px; }
#ad-services .phone { background-image: url(/Content/Graphics/phone.gif); }
#ad-services #mail { background-image: url(/Content/Graphics/mail.gif); }
#ad-services #edit { background-image: url(/Content/Graphics/edit.gif); }
#ad-services #report { background-image: url(/Content/Graphics/report.gif); }
#ad-services .print { background-image: url(/Content/Graphics/print.gif); }

#items .Companyprint { background-image: url(/Content/Graphics/print.gif);text-decoration:underline; background-position: top left; padding-left: 30px; display: block; float: left; background-repeat: no-repeat; margin-right: 20px; height: 30px; }

#ad-services .mail-column-1 { float: left; width: 300px; }
#ad-services .mail-column-1 input { width: 268px; margin-top: 10px; }
#ad-services .mail-column-2 { float: right; width: 445px; text-align: right; }
#ad-services .mail-column-2 #message, #ad-services .mail-column-2 #report_ad_message { width: 435px; margin-top: 10px; }

.toggle-item-service1, .toggle-item-service2, .toggle-item-service3 { margin-top: 10px; float: left; width: 745px;  }
#table-form-edit { width: 530px; padding-left: 200px; }
#table-form-edit .input{ width: 250px; }
#table-form-edit .input input { width: 230px; }
#table-form-edit .send-button { width: 100px; }

#AdNotFound { float: left; width: 777px; margin: 0; background: url(/Content/Graphics/AdNotFound.png) repeat-x top left; height: 109px; padding: 0 0 0 10px; }
#ContactImage { border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; float: left; width: 777px; margin: 0; background: url(/Content/Graphics/ContactUs.png) repeat-x top left; height: 108px; padding: 0 0 0 8px; }
#AdBoldMessage {font-family:Arial;font-size:16px;font-weight:bold;padding-left:10px;}
#AdNormalMessage {font-family:Arial;font-size:13px;padding-left:10px;}
.galleria_container { float: left;  }
.galleria_wrapper { min-height: 300px; }

/* CREATE AD */
#form-create-ad .types { margin-bottom: 25px; }
#form-create-ad .types label { font-size: 1.2em; margin-right: 20px; }
#form-create-ad label { float: none; }
#form-create-ad h3 { font-size: 1.3em; font-weight: normal; border-bottom: 1px solid #adadad; width: 319px;  }
.table-create-ad { font-size: 1.3em; width: 745px; }
.table-create-ad .information { padding-bottom: 15px; width: 415px; padding-left: 20px;}
.table-create-ad .half-column { width: 165px; padding-bottom: 10px; }
.table-create-ad .half-column input  { float: left; width: 137px; }
.table-create-ad .full-column { width: 330px; padding-bottom: 10px; }
.table-create-ad .full-column input, .table-create-ad .full-column textarea { width: 300px; }
#fileInputUploader { margin-bottom: 20px; }
#fileInputQueue { margin: 0 0 20px; }

/* THUMBNAILS */
ul#product-images { float: left; width: 745px; margin: 20px 0 0; padding:0; list-style:none;}
ul#product-images li{ margin:0; padding:0; list-style:none; }
ul#product-images li { float: left; margin: 0 15px 15px 0; padding: 3px; width: 100px;}
ul#product-images a.image { display: block; float: left; width: 100px; height: 100px; line-height: 100px; overflow: hidden; position: relative; z-index: 1;}
ul#product-images a:hover.image { background: none; }
ul#product-images a:hover.image img { -moz-opacity:.1; filter:alpha(opacity=100); opacity:1; }
ul#product-images a.image img { float: left; position: absolute; top: -10px; left: -20px;	filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; width: 200px; }
ul#product-images .delete { float: right; text-decoration:underline; color: #000000; }


/* ERRROR */
input.error, textarea.error { border: 2px solid red; }
label.error, span.error { font-size: 11px; font-weight: bold; color: red; }

/* SUCCESS */
#success {  width: 725px;  }
#success h3 { width: 100%; }
#success .box { position: relative;  width:693px; font-size: 1.2em; border-bottom: 1px solid #AAAAAA;}
#success .box #facebook-icon { text-align:center; margin-top: 5px; }
#success .box #share-in-other-ways { position: absolute; right: 40px; bottom: 15px; }
#success .box .addthis_button_compact span { float: left} /* Hack on AddThis box to allow us to shove link text into it and having the Addthis "+" (which is a span, not an image) float left */
 


/* BOX */
.box-container { float: left; width: 787px; }
.box-container h3 { float: left; width: 777px; margin: 0; background: url(/Content/Graphics/category-bg.gif) repeat-x top left; height: 20px; padding: 5px 0 0 10px; }
.box-container .box { float: left; width: 745px; padding: 20px 20px 15px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;}
.box-clear { float: left; width: 787px; background: url(/Content/Graphics/category-bg-bottom.gif) repeat-x top left; height: 6px; }


/* TMP */
.replaced { /*width: 490px;*/ }

/* LOST PASSWORD */
#forgot-password{ font-size: 1.1em; text-align: center; }
a.forgot-password { text-decoration: underline; }

/*ExtInfoWindow8*/
  #simple_example_window{
  width: 385px;
}
#simple_example_window_contents{
  background-color: #FFF;
  border: 1px solid #aaaaaa;
  height:70px;
}
#simple_example_window_beak{
  width: 75px;
  height: 62px;
  background: url('/Content/Graphics/bubble_beak.png');
  z-index:0;
}

#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
#simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{
  height: 0px;
  width: 0px;
}


/* companies */
#companies-container { float: left; width: 787px; }
#companies-container #linksCompany { float: left; width: 777px; margin: 0; background: url(/Content/Graphics/category-bg.gif) repeat-x top left; height: 20px; padding: 5px 0 0 10px; }
#companies-container #linksWithGmapCompany { float: left; margin: 0; background: url(/Content/Graphics/category-bg.gif) repeat-x top left; height: 25px; padding: 0px 0 0 10px; }
#companies-container #GmapMaximizeCompany { float: left; margin: 0; width:280px; background: url(/Content/Graphics/GMapMaximize.png) ; height: 20px; padding: 5px 0 0 0px; }
#companies-container #GmapMinimizeCompany { float: left; margin: 0; width:141px; background: url(/Content/Graphics/GMapMinimize.png) ; height: 20px; padding: 5px 0 0 0px; }
#companies-container #shadow_mapCompany { float: left; margin: 0; width:785px; background: url(/Content/Graphics/GMapShadowBottom.png)  repeat-x top left; height: 9px;border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; padding: 0px 0 0 0px; }
#companies-container #map_canvasCompany { float: left; margin: 0; width:785px; height: 270px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; }
#companies-container #linksCompany a { font-size: 1.3em; font-weight: bold; color: #3d3e3d; text-decoration: none;  }
#companies-container #linksCompany a.active { text-decoration: underline; }
#companies-container #linksWithGmapCompany a { font-size: 1.3em; font-weight: bold; color: #3d3e3d; text-decoration: none;  }
#companies-container #linksWithGmapCompany a.active { text-decoration: underline; }
#companies-container #GmapMinimizeCompany b { font-size: 1.3em; font-weight: bold; color: #3d3e3d; text-decoration: none;  }
#companies-container #GmapMinimizeCompany b.active { text-decoration: underline; }
#companies-container #GmapMaximizeCompany b { font-size: 1.3em; font-weight: bold; color: #3d3e3d; text-decoration: none;  }
#companies-container #GmapMaximizeCompany b.active { text-decoration: underline; }
#companies-container #companies { float: left; width: 745px; padding: 10px 20px 15px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; }
#companies-container #companies .company { float: left; width: 745px; border-bottom: 1px solid #d4d4d4; padding-bottom: 10px; margin-bottom: 10px; }
#companies-container #companies .company .infoCompany { float: left; width: 500px; border-right: 1px solid #d4d4d4; }
#companies-container #companies .company .infoCompany img { float: left; }
#companies-container #companies .company .infoCompany .textCompany { float: right; width: 285px; padding: 0 10px;}
#companies-container #companies .company .infoCompany .textCompany .price, #item-info p.price { font-size: 1.5em; font-weight: bold;}
#companies-container #companies .company .infoCompany .textCompany h4 { margin: 0; }
#companies-container #companies .company .infoCompany .textCompany h4 a { color: #000000; text-decoration: underline; }
#companies-container #companies .company .details { float: right; width: 215px; padding-left: 10px; }
#companies-container #companies .company .details table { font-size: 1.4em;}
#companies-container #companies .company .details table td {  }
#companies-container #companies .company .details table td.title { font-weight: normal; padding-right: 5px; text-align: right; }

#companies-container #companies #paginationCompany { float: left; width: 745px; text-align: center; font-size: 1.2em; }
#companies-container #companies #paginationCompany a { color: #000000; text-decoration: none; }
#companies-container #companies #paginationCompany a.active { font-weight: bold; }

#ads-middleCompany { float: left; margin: 15px 0; background: url(/Content/Graphics/ad-vertical.gif) no-repeat top left; padding-left: 20px; width: 725px; }
#ads-middleCompany .ad { float: left; margin-right: 10px; }
.ads-middle-in-categoriesCompany { margin-bottom: 10px !important; border-bottom:1px solid #D4D4D4; padding-bottom:25px; }

/* COMPANY ADVERTISES */
.InfoText{  width:250px; height:12px;}
#Advertise-container { float: left; width: 777px; }
#Advertise-container h3 { float: left; width: 777px; margin: 0; background: url(/Content/Graphics/category-bg.gif) repeat-x top left; height: 20px; padding: 5px 0 0 10px; }
/*#Advertise-container #imagediv { float: left; padding:0; width: 780px; margin: 0; background: url(/Content/Graphics/AdvertiseImg.jpg) repeat-x top left; height: 90px; padding: 5px 0 0 10px; border:0; }*/
#Advertise-container #Advertises { float: left; width: 746px; padding:0 20px 20px 19px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;}
#Advertise-clear { float: left; width: 787px; background: url(/Content/Graphics/category-bg-bottom.gif) repeat-x top left; height: 6px; }
#imagediv { border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; float: left; width: 777px; margin: 0; background: url(/Content/Graphics/ContactUs.png) repeat-x top left; height: 100px; padding: 0 0 0 8px;}