/*
    Document   : ui.listing
    Created on : Mar 30, 2012, 11:55:27 AM
    Author     : godar
    Description:
        Purpose of the stylesheet follows.
*/


#nav { margin: 10px 0 0 20px; }
#aside{width:155px;}
#content{margin-bottom:40px;width:500px;padding:0 38px 0 45px;}
.bgWrap{border:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-color:transparent;margin:0;padding:0;}
#headerBot{margin-top:5px;height:42px;vertical-align:bottom;}
#headerBot .welcomeBox{float:left;width:200px;background-image:none;text-indent:0;height:42px;background-color:#FFF;border:none;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius-:5px;border-top-left-radius:5px;display:inline-block;overflow:hidden;margin:0;padding:0 0 0 10px;}
h3{color:#069;background:transparent;font-size:1.6em;margin:0 0 15px;padding:0;}
#wrapper{background:#FFF url(images/listingRightBg.png) right 0 repeat-y;vertical-align:bottom;width:983px;display:inline-block;border:none;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius-:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;margin:0;padding:0;}
#contentHeader{padding:0;}
.welcomeBoxEnd{display:inline-block;vertical-align:top;background-image:url(images/listingTopTab.png);background-position:0 0;background-repeat:no-repeat;width:60px;height:42px;float:left;margin:0;}
#headerBot .welcomeBox .large{font-size:.8em;font-weight:700;display:block;line-height:1;margin:5px 0 0;padding:0;}
#headerBot .welcomeBox .small{font-size:.7em;display:block;line-height:1;color:#222;margin:4px 0 0;padding:0;}
#headerBot .advert{float:left;width:700px;height: 42px;position: relative;}


#contentHeader h1 {
  text-align:center;
  font-size: 2em;
  color:white;
  margin-bottom:0px;
}

#headerCrumbs {
  height: 10px;
}

