@import "css/VillaLoggio.css";
/* 
================================
Skin styles for DotNetNuke
================================
*/   

/* background color for the content part of the pages */
.Body
{
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif, Tahoma;
	font-size:0.75em;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#Body
{

    background-image :url('../Villa Loggio/img/headerback190.jpg')! important;	
    background-repeat :repeat-x;
}
div.logo120
{
    cursor:pointer;
    background-image:url('../Villa Loggio/img/logo120.jpg')! important;	
    height:120px; 
    /*width:120px;*/ 
    background-repeat:no-repeat; 
    text-align:right;
	  /*margin-left:60px;*/
    z-index:10;
}
div.header1_Design4
{
    /*margin-top:-115px;*/
    /*margin-left:210px; */
    /*width:835px;*/
    /*width:400px;*/
    height:120px;
    /*z-index:1;*/
    /*padding-left:23px;*/
    overflow:hidden;
}
div.header1_Design4 td.NoContainer_Actions
{
  text-align:right;
}
td.Header_Design4
{
    height:190px;
    width:1024px;
}
td.Banners_Design4
{
    text-align:left;
    vertical-align:top;
    /*background-image:url(../img/bg_leavelight.jpg); */
    /*background-repeat:no-repeat; */
}

div.leavedark_hor
{
    background-image:url('../Villa Loggio/img/leavehor.gif');
    background-repeat:no-repeat; 
    width:611px; 
    z-index:-1;
    position:absolute;
    margin-left:-120px;
    top:-20px;

    overflow:hidden;
    height:210px;
    /*height:346px;*/ 
}
div.leavedark_hor
{
  -moz-margin-start:-15%;
}

div.Banners
{
  padding-top:0px! important;
}

div.Menu
{
    padding-top:20px;
}
.pagemaster {
	width: 100%;
	height: 100%;	
	background-image: url(design1_bg.jpg);
}
.skinmaster {
	height: 100%;
	background-color: #FFFFFF;
}

.skinheader {
}
.skingradient {
	BACKGROUND-IMAGE: url(gradient_DkBlue.jpg); HEIGHT:30px;
}
.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}

.StandardButton     {
    background: #7994CB none; 
    color: #FFFFFF;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeViewMenu
{
	width: 175px;
	background-color: #FFFFFF;
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	moz-border-radius-bottomleft: 15px;
	moz-border-radius-bottomright: 15px;
	moz-border-radius-topleft: 3px;
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header
{
	background-color: #FFFFFF;
}

.TreeMenu_Node
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #FF9922;
}


/*********************************************************************
CATALooK.netStore - http://www.catalook.de  http://www.dnnsoft.com                   
Copyright (c) 2003-2004 CATALooK Software Susanne Koehler                                                                                                      
support@catalook.de                                                                                                                                            
**********************************************************************/

/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif, Tahoma;
    font-size:  11px;
    font-weight: normal;
    color: black;
}


.Header
{
	background-image: url(headermenubg.jpg);
	height: 36px;
	background-repeat: repeat-x;
}

.Footer
{
	background-image: url(footermenubg.jpg);
	height: 42px;
	background-repeat: repeat-x;
	padding-bottom: 5px;
}

.banner_01
{
	background-image: url(banner_01.gif);
	width: 713px;
	height: 100px;
	background-repeat: no-repeat;
}

.banner_02
{
	background-image: url(banner_02.gif);
	width: auto;
	height: 100px;
	background-repeat: repeat-x;
}

.banner_03
{
	background-image: url(banner_03.gif);
	width: 67px;
	height: 100px;
	background-repeat: no-repeat;
}

TD.CATBreadCrumb
{
	background-color: #D4D9EC;
	background-image: none;
	height: 32px;
	background-repeat: no-repeat;
	border-left: #98AAB1 0px solid;
	border-top: #98AAB1 0px solid;
	border-right: #98AAB1 0px solid;
}

.MenuTab
{
	width: 100%;
	/*height: 28px;*/
}

.IntroPane
{
	width: 100%;
	height: 100%;
}

.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}


.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

td.Banners_Design4
{
  width:210px! important;
  padding-left:15px! important;
}

.LeftPane
{
/*	width: 200px; */
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}


.RightPane  
{ 
/*	width: 200px; */
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.BasePane
{
	width: 100%;
	background-color: transparent;
}

.Login
{
	color: #333333;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
	/*height: 30px;*/
}


/* style for the solpart menu */

.MenuContainer
{
	background-color: transparent;
	padding-left: 4px;
	height: 35px;
	border-bottom: #98AAB1 0px solid;
}

/* Changes of height will cause an ftp error! */
.MenuBar
{
	background-color: Transparent;
	cursor: pointer;
	cursor: hand;
	height: 16;
}

.MenuIcon
{
	cursor: pointer;
	cursor: hand;
	background-color: #eef3fb;
	border-left: #98AAB1 0px solid;
	border-top: #98AAB1 0px solid;
	border-right: #98AAB1 0px solid;
	border-bottom: #98AAB1 0px solid;
	text-align: center;
	width: 15;
	height: 22;
}

.MenuItem /* activate bg image for subitems here */
{
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: normal; 
	font-style: normal; 
	background-color: #eef3fb; /* fixed firefox problem, do not use transparent here */
}

.MenuArrow
{
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}

.MenuRootArrow
{
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}


.ItemsBreak
{
	border-bottom: #404040 0px solid;
	border-left: #FF8080 0px solid;
	border-top: #FF8080 0px solid;
	border-right: #404040 0px solid;
	background-color: transparent;
	color: #333333;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	height: 1px;	
}

.RootItem TD
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 35px;
	background-color: #eef3fb;
	background-image: none;
	background-repeat: no-repeat;
	border-left: #98AAB1 1px solid;
	border-top: #98AAB1 1px solid;
	border-right: #98AAB1 1px solid;
}

