@import "style_structure.css";
@import "style_type.css";
@import "style_navigation.css";
@import "style_gallery.css";


body
{background: #E1E1E1 url(/media/images/bg_tile.png) 0 0 repeat; margin:0;}

a {	outline: 0px none;}
a img, a:link img, a:visited img, a:hover img, a:active img {
	border: none;
}

#mast_header a {
	border: none;
}


#main img.image_autoHeight {height: auto; width: auto; border: 0;}

#main img {padding: 0 0 15px 0; width: 400px; height: auto;}

#main img.pageHeader {width: 150px; height: 30px;}

#main .nav_panel img {width: 400px; height: 90px; border:0;}

#page_title img {height: 35px; width: 200px;}

#main li.property_list_item img	{float: left; border: none; width: 100px; height: 100px; padding: 0;}
li.property_list_item a img, li.property_list_item a:link img, li.property_list_item a:visited img {border: 0;}

ul#list_item_thumbs li img.thumb_selected { }

#main li.news_list_item img	{float: right; border: none; width: 100px; height: 100px; padding: 0;}
li.news_list_item a img, li.news_list_item a:link img, li.news_list_item a:visited img {border: 0;}

ul#news_list_item_thumbs li img.thumb_selected {border: 3px solid #FFFFFF; }

#homepage_top_panel img {width: 885px; height: 275px; padding: 0;}
#homepage_top_panel {background: transparent;}
#main img.homepage_news {width: 350px; height: 40px; }

#img1 img {padding: 0; margin:0; height: 300px; width: 450px; }
#img2 img {padding: 0; margin:0; height: 300px; width: 450px; }
#img3 img {padding: 0; margin:0; height: 300px; width: 450px; }

#main .back_to, #main .back_to a {height: 13px; width: 13px;  border: 0; padding: 0; margin: 0;}

#list_filter {clear: both; font-weight: bold; text-transform: none; color: #666666;}
#list_filter form {margin-bottom: 4px; padding-top: 8px; }
#list_filter lable {display: inline;}
#page_context {display: inline; padding: 3px 10px 3px 0; }
#page_count {display: inline; padding: 0px 10px 0px 8px; border-left: 1px dotted #FFFFFF;}
#list_filter lable {margin-left:0;}

lable {display: block;  margin: 4px 0 4px 3px; font-size: 14px; text-transform: none; }
#category1 {display: block; margin-top: 4px;}
#category2 {display: block; margin-top: 4px;}
input {display: block;}
.submit_btn {
	display: block;
	margin-top: 20px;
	}
	
#log_in_container {
display: block;
}

#log_in {
0;
}



th { 
border-top: solid 2px #cccccc; 
text-align: left;
}


td {
border-top: solid 1px #cccccc;
text-align:inherit;
vertical-align:top;
}

tr {

}

.right-align {
text-align: right;
}

.row_border {border-top: 1px solid #cccccc;}


#floorplan_wrap	{
	background: #333333;
	padding: 4px 20px 50px 20px;
	width:800px;
}

#floorplan_wrap h1 	{
	border: none;
	margin-bottom: none;
	
}

/* TABBER */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top: 4px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding:0;
 font-size: 16px;
 font-weight: bold;
 font-family: DINNextLTProRegular, Verdana, Helvetical, Arial, sans-serif;
 text-transform: uppercase;

}

ul.tabbernav li
{
 list-style: none; 
 padding:0;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 6px 6px 10px 6px;
 margin-right: 3px;
 background: #444444;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #000000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #CCCCCC;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #ffffff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #ffffff;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#main .logoContact {width: 180px;}

.addressList {width:180px; margin: 4px 4px 20px 0;  float: left;}


.addressList2 {width:180px; margin: 4px 0 20px 0; padding-left: 10px;  float: left; border-left: 1px #333333 solid;}


/* Colourbox image viewer*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/media/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/media/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/media/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/media/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/media/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/media/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/media/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/media/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/media/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px; background: #333333; padding-bottom: 20px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/media/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/media/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/media/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/media/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/media/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

.floorplan_levels a,
.floorplan_levels a:link,
.floorplan_levels a:visited {
 outline:none;
 color: #777777;	
}
.floorplan_levels a:hover,
.floorplan_levels a:active {
 outline:none;
 color: #ffffff;	
}

.floorplan_levels a.selected {
color: #ffcc00;
 }
 
#floorplan_1 h1, 
#floorplan_1 h1 a,
#floorplan_2 h1, 
#floorplan_2 h1 a {
	text-transform: uppercase;
	border: 0;
 }
 

#floorplan_1 h1 a,
#floorplan_1 h1 a:link,
#floorplan_1 h1 a:visited	{
	border: 0;
 	color:#777777;
 }
 

#floorplan_1 h1 a:hover,
#floorplan_1 h1 a:active	{
	border: 0;
 	color:#ffcc00;
 }
 
 #floorplan_2 h1 a,
#floorplan_2 h1 a:link,
#floorplan_2 h1 a:visited {
	border: 0;
	color:#777777;
 }
 
 #floorplan_2 h1 a:hover,
#floorplan_2 h1 a:active	{
	border: 0;
 	color:#ffcc00;
 }