/* 											
*	Site: 			Portobellobeuty.it		*
*	Author: 		Davide Cariani			*
*	Cration 		Date: 21/10/2009		*
*	Description: 	All Structure Rules		*
*/


body 
{
background:url(../images/bg_footer_wrapper.jpg) bottom repeat-x;
}

#beta{
    position:fixed;
    width:100px;
    height:100px;
    background: url(../images/beta.png) no-repeat;
    top:0px;
    left:0px;
}

.hr
{
   height:3px;
   width:100%;
   border-bottom:1px dotted #ec6000;
   margin-bottom:5px;
}

table td{
    padding:5px;
}

#header_wrapper
{	
	position:relative;
	width:100%;
	background:url(../images/bg_header_wrapper.jpg) top repeat-x;
        z-index:90;
}

#header
{	
	position:relative;
	width:980px;
	margin:0 auto;
	background:url(../images/bg_header.png) top center no-repeat;
	height:155px;
	height:auto!important; 
	min-height:155px;
}

#site_description
{
	
}



#top_controller
{	
	width:100%;
	height:57px;
	margin-bottom:13px;
	
}

.single_control
{
	height:38px;
	margin-right:10px;
	margin-top:18px;
}

#nav_right
{
    color:#fff;
    width:370px;
    padding-top:6px;
}

.normal_input{
    padding:3px;
}


/* BOF MENU 

#navi
{
	width:980px;
	height:50px;
	background:url(../images/bg_navi.png) top no-repeat;
	margin-bottom:5px;
	
}

.sub_navlist ul{
	display:none;
}

.sub_navlist li
{
	display:list-item;
}

ul#navlist
{
	margin-left: 0;
	padding-top:12px;
	padding-left: 0;
	white-space: nowrap;
	margin-left:10px;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	background:url(../images/divisore.png) right no-repeat;
	margin-right:-3px;
}

#navlist a { padding: 3px 13px; margin-right:2px;  }

#navlist a:link, #navlist a:visited
{
	color: #fff;
	text-decoration: none;
	border:1px transparent solid;
}

#navlist a:hover
{
	color: #fff;
	text-decoration: none;
	background:#08538F;
	border:1px #08538F solid;
		/*background:#1B87DF;
	border:1px #1B87DF solid;*/
	/*color:#08538F;*/
	/* -moz-border-radius:5px;
	 -webkit-border-radius:5px;
}*/
/* EOF MENU */

#promo_header
{
position:relative;
	width:980px;
	height:260px;
	background: url(../images/bg_promo_header.png) no-repeat;
        z-index:20;
}

#logo{
	position:absolute;
	width:410px;
	height:125px;
	left:0px;
	top:97px;
}

#payoff
{
	position:absolute;
	width:574px;
	height:42px;
	right:40px;
	top:54px;
	background:url(../images/payoff.png);
}


/* BOF CENTER */


#wrap
{
	position:relative;
	width:980px;
	margin:0 auto;
	height:430px;
	height:auto!important; 
	min-height:430px;
        z-index:2;
}

#side_left
{
	float:left;
	width:160px;
	
}

#content
{
	float:left;
	width:628px;
	margin-left:15px;
}

div.box_content
{
	width:628px;
	height:60px;
	height:auto!important; 
	min-height:60px;
	margin-bottom:12px;
	
}

.main_reg
{
	width:255px;
	height:auto;
	color:#999;
	text-align:center;
	font-size:16px;
}

.main_reg span
{
	font-size:15px;
}

#login_panel
{
    
    color:#fff;
}

.error_login
{
    position:absolute;
    width:300px;
    height:300px;
    top:45px;
    right:45px;
}

.box_content h1
{
	width:610px;
	height:18px;
	padding:9px;
	background:url(../images/bg_h1_content.png);
	font-size:12px;
	font-weight:bold;
	margin:0;
}

.box_content h2
{
    color:#28639E;
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
    margin:8px 0 8px 0;

}