.RootItemActive TD
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 35px;
	background-color: #D4D9EC;
	background-image: none;
	background-repeat: no-repeat;
	border-left: #98AAB1 1px solid;
	border-top: #98AAB1 1px solid;
	border-right: #98AAB1 1px solid;
}

.RootItemSelected TD
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 35px;
	background-color: #D4D9EC;
	background-image: none;
	background-repeat: no-repeat;
	border-left: #98AAB1 1px solid;
	border-top: #98AAB1 1px solid;
	border-right: #98AAB1 1px solid;
}

.RootItemBreadCrumb TD
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 35px;
	background-color: #D4D9EC;
	background-image: none;
	background-repeat: no-repeat;
	border-left: #98AAB1 1px solid;
	border-top: #98AAB1 1px solid;
	border-right: #98AAB1 1px solid;
}

.SubItemActive
{
	border-top: 0px solid;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 24px;
	background-color: #D4D9EC;
	background-image: none;
	background-repeat: no-repeat;
}

.SubMenu /* outher left and right bg of unselected sub item, bg of sub tab */
{

	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 24px;
	background-color: #eef3fb;
	background-image: none;
	background-repeat: no-repeat;
	border-left: #98AAB1 0px solid;
	border-top: #98AAB1 0px solid;
	border-right: #98AAB1 0px solid;
	border-bottom: #98AAB1 0px solid;
}


.SubItemActive TD
{
	border-top: 0px solid;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	height: 24px;
	background-color: #D4D9EC;
	background-image: none;
	background-repeat: no-repeat;
}

.SubItemSelected
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366; 
	background-color: #D4D9EC;
	background-image: none;
	background-repeat: no-repeat;
}


.SubItemBreadCrumb
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	background-color: #eef3fb;
	background-image: none;
	background-repeat: no-repeat;
}




/* hyperlink style for the bright tabs */

.Small
{
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}

A.Small:Link
{
	color: white;
	text-decoration: underline;
}

A.Small:Hover
{
	color: white;
	text-decoration: underline;
}

A.Small:Active
{
	color: white;
	text-decoration: underline;
}

A.Small:Visited
{
	color: white;
	text-decoration: underline;
}

/* text style for the selected tab */
.SelectedTab {
 	font-weight: normal;
    font-size: 10px;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration: none;
    color:#003366;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#800080;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#800080;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#ff0000;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

/* text style for the unselected tabs */
.OtherTabs {
 	font-weight: normal;
    font-size: 10px;
    color: #003366;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
    padding-left: 3px;
	padding-right: 3px;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration: none;
    color:#003366;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    padding-left: 3px;
	padding-right: 3px;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#800080;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    padding-left: 3px;
	padding-right: 3px;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#800080;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    padding-left: 3px;
	padding-right: 3px;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#ff0000;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    padding-left: 3px;
	padding-right: 3px;  
}

/* text and link style for SkinObjects */

.SkinObject
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px; /*1.2em;*/
	font-weight: normal;
}

A.SkinObject:link
{
	text-decoration: none;
}
A.SkinObject:visited
{
	text-decoration: none;
}
A.SkinObject:active
{
	text-decoration: none;
}
A.SkinObject:hover
{
	color: #FF9922;
	text-decoration: underline;
}



/******************************************************/

div.Content
{
/*
  width:284px! important;
  */
  /*padding-right:10px! important;*/
  padding-left:37px! important;
  padding-right:10px! important;
  width:568px! important;
}
div.Content
{
  /*-moz-margin-start:-3px;*/
  /*-moz-margin-end:-7px;*/


}

td.Content
{
  background-image :url('../Villa Loggio/img/bg_content_4a.gif')! important;	
  background-repeat :repeat-y;
  border-right:1px solid #CCCCCC;
    /*border-right:1px solid #CCCCCC;*/
    padding-top:20px! important;
    /*padding-right:3px;*/
}
td.ContentBanner
{
    background-image :url('../Villa Loggio/img/bg_contentbanner.gif')! important;	
    background-repeat :repeat-y;
    /*
    padding-right:10px! important;
    padding-left:10px! important;
    */
}
td.ContentBanner
{
    text-align:left;
    vertical-align:top;
    padding-top:30px;
}
div.ContentBanner
{
  position:relative;
  z-index:10;
  /*
  width:284px! important;
  padding-left:5px;
  */
  /*padding-right:15px;*/
}
div.CartBanner
{
  /*padding:10px;*/
}
table.Content
{
  width:978px! important;
}
td.Content
{
  width:568px! important;
}
td.ContentBanner
{
  width:284px! important;
}
td.Banners_Design4
{
  width:210px! important;
}
td.Menu
{
  width:200px! important;
}