/*************************************************************************************************************************
/**  GENERAL
/************************************************************************************************************************/

*
    {
    margin: 0;
    padding: 0;
    }

html
    {
    width: 100%;
    height: 100%;
    background-color: #F1F1F1;
    }

body
    {
    color: #555;
    line-height: 1.4em;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    background: url(../Images/background.jpg) repeat-x;
    }

/********************** LINKS **********************/

a
    {
    text-decoration: none;
    }

a:link, a:active
    {
    color: #003366;
    }

a:visited
    {
    color: #000000;
    }

a:hover
    {
    text-decoration: none;
    }

/********************** TABLES *********************/

table
    {   
    font-family: inherit;
    font-size: 11px;
    }

/********************** FORMS *********************/

select
    {
    font-family: Arial;
    font-size: 11px;         
    color: #555;
    border: 1px solid #CCCCCC;
    width: 184px;
    }

input
    {
    font-family: inherit;
    font-size: 11px;
    width: 180px;
    }

fieldset
    {
    border: 1px dotted #DDDDDD;
    padding: 15px;
    }

label
    {
    font-weight: bold;
    }

legend
    {
    font-size: 13px;
    font-weight: bold;
    color: #3071CA;
    }
    
iframe
    {
    border: 1px solid #DDD;
    }

/*********************** ETC **********************/

img
    {
    border: 0px;
    }

li
    {
    margin-left: 30px;
    margin-right: 30px;
    }
    
h1
    {
    font-size: 12px;
    font-weight: bold;
    color: #AD2900;
    }

/*************************************************************************************************************************
/**  MyPAGE
/************************************************************************************************************************/

#page
    {
    width: 900px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    }

/*************************************************************************************************************************
/**  MyHEADER
/************************************************************************************************************************/

#header
    {
    width: 100%;
    height: 98px;
    margin: 0px;
    background: url(../Images/header.background.png);
    }

/*************************************************************************************************************************
/**  MyCONTENT
/************************************************************************************************************************/

#content
    {
    text-align: left;
    margin-top: 0;
    padding: 0px;
    width: 100%;
    }

#content p
    {
    margin-left: 10px;
    margin-top: 5px;
    line-height: 1.2em;
    }

#content a
    {
    font-weight: normal;
    color: #212121;
    }

#content a:hover
    {
    font-weight: bold;
    color: #AD2900;
    }

#titleSection
    {
    height: 40px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;
    color: white;
    text-align: center;
    border: 1px solid #CCC;
    }
    
#titleSectionProduct
    {
    height: 45px;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;
    color: white;
    text-align: center;
    border: 1px solid #CCC;
    }
    
#infoSection
    {
    font-weight: bold;
    color: grey;
    margin-bottom: 10px;
    text-align: right;
    }
    
#infoSection a
    {
    font-weight: bold;
    color: grey;
    }
    
#infoSection a:hover
    {
    text-decoration: underline;
    color: #212121;
    }

#title
    {
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    padding: 12px;
    color: #AD2900;
    }
    
#categoriesSection
    {
    float: left;
    width: 200px;
    }  

#categoriesTitleMenu
    {
    /*background-color: #212121;*/
    background-color: #AB262B;
    height: 40px;
    color: white; 
    text-align: center;
    }

#categoriesTitle
    {
    padding:12px;
    }

#categoriesList
    {
    //background-color: #EAEAEA;
    background: url(../Images/venere.jpg) repeat-x;
    height: 898px;
    overflow: auto;
    padding: 3px;
    border: 1px dotted #DDD;
    }
    
#searchTitleMenu
    {
    background-color: #212121; 
    margin-top: 20px; 
    height: 40px; 
    color: white; 
    text-align: center;
    }
    
#searchTitle
    {
    padding:12px;
    }
    
#searchMainMenu
    {
    background-color: #EAEAEA; 
    height: 150px;
    overflow: auto;
    border: 1px dotted #DDD;
    }
    
#searchMain
    {
    padding:12px;
    }
    
.subCategory
    {
    padding-left: 12px;
    display: block;
    font-size:11px;
    }

#productsMenuSection
    {
    float: left;
    width: 680px; 
    margin-left: 20px;
    }

.productColumns12
    {
    float: left;
    width: 218px;
    height: 300px;
    background-color: white;
    margin: 0px 10px 20px 0px;
    border: 1px solid #DDD;
    }

.productColumns3
    {
    float: left;
    width: 218px;
    height: 300px;
    background-color: white;
    margin: 0px 0px 20px 0px;
    border: 1px solid #DDD;
    }