.box_content .bottom_content_block
{
 	width:602px;
 	height:100px;
	height:auto!important;
	min-height:100px;
	padding:20px 12px;
	margin-top:-6px;
	border-bottom:#dedfe0 1px solid;
	border-left:#dedfe0 1px solid;
	border-right:#dedfe0 1px solid;
        font-size:13px;
	 -moz-border-radius-bottomleft:5px;
	 -webkit-border-bottom-left-radius:5px;
	 -moz-border-radius-bottomright:5px;
	 -webkit-border-bottom-right-radius:5px;
	
}

.bottom_content_block a
{
    color:#28639E;
}

.bottom_content_block a:hover
{
    color:#FF6600;
}



.bottom_content_block h2.nome_azienda_prodotto {
    color:#FF6600;
    font-size:20px;
    font-weight:bold;
    margin-top:0px;
}

.bottom_content_block ul li
{
    list-style-image:url(../images/Circular_Arrow.png);
    margin-left:25px;

}



#side_right
{
	position:relative;
	float:left;
	width:160px;
	margin-left:15px;
	
	z-index:30;
}

div.box_sidebar
{	
	width:160px;
	height:130px;
	height:auto!important; 
	min-height:130px;
	margin-bottom:12px;
}
div.box_sidebar h1
{
	width:142px;
	height:12px;
	padding:9px;
	background: url(../images/bg_h1_sidebar.png);
	font-size:12px;
	font-weight:bold;
	margin:0px;
}
div.box_sidebar .bottom_side_block
{
	width:140px;
	height:130px;
	padding:9px;
	height:auto!important; 
	min-height:130px;
	border-bottom:#dedfe0 1px solid;
	border-left:#dedfe0 1px solid;
	border-right:#dedfe0 1px solid;
	 -moz-border-radius-bottomleft:5px;
	 -webkit-border-bottom-left-radius:5px;
	 -moz-border-radius-bottomright:5px;
	 -webkit-border-bottom-right-radius:5px;
}


.box_news
{
	clear:both;
}


.news{
    width:460px;
    float:left;
}

.abstract_azienda
{
    width:334px;
    float:left;
}
/* EOF CENTER */


#footer_wrapper
{

	clear:both;
	padding-top:27px;
	width:100%;
	background:url(../images/bg_footer.png);

}

#footer
{
	
	width:980px;
	margin:0 auto;
	
}

#high_footer
{
	width:952px;
	height:88px;
	padding:14px;
	padding-top:6px;
	background: url(../images/bg_high_footer.png);
	color:#666;
}


.box_foot
{
	float:left;
	margin-right:10px;
        width:235px;

}




#low_footer
{
	width:980px;
	height:65px;
	margin:0 auto;
	clear:both;
}

#low_footer a
{
    color:#fff;
    text-decoration: underline;
}

	/* SEARCH */
	.box_search
	{
		position:relative;
		
		
	}
	
	input.search
	{
		background:url(../images/bg_input.png) no-repeat;
		width:198px;
		height:20px;
		border:0;
		color:#666;
		font-weight:bold;
		float:left;
		padding:3px 5px 0 5px;
		margin-left:20px;
		margin-top:-3px;	
	}

        input.general
        {
                background:url(../images/bg_input.png) no-repeat;
		width:196px;
		height:18px;
		border:0;
		color:#666;
		font-weight:bold;
                padding:3px 5px 0 5px;
		margin-left:20px;
		
            
        }

        input.general_small
        {
            background:url(../images/bg_input_s.png) no-repeat;
		width:111px;
		height:18px;
		border:0;
		color:#666;
		font-weight:bold;
                padding:3px 5px 0 5px;
	
        }


        input.general_big
        {
            background:url(../images/bg_input_big.png) no-repeat;
		width:320px;
		height:18px;
		border:0;
		color:#666;
		font-weight:bold;
                padding:3px 5px 0 5px;
                margin-left:20px;

        }

	
	a.btn_search
	{
		display:block;	
		position:absolute;
		width:12px;
		height:15px;
		background:url(../images/icn_search.jpg) no-repeat;
		right:8px;
	}
	
	#search_bar
	{
	width:608px;
	height:22px;
	background:url(../images/bg_search_bar.png) no-repeat;
	padding: 12px 10px;
	margin-bottom:8px;
	}




