﻿/** Home Style Definitions 
  * SIP WEBSHOP.08 : Styleguide */


/** Content Containers */
	
	/* Ad */
	div.home_ad { width: 490px; background: #fff; }
	
		div.home_ad_header 
		{
			width: 488px; height: 20px;
			font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase;
		}
		
		div.home_ad_content 
		{
			width: 488px; height: 206px;
			border: 1px solid #888;
		}
	
	/* Coming Soon */
	div.home_comingsoon { width: 490px; height: 148px; background: #fff; }

		div.home_comingsoon_header 
		{
			width: 488px; height: 20px;
			margin: 6px 0px 0px 0px;
			font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase;
		}
		
		div.home_comingsoon_left
		{
			width: 243px; height: 126px; float: left;
			border: 1px solid #e6e6e6;
		}

		div.home_comingsoon_right
		{
			width: 244px; height: 126px; float: right;
			border: 1px solid #e6e6e6; border-left: none;
		}

	/* Product News */
	div.home_news 
	{
		width: 490px; height: 190px;
		margin: 0px 0px 5px 0px;
		background: #fff; 
	}

		div.home_news_header
		{
			width: 490px; height: 25px;
			margin: 6px 0px 4px 0px;
			background: url('Default_Images/shared/bgr_newsBox_header.gif') top left;
		}

		div.home_news_header_title
		{
			width: 406px; height: 15px; float: left;
			margin: 2px 0px 2px 0px; padding: 2px 12px 5px 12px;
			font-size: 10px; color: #000; text-transform: uppercase;
		}

		div.home_news_header_title img { vertical-align: middle; margin-right: 2px; }

		div.home_news_header_pager
		{
			width: 52px; height: 20px; float: right;
			margin: 2px 0px 2px 0px; padding: 0px 6px 0px 0px;
			text-align: right;
		}
		
		div.home_news_header_pager input { margin: 2px; }

	/* CommunityServer */
	div.home_cs_loading 
	{
		width: 115px; height: 50px;
		padding: 20px 0px 0px 0px;
		text-align: right;
	}
	
	ul.home_cs { margin: 0px 0px 0px 5px; padding: 0px; list-style-image: url('Default_Images/shared/listItem_dot.gif');  }
	ul.home_cs li { margin: 0px; padding: 2px 0px 6px 0px; vertical-align: top; border-bottom: 1px dashed #aaa; }
	ul.home_cs li:hover { background: #f0f0f0;}
	
	div.home_cs_more { width: 170px; margin: 0px 0px 5px 20px; text-align: right; }
	
	
	/* Logo Link */
	a.home_logoLink { width: 190px; height: 46px; float: left; margin: 2px 0px 0px 10px; }
