/* ARTICLE DETAIL > STRUCTURE > COLUMNS
////////////////////////////////////////////////*/

blockquote.articleLeftContentExtended,
blockquote.articleRightContent
{margin: 0; margin-right: 10px; padding: 0; float: left; background: none; border: 0;}

blockquote.articleRightContent a span.button 
{ width:195px; font-size:20px; line-height:30px; background-color:#02549e;; color:#FFFFFF; border:2px solid #000000; font-weight:bold;float:left;}

blockquote.articleRightContent a:hover span.button
{ background-color:#6DD9FA;}

blockquote.articleLeftContentExtended
{width: 72%; float:left; margin:0; border-right: none; border-left: none;}

blockquote.articleRightContent
{width: 210px; padding-right:10px; padding-left:10px; margin:0;}
	
/* ARTICLE DETAIL PAGE > MIDDLE CONTENT > ARTICLE DETAIL
/////////////////////////////////////////////////////*/

div.articleDetail
{ width: 96%; text-align: left; margin: 0 auto 10px auto; font: normal 11px/16px Arial, Helvetica, sans-serif; color: #000; border-bottom:5px solid #EEEEEE; padding-bottom: 10px; }
	
    blockquote.middleContentExtended div.articleDetail p
    {color:#000;}
    
	
	div.articleDetail h1.articleDetailTitle
	{font: normal 18px/30px Arial, Helvetica, sans-serif; color:#3189D0}
	
	div.articleDetail p.articleInfo
	{line-height:20px; color:#666; border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:10px 0 10px 0;}
	
		div.articleDetail p.articleInfo span
		{display:block; font-weight:bold; color:#2E4C6B;}
	
	div.articleDetail p.articleContentTitle
	{font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#333; margin-bottom: 0;}
	
	div.articleDetail address
	{font-style:normal;}
		
		div.articleDetail address span
		{display:block;}
	
	div.articleDetail p strong,
	div.articleDetail address strong
	{color: #B1490D;}		

	/* CONTENT COLUMN */
    div.articleDetail div.articleDetailContent
    {width:100%; float:left; }
    
    div.articleDetail div.articleDetailContent div.articleData
    { width:55%; float:left; padding-right:10px;}
    
    div.articleDetail div.articleDetailContent div.iconContent
    {width:250px; float:right;}
	
	div.articleDetail div.articleDetailIMAGE
	{float:left;}
    
                /* TOP > MAIN IMAGE  > NAVBAR FOR CHANGE CURRENT IMAGE */
                div.articleDetail div.articleDetailIMAGE ul.menu
                { width:80px; list-style:none; float:right; }
                
                    div.articleDetail div.articleDetailIMAGE ul.menu li
                    { float:left; }
                
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imagePrev a:link,
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imagePrev a:active,
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imagePrev a:visited,
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imagePrev a:hover
                        { display:block; width:7px; height:12px; background:url(../images/design/bt_galleryImage_prev.gif) no-repeat 0 0; }
                        
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imageNext a:link,
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imageNext a:active,
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imageNext a:visited,
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imageNext a:hover
                        { display:block; width:7px; height:12px; background:url(../images/design/bt_galleryImage_next.gif) no-repeat 0 0; }
                        
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imageLocation span
                        { padding: 0; margin: 0; float: left; padding-right: 5px; padding-left: 5px; }
                        
                        div.articleDetail div.articleDetailIMAGE ul.menu li#imageLocation
                        { width:45px; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#03305D; }
    
		
	div.articleDetail a:link,
	div.articleDetail a:active,
	div.articleDetail a:visited,
	div.articleDetail a:hover
	{color: #B1490D;}
	
	div.articleDetail a:hover
	{color: #000; text-decoration:underline;}

	/* ARTICLE IMAGE */
	div.articleDetail div.imgArticleDetail
	{ float:left;  text-align: center; padding:10px 0 0 0; margin:0; width:300px; height:232px; background: url(../images/design/bg_galleryImage.gif) no-repeat 0 0;}
	
		div.articleDetail div.imgArticleDetail img
		{ margin: 0; padding: 5px; border: 0;}
	
	div.articleDetail div.articleDetailIMAGE span
	{font-size:10px; display:block; color:#2D405B; text-align:right;}
	
	div.articleDetail div.articleDetailIMAGE p
	{font-size:10px; color:#333;}
	
	/* ICON NAVBAR */
	div.articleDetail ul.iconNavbar
	{height:auto; border:1px solid #EEE; border-right:5px solid #EEE; border-bottom:5px solid #EEE; padding:5px; margin:20px 0 0 0;}
	
		div.articleDetail ul.iconNavbar li
		{float:none; display:block;}
		
		div.articleDetail ul.iconNavbar li a:link,
		div.articleDetail ul.iconNavbar li a:active,
		div.articleDetail ul.iconNavbar li a:visited,
		div.articleDetail ul.iconNavbar li a:hover
		{font:normal 10px/25px Arial, Helvetica, sans-serif; color:#38495C; border:none; border-bottom:1px solid #EEE; text-transform:capitalize; padding:0 0 0 25px;}
		
		div.articleDetail ul.iconNavbar li a:hover
		{color:#BF4D00;}
		
		div.articleDetail ul.iconNavbar li.sendToFriend a:link,
		div.articleDetail ul.iconNavbar li.sendToFriend a:active,
		div.articleDetail ul.iconNavbar li.sendToFriend a:visited,
		div.articleDetail ul.iconNavbar li.sendToFriend a:hover
		{background:url(../images/bt_send.gif) no-repeat 3px 50%;}
		
		div.articleDetail ul.iconNavbar li.addQuicklist a:link,
		div.articleDetail ul.iconNavbar li.addQuicklist a:active,
		div.articleDetail ul.iconNavbar li.addQuicklist a:visited,
		div.articleDetail ul.iconNavbar li.addQuicklist a:hover
		{background:url(../images/icon_favorites.gif) no-repeat 3px 50%;}
		
		div.articleDetail ul.iconNavbar li.print a:link,
		div.articleDetail ul.iconNavbar li.print a:active,
		div.articleDetail ul.iconNavbar li.print a:visited,
		div.articleDetail ul.iconNavbar li.print a:hover
		{background:url(../images/icon_print.gif) no-repeat 3px 50%; border:none;}

/* ARTICLE DETAIL > PHOTO GALERY
/////////////////////////////////////////////////////*/

div.articleDetailGallery
{ font:normal 11px/12px Arial, Helvetica, sans-serif; float:left; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #EEE; color: #666;}

    div.articleDetailGallery p.contentTitle
    { font-weight: bold; color:#214E7B; }

    div.articleDetailGallery a:link,
    div.articleDetailGallery a:visited,
    div.articleDetailGallery a:active,
    div.articleDetailGallery a:hover
    { font-weight: bold; text-decoration: underline; color: #cc0000;}

ul.detailGallery
{height: 150px; margin: 10px 0 0 0;}

	ul.detailGallery li
	{float: left; list-style: none; padding: 0; border: 0; background: url(../images/design/bg_galleryThumb.gif) no-repeat 0 0; width:100px; height:71px; padding:10px 0 0 0; text-align:center;}
	
		ul.detailGallery li img
		{ /*margin: 10px; padding: 0; border:0;*/ }
	
	ul.detailGallery p
	{padding: 5px 10px 0 10px; color: #BF4D00;}
    
	ul.detailGallery pre
	{font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;}
	
	a.articleLink:link,
	a.articleLink:active,
	a.articleLink:visited,
	a.articleLink:hover
	{display: block; text-align: right; padding: 0 10px 0 0;}

		a.articleLink:hover
		{color: #000; text-decoration: underline;}


	a.articleBack:link,
	a.articleBack:active,
	a.articleBack:visited,
	a.articleBack:hover
	{font: bold 14px Arial, Helvetica, sans-serif; color: #000; text-transform: capitalize; text-align: left; display: block; padding: 5px 5px 10px 0;}
	
		a.articleBack:hover
		{color: #C64F00; text-decoration: underline;}
		
.articleSearch .box,				
.articleCategories .box
{ width:200px; overflow:hidden;}

.articleSearch .box h2.header
{ padding-left:35px; color:#FFFFFF; font-size:20px;}

.articleCategories .box h2.header a
{ color:#FFFFFF; font-size:14px;}

.articleCategories .box h2.header a:hover
{ background-color:#0053ba;}

.articleSearch .box .content
{ height:46px;}

.articleSearch .box .content,
.articleCategories .box .content
{ border:1px solid #000000; background-color:#eeeeee; margin-bottom:10px;}

.articleSearch .box .content input
{ margin-top:10px; margin-left:10px; border:1px solid #000000; font-size:12px; padding:4px 2px; float:left;}

.articleSearch .box .content input[type="submit"]
{ margin-left:2px; width:46px; height:25px;} 

.articleCategories .box .content ul
{ list-style:none; margin-left:0; padding-left:0; line-height:20px; margin:10px 10px 10px 8px;}

.articleCategories .box .content ul li
{ background:url(http://www.offplanpropertyexchange.com/images/oppe/bluearrow.jpg) left center no-repeat; text-align:left;  font-size:16px; letter-spacing:-1px; font-weight:bold; padding-left:20px; line-height:18px;}

.articleCategories .box .content ul li a
{ color:#3189D0; font-size:14px;}

.articleCategories .box .content ul li a:hover
{ background-color:#3189D0; color:#FFFFFF}