/* BOTTONI */

a.btn_s_bianco
{
	display:block;
	width:252px;
	height:26px;
	background: url(../images/btn_s_bianco.png) no-repeat;
	padding-top:9px;
	
}

a.btn_s_green
{
	display:block;
	width:232px;
	height:24px;
	background:url(../images/btn_s_verde.png) no-repeat;
	padding-top:9px;
	text-align:center;
	color:#FFF;
}
a.btn_s_blu
{
	display:block;
	width:232px;
	height:24px;
	background:url(../images/btn_s_blu.png) no-repeat;
	padding-top:9px;
	text-align:center;
	color:#FFF;
	font-size:12px
}
a.btn_s_bianco:hover{
background: url(../images/btn_s_bianco_H.png) no-repeat;
}

a.btn_s_bianco:hover
{
	text-decoration:none;
}

a.btn_row
{
	display:block;
	background:url(../images/btn_newsletter.png) no-repeat;
	width:18px;
	height:18px;
}


a.btn_big_bianco
{
	display:block;
	background:url(../images/btn_big_bianco.png);
	width:296px;
	height:29px;
	padding-top:15px;
	font-size:14px;
	text-align:center;
	color:#666;
	font-weight:bold;
}


.btn_arancio
{
    width:108px;

    background: url("../images/btn_arancio.png") no-repeat;
    text-align:center;
    height:14px;
    padding:4px 5px 5px;
    color:#fff;
    cursor:pointer;
    font-weight:bold;
    display:block;
}

.btn_arancio_big
{
    width:218px;

    background: url("../images/btn_arancio_big.jpg") no-repeat;
    text-align:center;
    height:19px;
    padding-top:4px;
    text-align:center;
    color:#fff;
    cursor:pointer;
    font-weight:bold;
    display:block;
}

a.btn_arancio:active{
    background-position:0px 1px;
    padding-top:6px;
}

a.btn_login_s{
    display:block;
    width:20px;
    height:20px;
    background:transparent;
}

a.btn_login_s:hover
{
    background:transparent;
}

h1.trigger a
{
    display:block;
    float:right;
    height:20px;
    width:40px;
    background: url(../images/btn_toggle.png) no-repeat top left;
}

h1.trigger a.active
{
    background-position: bottom left;
}

/* FORM ELEMEMT */

textarea.textarea_insert
{
    background: url(../images/textarea_insert.png) no-repeat;
    padding-left:15px;
    padding-right:15px;
    padding-top:20px;
    height:255px;
    width:390px;
    border:none;
    overflow:auto;
}

textarea.textarea_mod
{
    background: url(../images/textarea_mod.png) no-repeat;
    padding-left:15px;
    padding-right:15px;
    padding-top:20px;
    height:238px;
    width:910px;
    border:none;
}

input.be_input_title
{
    font-size:18px;
    padding:5px;
    width:98%;
    font-weight:bold;

}

.box_content_be h2
{

    height:30px;
    display:block;
    font-weight:bold;
    text-transform:uppercase;
    color:#282828;
}

h2.altri_prodotti
{

    height:30px;
    display:block;
    font-weight:bold;
    text-transform:uppercase;
    color:#28639E;
}

input.text
{
	background:url(../images/bg_input.png) no-repeat;
	width:196px;
	height:18px;
	border:0;
	font-style:italic;
	color:#666;
	padding:3px 5px 0 5px;
	
}

/* IMAGES */

.loader{
    display:none;
    width:32px;
    height:32px;

}


div.thumb
{
        position:relative;
	padding-left:1px;
	padding-top:8px;
	margin-right:15px;
	margin-bottom:15px;
	white-space: nowrap;
	float:left;
	width:103px;
	height:96px;
	background:url(../images/bg_thumb.png);
        text-align:center;
}