.Listing_ViewMenu {overflow:hidden;margin:0px;padding: 0;bottom: 0;position: absolute;}
.Listing_ViewMenu li {list-style:none;display:inline-block;margin:0px;padding: 2px 5px;
  border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #006699; border-bottom: none;
  background-color: #DFE8E9; }

.Listing_ViewMenu li.selected {background-color: #FFF;}
.Listing_ViewMenu li.selected a {font-weight:bold;}
.Listing_ViewMenu li a {color:#006699; font-size: 14px; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  display:inline-block;margin:0 2px;}

/*
.Listing_ViewMenu li:before {content:"";}
.Listing_ViewMenu li:first-child:before {content:"";}
*/


.Listing_View{position:relative;}
.Listing_View h2{font-size:1.8em;line-height:1em;color:#069;margin:10px 0;}
.Listing_View h3{font-size:1.4em;color:#069;line-height:1em;background-color:transparent;margin:0 0 5px;padding:0;}
.Listing_View .listContent .image{text-align:center;margin:10px auto;}
.Listing_View .listContent table{border:1px solid #CCC;border-width:1px 1px 0 0;}
.Listing_View .listContent table td{border:1px solid #CCC;border-width:0 0 1px 1px;padding:1px 2px;}
.Listing_View ul{margin:10px 0 10px 10px;}
.Listing_Nav li{list-style:none;background-image:url(images/listingButtonBg.png);background-color:#D22;border:1px solid #933;margin:0 0 4px;}
.Listing_Nav a {display:block;height:30px;color:#FFF;line-height:30px;font-weight:700;font-size:1em;text-transform:uppercase;text-shadow:1px 1px 0 #333;padding:0 5px;}
.Listing_Nav a.link_6 { background: transparent url(../images/facebook-icon.png) 170px 3px no-repeat; }

.Listing_Nav .companyLogo a{display:inline;margin:0;padding:0;}
.Listing_Nav .companyLogo{display:inline-block;text-align:center;width:200px;overflow:hidden;margin:-30px auto 20px auto;}
.Listing_Nav .listingImage{margin:10px auto;padding:0;}
.Listing_Nav .more{text-align:right;width:200px;overflow:hidden;margin:0;padding:0;}
.Listing_Nav .listingImage a,.Listing_Nav .listingVideo a{display:inline;color:#069;text-shadow:none;line-height:1;height:auto;margin:0 0 5px;padding:0;}
.Listing_Nav .listingVideo{height:160px;margin:10px auto;padding:0;}



.SpecialNav{overflow:hidden;}
.SpecialNav .image{float:right;}
.SpecialNav .image img {width: 32px;height: 32px;}
.SpecialNav h3{margin:20px 0 10px;}
.SpecialNav .rssRow{display:inline-block;margin: 0px 0 10px 0px;}
.SpecialNav .title{line-height:1em;margin:0;padding:0;}
.SpecialNav .title a{color:#D2662A;font-weight:700;font-size:.9em;line-height:1em;}
.SpecialNav .date{font-size:.8em;font-style:italic;margin:2px 0 4px;}
.SpecialNav p{font-size:.8em;}
.SpecialNav .moreBtn{float:right;font-size:1em;padding:2px 5px;}
.Company_View{margin-bottom:20px;}
.Company_View h3{color:#069;background:transparent;font-size:1.6em;margin:0 0 0 10px;padding:0;}
.Company_View .content{margin-bottom:10px;padding:10px;}
.Company_View .GMapCanvas{margin-bottom:5px;}
.Company_View .details{display:inline-block;width:100%;padding:10px 10px 0 30px;}
.Company_View .details .pan{padding-bottom:10px;}
.Company_View .content .image{text-align:center;}
.Company_View .content .image .restrict{width:500px;}
.Location_View .GMapCanvas{margin:10px 0;}
.Location_View .mapDescription{margin:10px 0;padding:10px;}
.Comment_View .comment{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:0 to(#FFFFFF));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#EAF4E3',EndColorStr='#FFFFFF',GradientType=0);margin:0 30px 10px;padding:10px;}
.Comment_View h4{color:#069;font-size:1.4em;margin:10px 0 5px;}
.Comment_View .rating{float:right;text-align:center;}
.Comment_View .created{font-style:italic;font-size:.8em;margin:0 0 5px;}
.Social_View a{display:block;float:left;text-decoration:none;width:64px;height:64px;overflow:hidden;background-repeat:no-repeat;opacity:0.6;filter:alpha(opacity=60);margin:0;padding:1px;}
.Social_View a:hover{opacity:1;filter:alpha(opacity=100);}
#headerCrumbs li,#headerCrumbs li a{color:#FFF;}

.Listing_Nav ul,.Listing_Nav .companyLogo img,.Listing_Nav .listingImage img{width:200px;}
.Listing_Nav ul {margin: 0 auto;padding: 0;}
.Listing_Nav {margin: 0px 0px 0px 0px;}

.vgallery {
  text-align: center;
  width: 520px;
  padding: 10px 0px;
  margin: 20px 0px;
  border:2px solid #CCC;
  background: #DFE9EA;
}
.vgallery .nav {
  clear:both;
  font-size:80% !important;
  letter-spacing:3px;
  padding-top:15px;
   text-align:center;
  text-transform:uppercase;
}
.vgallery .wrap {
  height: 300px;
  display: inline-block;
}
#vtitle {
  display: block;
  clear: both;
  font-style: italic;
  padding-bottom: 10px;
  border-bottom: 3px double #CCC;
}

.vgallery .thumbs {
  display: block;
  margin: 20px 0px 10px 0px;
  padding: 0px 10px;
  max-width: 500px;
}
.vgallery .thumbs div {
  padding: 4px 2px 0px 2px;
  margin: 10px 0px;
  float: left;
}
.vgallery .thumbs div span {
  font-style: italic;
}
.vgallery .thumbs div.selected {
  background-color: #3D8456;
}
.vgallery .thumbs div.selected span {
  color: #FFF;
}
.vgallery .thumbs div a {
  display: block;
}
.vgallery .thumbs img {
  height: 47px;
}
.vgallery .thumbs div span {
  display: block;
}