.productColumns78
    {
    float: left;
    width: 218px;
    height: 300px;
    background-color: white;
    margin: 0px 10px 0px 0px;
    border: 1px solid #DDD;
    }
    
.productColumns9
    {
    float: left;
    width: 218px;
    height: 300px;
    background-color: white;
    margin: 0px 0px 0px 0px;
    border: 1px solid #DDD;
    }

.productColumn
    {
    float: left;
    width: 678px;
    height: 944px;
    background-color: white;
    margin: 0px 10px 20px 0px;
    border: 1px solid #DDD;
    }
    
.productRowAlternateView
    {
    width: 678px;
    height: 125px;
    background-color: white;
    margin-bottom: 5px;
    border: 1px solid #DDD;
    }

.productColumnsLayout
    {
    padding: 10px;
    height: 250px;
    }
    
.productRowLayoutAlternateView
    {
    padding: 5px;
    }

.productColumnsLayoutPage
    {
    padding: 10px;
    height: 450px;
    }

.itemPreviewTitle
    {
    margin-right: 8px;
    overflow: hidden;
    height: 27px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    color: #BE3A11;
    background-color: #EAEAEA;
    }
    
.itemPreviewTitleAlternateView
    {
    margin-right: 8px;
    height: 15px;
    overflow: hidden;
    padding: 3px;
    font-weight: bold;
    text-align: left;
    color: #BE3A11;
    background-color: #EAEAEA;
    }

.itemPreviewImage
    {
    margin-right: 8px;
    text-align: center;
    }
    
.itemPreviewImageAlternateView
    {
    width: 140px;
    text-align: center;
    margin-right: 5px;
    }

.itemViewImage
    {
    margin-right: 8px;
    text-align: center;
    }

.itemViewImageContainer
    {
    text-align: center;
    height: 220px;
    overflow: hidden;
    }

.itemPreviewImage img
    {
    height: 100px;
    padding: 10px;
    }
    
.itemPreviewImageAlternateView img
    {
    height: 80px;
    padding: 5px;
    }
    
.itemViewImage img
    {
    height: 200px;
    padding: 10px;
    }
    
.itemViewImage2 img
    {
    height: 100px;
    padding: 10px;
    }

.itemPreviewText
    {
    margin-right:8px;
    overflow: hidden;
    height: 80px;
    color: #555;
    text-align: left;
    font-size: 11px;
    border-top: 1px dotted #AAA;
    border-bottom: 1px dotted #AAA;
    }
    
.itemPreviewTextAlternateView
    {
    margin-right: 8px;
    overflow: hidden;
    height: 80px;
    color: #555;
    text-align: left;
    font-size: 11px;
    border-top: 1px dotted #AAA;
    }
    
.itemPreviewTextAlternateViewCategory
    {
    margin-right: 8px;
    overflow: hidden;
    height: 80px;
    color: #555;
    text-align: left;
    font-size: 11px;
    border-top: 1px dotted #AAA;
    padding:5px;
    }

.itemPreviewTextAlternateViewCategory a:hover
    {
    text-decoration: underline;
    font-weight: normal;
    color: #212121;
    font-size: 9px;
    }

.itemViewText
    {
    margin-right: 8px;
    padding: 10px;
    overflow: auto;
    height: 580px;
    color: #555;
    text-align: left;
    font-size: 11px;
    border-top: 1px dotted #AAA;
    border-bottom: 1px dotted #AAA;
    }

.itemPreviewCost
    {
    font-weight: bold;
    color: #665;
    text-align: left;
    font-size: 12px;
    }
    
.itemViewCost
    {
    font-weight: bold;
    color: #BE3A11;
    background-color: #EAEAEA;
    margin-right: 8px;
    text-align: left;
    font-size: 15px;
    }

.itemAlternateViewCost
    {
    width: 88px;
    position: relative;
    left: 25px;
    top: -20px;
    font-weight: bold;
    color: #BE3A11;
    text-align: center;
    font-size: 12px;
    }
    
.itemPreviewDetails
    {
    position: relative;
    top: -15px;
    font-weight: bold;
    text-align: right;
    color: #AD2900;
    }

/*************************************************************************************************************************
/**  MyFOOTER
/************************************************************************************************************************/

#footer
    {
    height: 32px;
    padding: 10px;
    background: url(../Images/footer.background.gif);
    color: #F1F1F1;
    overflow: hidden;
    text-align: center;
    }
    
#footer a
    {
    color: white;  
    text-decoration: underline;    
    }

.bottomLinks
    {
    color: #F1F1F1;
    }