div.thumb_logo
{
        position:relative;
	padding-left:1px;
	padding-top:7px;
	margin-right:15px;
	margin-bottom:15px;
	white-space: nowrap;
	float:left;
	width:134px;
	height:97px;
	background:url(../images/bg_thumb_logo.png);
        text-align:center;
}

div.thumb p
{
    margin-top:8px;
}

ul#thumb_vetrina
{		
	margin:0;
	padding:0;
	white-space: nowrap;
}

ul#thumb_vetrina li
{
	margin-bottom:10px;
	text-align:center;
}

ul#thumb_vetrina a
{
	display:block;
	width:104px;
	height:99px;
	background:url(../images/bg_thumb.png);
	padding-left:0px;
	padding-top:6px;
}


ul#thumb_prodotti
{
	margin:0;
	padding:0;
	white-space: nowrap;
}

ul#thumb_prodotti li
{
	margin-bottom:10px;
	text-align:center;
}

ul#thumb_prodotti a
{
	display:block;
	width:104px;
	height:99px;
	background:url(../images/bg_thumb.png);
	padding-left:0px;
	padding-top:6px;
}

/*AJAX*/

#loading_data
{
    display:none;
    width:100%;
    text-align:center;
    padding:20px;
}


/*TABLE*/

table.tbl_ele
{
 width:100%;
 color:#444;


 
}

table.tbl_ele td
{
    padding:5px;
}



table.tbl_ele th
{
    font-size:12px;
    text-transform:uppercase;
    background: url(../images/tbl_ele_head.png) repeat-x;
    height:25px;
    padding:5px;

}

table.tbl_ele tr.pari
{
    background:#f4f4f4;
    border:1px solid #fefefe;
}

table.tbl_ele tr.tot
{
    font-size:12px;
    text-transform:uppercase;
    background: url(../images/tbl_ele_head.png) repeat-x;
    height:25px;
    padding:5px;
}

table.tbl_ele tr.dispari
{
    background:#f1f1f1;
    border:1px solid #fcfcfc;
}

table.tbl_ele tr.pari:hover,table.tbl_ele tr.dispari:hover{
    background-color:#FFE7D4;
    cursor:pointer;
}

.news td{
	background:#CCC;
	border-right:1px solid #fff;
	padding:3px;
}

.warranty
{
    position:absolute;
    width:26px;
    height:27px;
    background:url(../images/icn_warranty.png);
    bottom:-5px;
    right:-5px;
}

.delete_thumb
{
    display:block;
    position:absolute;
    width:19px;
    height:19px;
    background:url(../images/icn_delete.png);
    top:-5px;
    right:-5px;
}


/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 299px;
	padding-top:11px;
	overflow: hidden;
	display: none;
	position: absolute;
        left:-200px;
	z-index: 500;
        color:#000;
	background: transparent url(../images/tipTop.png) no-repeat top;}

.tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 25px 10px 25px;}
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 21px;}


/******************/

/*-----------------------------------------------------------------------------------------------*/
/*                                         SCHEDA ANNUNCIO                                       */
/*-----------------------------------------------------------------------------------------------*/

.medium_img
{
    width:204px;
    max-height:204px;
    margin-right:25px; margin-bottom:10px;
}

.medium_img_top
{
    width:204px;
    height:7px;
    background: url(../images/bg_top_box_img.jpg) no-repeat;
 margin:0;
}

.medium_img_mid
{
    margin:0;
    width:190px;
    height:auto;
    background: url(../images/bg_mid_box_img.jpg) bottom no-repeat;
    padding-left:7px;
    padding-right:7px;
    line-height:0px;
    
}

.medium_img_bot
{
    margin:0;
    width:204px;
    height:9px;
    background: url(../images/bg_bot_box_img.jpg) no-repeat;
  
}


div.thumb_container
{
        width:602px;
 	height:100px;
	height:auto!important;
	min-height:100px;
	padding:20px 12px;
	margin-bottom:12px;
        border:#dedfe0 1px solid;
	 -moz-border-radius:5px;
	 -webkit-border-bottom:5px;
        

}

ul.general_list
{
    margin-left:30px;
}

ul.general_list li
{
    padding:5px;
    list-style-image: url(../images/Circular_Arrow.png);
}



.box_grigio_evidenziatore
{
    padding-top:40px;
    padding-left:20px;
    height:102px;
    width:551px;
    background: url(../images/box_evidenzia.png);
}



/* BANNER */

div.banner_orizontal{
    width:590px;
    height:90px;
    margin: 0 auto;
}

div.full_banner
{
    width:550px;
    height:78px;
    background:url(../images/bg_banner_oriz.jpg);
    padding:16px 0 0 82px;
    
}

/*--------------*/

    strong{
         font-weight:bold;
    }

    .bottom_content_block p
    {
        margin-bottom:8px;
    }

  
     .btn_arancio span{
        color:#fff;
    }
      .btn_arancio_big span{
        color:#fff;
    }

    .h_blu
{
    text-transform:uppercase;
    color:#28639E;
    font-weight:bold;
    margin-bottom:10px;
}

.box_correlati
{
    background:url(../images/bg_box_correlati.jpg);
    text-align:center;
    width:628px;
    height:155px;
    padding-top:5px;
    
}

.descrizione_prodotto{
    float:left; width:380px; margin-left:10px;
}


.pagination_cont{
       border:#dedfe0 1px solid;
	 -moz-border-radius:5px;
	 -webkit-border-bottom:5px;
         padding:20px;
         
}

.pagination_cont a{
    color:#fff;
    display:block;
    
}

.pagination_cont .digit_pag
{
    background:url(../images/bg_pagination.jpg) repeat-x;
    width:20px;
    height:17px;
    float:left;
    margin:0 3px;

    padding-top:3px;
    
    text-align:center;
    border:#dedfe0 1px solid;
}

.pagination_cont .digit_pag a{
    color:#000;
}

.pagination_cont .current_pag b
{
     color:#fff;
}

.pagination_cont .current_pag
{
    width:20px;
    height:17px;
    float:left;
    margin:0 3px;

    padding-top:3px;

    text-align:center;
    border:#dedfe0 1px solid;
        background:url(../images/bg_current_pagination.png) repeat-x;
}


/*
ECOMMERCE
*/
        .box_preview_product{
        border:1px solid #DEDFE0;
        background:#f4f4f4;
        padding:10px;
        margin-bottom:15px;
        -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*behavior: url(http://portobello.bitnet.it/assets/css/ie-css3.htc);*/

    }

    .big_price{
        color:#FF4200;
        font-size:18px;
        font-style:italic;
        font-family: Georgia, Serif;
        text-align:right;
    }
    
    .old_price {
        color: #28639E;
        font-size:14px;
        font-style:italic;
        font-family: Georgia, Serif;
        text-align:right;
        text-decoration:line-through;
    }

    .prod_available{
        color:#80C975;
       
    }
    .abstract_ec{
      border-right:dotted 1px #28639E; padding-right:5px; width:323px; float:left;
    }

    #box_cart{
        position: absolute;
        background:url(../images/box_cart.png) no-repeat;
        width:177px;
        height:59px;
        padding-top:46px;
        padding-right:20px;
        right:120px;
        top:40px;
    }

    #shopper{
               position: absolute;
               background:url(../images/bag.png) no-repeat;
               width:114px;
               height:137px;
               right:0;
               top:20px;


    }

    .items
    {
        font-family:Trebuchet MS;
        color:#666;
        text-align:right;
        font-weight:bold;
        font-size:16px;
    }
    .total_shop
    {
        font-family:Trebuchet MS;
        color:#FF6600;
        font-size:16px;
        text-align:right;
        font-weight:bold;

    }
