/***************************************************************
 *             STYLE TO THE PRODUCT CATALOG               *
 *             STANDARD THEME - CATEGORY VIEW               *
***************************************************************/
#Catalog_Container *
{
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 11px;
}
#Catalog_Container a          {font-size: 11px; text-decoration: none; cursor: hand; cursor: pointer;}
#Catalog_Container a:link       {font-size: 11px; text-decoration: none; cursor: hand; cursor: pointer;}
#Catalog_Container a:active      {font-size: 11px; text-decoration: none; cursor: hand; cursor: pointer;}
#Catalog_Container a:visited   {font-size: 11px; text-decoration: none; cursor: hand; cursor: pointer;}
#Catalog_Container a:hover      {font-size: 11px; text-decoration: underline; cursor: hand; cursor: pointer;}
#Catalog_Container li
{
   list-style-type: none;
}

.Catalog_Clear
{
   clear: both;
}

/*
-------------- HEADER COLUMN -------------------------------------------------------------------
*/

#Catalog_HeaderColumn
{
   text-align: left;
   height: 24px;
   margin-bottom: 7px;
}

/*
----- SEARCH ------------------------------------------------------------------------------------
*/
   
#Catalog_SearchField
{
   width: 175px;
   height: 24px;
   float: left;
}

#Catalog_SearchFiledInput
{
   display: block;
   width: 147px;
   height: 20px;
   border: 2px solid #CFCFCF;
   padding: 0px;
   float: left;
}

#Catalog_SearchFiledSubmit
{
   display: block;
   width: 24px;
   height: 24px;
   border-top: 2px solid #CFCFCF;
   border-right: 2px solid #CFCFCF;
   border-bottom: 2px solid #CFCFCF;
   border-left: 0px solid #CFCFCF;
   background: white;
   float: left;
   font-size: 0px;
   color: #BAD7F3;
   background-image: url('../pub/Images/Icons/icon_magnifier.png');
   background-repeat: no-repeat;
   background-position: 3px 3px;
   cursor: pointer;
}

#Catalog_SearchFiledSubmit:hover
{
   background: url('../pub/Images/Icons/icon_magnifier.png') #EBEBEB;
   background-repeat: no-repeat;
   background-position: 3px 3px;
}

#Catalog_SearchFiledSubmit:active
{
   background: url('../pub/Images/Icons/icon_magnifier.png') #EBEBEB;
   background-repeat: no-repeat;
   background-position: 3px 4px;
   outline: none;
}

#BreadCrumbContainer
{
   margin: 0px 0px 0px 185px;
   height: 18px;      
   padding: 2px 2px 2px 0;
   border-bottom: 2px solid #CFCFCF;
}

/*
----- LEFT COLUMN ------------------------------------------------------------------------------
*/

#Catalog_LeftColumn
{
   width: 175px;
   float: left;
}

/*
----- RIGHT COLUMN -----------------------------------------------------------------------------
*/

#Catalog_RightColumn
{
   text-align: left;
}
#Catalog_RightColumn.Catalog_withTree
{
   margin-left: 183px;
}
#Catalog_RightColumn.Catalog_withoutTree
{
   margin-left: 0px;
}


/*** PAGING ***/

#Catalog_RightColumn .paging-wrapper
{
   height: 19px;
   margin-top:      6px;
   margin-bottom:    6px;
   display: block;
   float: left;
   width: 100%;
}

#Catalog_RightColumn .paging-wrapper ul li
{
   display: inline;
   float: left;
   border: 1px solid #DDDDDD;
   padding: 4px 6px 4px 6px;
   font-size: 11px;
   margin-left: 2px;
   margin-right: 0px;
}

#Catalog_RightColumn .paging-wrapper ul li a
{
   
}

#Catalog_RightColumn .paging-wrapper ul li.inactive
{
   background-color: #888888;
   border-color: #666666;
   color: white;
   font-weight: bold;
}

#Catalog_RightColumn .paging-wrapper ul li .active
{
   
}


   /*** STARTPAGE ***/
   #Catalog_StartPage .Catalog_StartPageDescription h2
   {
      font-size: 20px;
      line-height: 20px;
   }
   #Catalog_StartPage .Catalog_StartPageDescription p
   {
      padding: 0px;
      margin: 0px 0px 10px 0px;
      line-height: 10px;
   }
   #Catalog_StartPage .Catalog_CategoryChildAsIconsContainer
   {
      float: left;
   }
   #Catalog_StartPage .Catalog_CategoryChildAsIconsContainer .Catalog_CategoryChildAsIcon
   {
      width: 150px;
      border: 1px solid #BDBDBD;
      float: left;
      margin: 3px;
      padding: 8px;
      
      text-align: center;
      
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
   }
   #Catalog_StartPage .Catalog_CategoryChildAsIconsContainer .Catalog_CategoryChildAsIcon h4
   {
      font-size: 12px;
      line-height: 12px;
   }
   #Catalog_StartPage .Catalog_CategoryChildAsIconsContainer .Catalog_CategoryChildAsIcon img
   {
      width: 150px;
      height: 150px;
      margin-bottom: 10px; 
   }
   
   #Catalog_StartPage .Catalog_CategoryChildAsListContainer
   {
      width: 100%;
      cellspacing: 0;
      cellpadding: 0;
   }
   #Catalog_StartPage .Catalog_CategoryChildAsListContainer .Catalog_CategoryChildAsList td
   {
      border: 1px solid #BDBDBD;
      
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
   }
   #Catalog_StartPage .Catalog_CategoryChildAsListContainer .Catalog_CategoryChildAsList img
   {
      float: left;
      display: block;
      width: 50px;
      height: 50px;
      padding: 4px;
   }
   #Catalog_StartPage .Catalog_CategoryChildAsListContainer .Catalog_CategoryChildAsList div
   {
      margin-left: 60px;
      padding: 2px 6px 2px 0px;
   }
   #Catalog_StartPage .Catalog_CategoryChildAsListContainer .Catalog_CategoryChildAsList div.Catalog_ListNoImage
   {
      margin-left: 4px;
   }
   /*****************/
   
   
   
   /*** CATEGORY LISTING ***/
   #Catalog_CategoryContainer .Catalog_CategoryDescription h3
   {
      font-size: 20px;
      line-height: 20px;
   }
   #Catalog_CategoryContainer .Catalog_CategoryDescription p
   {
      padding: 0px;
      margin: 5px 0px 10px 0px;
      line-height: 14px;
   }
   #Catalog_CategoryContainer .Catalog_CategoryChildAsIconsContainer
   {
      float: left;
   }
   #Catalog_CategoryContainer .Catalog_CategoryChildAsIconsContainer .Catalog_CategoryChildAsIcon
   {
      width: 150px;
      border: 1px solid #BDBDBD;
      float: left;
      margin: 3px;
      padding: 8px;
      
      text-align: center;
      
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
   }
   #Catalog_CategoryContainer .Catalog_CategoryChildAsIconsContainer .Catalog_CategoryChildAsIcon h4
   {
      font-size: 12px;
      line-height: 12px;
   }
   #Catalog_CategoryContainer .Catalog_CategoryChildAsIconsContainer .Catalog_CategoryChildAsIcon img
   {
      width: 150px;
      height: 150px;
      margin-bottom: 5px; 
   }
   
   #Catalog_CategoryContainer .Catalog_CategoryChildAsListContainer
   {
      width: 100%;
   }
   #Catalog_CategoryContainer .Catalog_CategoryChildAsListContainer .Catalog_CategoryChildAsList td
   {
      border: 1px solid #BDBDBD;

      padding-right: 4px;

      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
   }
   #Catalog_CategoryContainer .Catalog_CategoryChildAsListContainer .Catalog_CategoryChildAsList img
   {
      float: left;
      display: block;
      width: 50px;
      height: 50px;
      padding: 4px;
   }
   #Catalog_CategoryContainer .Catalog_CategoryChildAsListContainer .Catalog_CategoryChildAsList div
   {
      margin-left: 60px;
      padding: 2px 6px 2px 0;
   }
   #Catalog_CategoryContainer .Catalog_CategoryChildAsListContainer .Catalog_CategoryChildAsList div.Catalog_ListNoImage
   {
      margin-left: 4px;
   }
   /************************/
   
   
   
   /*** PRODUCT LISTING ***/
   #Catalog_ProductContainer .Catalog_CategoryDescription h3
   {
      font-size: 20px;
      line-height: 20px;
   }
   #Catalog_ProductContainer .Catalog_CategoryDescription p
   {
      padding: 0px;
      margin: 5px 0px 10px 0px;
      line-height: 14px;
   }
   
   #Catalog_ProductContainer .Catalog_ProductAsIconsContainer .Catalog_ProductAsIcon
   {
      width: 324px;
      border: 1px solid #BDBDBD;
      float: left;
      margin: 3px;
      padding: 8px;
      
      text-align: left;
      
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
   }
   #Catalog_ProductContainer .Catalog_ProductAsIconsContainer .Catalog_ProductAsIcon h4
   {
      font-size: 14px;
      line-height: 12px;
      margin-bottom: 7px;
      height: 14px;
      overflow: hidden;
   }
   #Catalog_ProductContainer .Catalog_ProductAsIconsContainer .Catalog_ProductAsIcon img
   {
      width: 110px;
      height: 110px;
      margin-right: 10px;
      border: 1px solid #D3D3D3;
      float: left;
   }
   #Catalog_ProductContainer .Catalog_ProductAsIconsContainer .Catalog_ProductAsIcon p.Catalog_ProductDescription
   {
      height: 92px;
   }
   #Catalog_ProductContainer .Catalog_ProductAsIconsContainer .Catalog_ProductAsIcon p.Catalog_ProductLink
   {
      float: right;
   }
   
   #Catalog_ProductContainer .Catalog_ProductAsListContainer
   {
      width: 100%;
   }
   #Catalog_ProductContainer .Catalog_ProductAsListContainer .Catalog_ProductAsList td
   {
      border: 1px solid #BDBDBD;

      padding-right: 4px;
      
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
   }
   #Catalog_ProductContainer .Catalog_ProductAsListContainer .Catalog_ProductAsList img
   {
      float: left;
      display: block;
      width: 50px;
      height: 50px;
      padding: 4px;
   }
   #Catalog_ProductContainer .Catalog_ProductAsListContainer .Catalog_ProductAsList div
   {
      margin-left: 60px;
      padding: 2px 6px 2px 0px;
   }
   #Catalog_ProductContainer .Catalog_ProductAsListContainer .Catalog_ProductAsList div.Catalog_ListNoImage
   {
      margin-left: 4px;
   }
   /***********************/
   
   
   
/*** PRODUCT VIEW ***/

#ProductPage h3
{
   font-size: 20px;
   line-height: 20px;
   margin-bottom: 10px;
}
   
#ProductPage .Catalog_FileContainer
{
   float: left;
   width: 205px;
   margin: 0px 10px 10px 0px;
}

#ProductPage .Catalog_FileContainer .Catalog_PrimaryContainer
{
   width: 183px;
}

#ProductPage .Catalog_FileContainer .Catalog_PrimaryContainer img
{
   padding: 10px;
   background: white;
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
   border-left: 1px solid #DDDDDD;
   border-top: 1px solid #DDDDDD;
   width: 183px;
   vertical-align: middle;
}

#ProductPage .Catalog_FileContainer .Catalog_SecondaryContainer .Catalog_ImagesContainer
{
   float: left;
   width: 205px; 
   background: #F2F2F2;
   margin-top: 10px;
}

#ProductPage .Catalog_FileContainer .Catalog_SecondaryContainer .Catalog_ImagesInnerContainer
{
   float: left;
   border-top: 1px solid #AAAAAA;
   border-left: 1px solid #AAAAAA;
}

#ProductPage .Catalog_FileContainer .Catalog_SecondaryContainer .Catalog_ImagesInnerContainer img
{
   float: left;
   width: 50px;
   height: 50px;
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
   background-color: white;
}

#ProductPage .Catalog_FileContainer .Catalog_SecondaryContainer .Catalog_FilesContainer
{
   width: 205px;
   margin-top: 5px;
   float: left;
}

#ProductPage .Catalog_FileContainer .Catalog_SecondaryContainer .Catalog_FilesContainer p
{
   padding: 0 0 3px 0;
   margin: 10px 0 3px 0;
   border-bottom: 1px solid #AAAAAA;
   font-size: 12px;
   line-height: 12px;
   font-weight: bold;
   width: 205px;
   letter-spacing: 1px; 
}

#Catalog_ShowFullsizeImageDescription
{
   margin-top: 5px;
   margin-bottom: 5px;
}

#Catalog_ShowFullsizeImageDescription p
{
   color: #666666;
}

#Catalog_ShowFullsizeImageDescription span
{
   display: block;
   margin-top: -2px;
   float: left;
}

#Catalog_ShowFullsizeImageDescription img
{
   float: left;
   display: block;
   margin-right: 5px;
}

/*** SEARCH RESULT ***/

#Catalog_Container .Catalog_SearchResultHighlight
{
   background: green;
}

/*
----- CASHIRE ----------------------------------------------------------------------------------
*/

#CashierProgress
{
   float: left;
   width: 100%;
}

#progressCustomerInfo
{
   float: right;
   padding: 5px;
   border: 1px solid black;
}

#progressConfirm
{
   float: right;
   padding: 5px;
   border: 1px solid black;
}

#progressDone
{
   float: right;
   padding: 5px;
   border: 1px solid black;
}

/* Cashier cart*/

#ChasierCartContainer
{
   float: left;
   width: 100%;
   border: 1px solid black;
}

#ChasierCartContainer table
{
   
}

#ChasierCartContainer table tr
{
   
}

#ChasierCartContainer table td
{
   padding-bottom: 2px;
   padding-top: 2px;
   padding-left: 5px;
   padding-right: 5px;
   border: 1px solid black;
}

.ChasierCartTrGrey
{
   background-color: #E2E2E2;
}

.ChasierCartTrWhite
{
   background-color: #FFFFFF;
}

/* Cashier address fields*/

#CashierAddressFields
{
   float: left;
   width: 100%;
}

.CashierAddressName
{
   float: left;
}

.CashierAddressData
{
   float: right;
}
#BillingAddressContainer
{
   float: left;
   width: 45%;
   padding: 5px;
}

#ShippingAddressContainer
{
   float: right;
   width: 45%;
   padding: 5px;
}

#CashierPaymentAndMessageBoxes
{
   /*float: left;*/
   width: 100%;
   height: 15;
}

#PaymentMethodsContainer
{
   float: left;
   height: 15;
}

#MessageBoxContainer
{
   
   height: 15;
   float: right;
}

/*
----- TREE --------------------------------------------------------------------------------------
*/
#Tree-wrapper
{
   border: 0px solid #CFCFCF;
   float: left;
   text-align: left;
   width: 175px;
}
#Tree-wrapper a:link   {font-size: 12px;}
#Tree-wrapper a:hover   {font-size: 12px; text-decoration: underline;}
#Tree-wrapper a:active   {font-size: 12px;}
#Tree-wrapper a:visited   {font-size: 12px;}

#Tree-wrapper #List-0
{
   list-style: none;
   list-style-type: none;
}

#Tree-wrapper #List-0 li
{
   width: 100%;
}
   #Tree-wrapper #List-0 li>div
   {
   }
   
   #Tree-wrapper #List-0 li>div>div
   {
      width: 170px;
      overflow: hidden;
   }
   
   #Tree-wrapper #List-0 li .Tree_ItemPadding
   {
      padding-top: 7px;
      height: 12px;
      padding-bottom: 7px;
      width: 500px;
   }

   #Tree-wrapper #List-0 li .toggleimg
   {
      width: 16px;
      height: 16px;
      float: left;
      margin-bottom: 0px;
      margin-left: 3px;
      margin-top: -2px;
      cursor: hand;
      cursor: pointer;
   }
   
   #Tree-wrapper #List-0 li .spacerimg
   {
      width: 16px;
      height: 16px;
      background: url(/pub/Images/Icons/icon_transparent.png);
      float: left;
      margin-bottom: 0px;
      margin-left: 3px;
      margin-top: -2px;
   }
   
   #Tree-wrapper #List-0 li a
   {
      float: left;
      margin-left: 3px;
      line-height: 12px;
      height: 12px;
      display: block;
      width: 450px;
   }

#Tree-wrapper .linkDirClosed>div>div>div>div
{
   background: url(/pub/Images/Icons/icon_plus.png);
}

#Tree-wrapper .linkDirOpened>div>div>div>div
{
   background: url(/pub/Images/Icons/icon_minus.png);
}

#Tree-wrapper li.styleDepth-0 {background: #787878; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-0 div a {color: white;}
#Tree-wrapper li.styleDepth-1 {background: #D1D1D1; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-1 div a {color: black; font-weight: normal;}
#Tree-wrapper li.styleDepth-2 {background: #BABABA; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-3 {background: #B0B0B0; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-4 {background: #A6A6A6; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-5 {background: #A6A6A6; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-6 {background: #A6A6A6; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-7 {background: #A6A6A6; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-8 {background: #A6A6A6; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-9 {background: #A6A6A6; background-repeat: repeat-x;}
#Tree-wrapper li.styleDepth-10{background: #A6A6A6; background-repeat: repeat-x;}

#Tree-wrapper .Depth-0 {border-bottom: 1px solid #A3A3A3;}
#Tree-wrapper .Depth-1 {border-bottom: 1px solid #ADADAD;}
#Tree-wrapper .Depth-2 {border-bottom: 1px solid #ADADAD;}
#Tree-wrapper .Depth-3 {}
#Tree-wrapper .Depth-4 {}
#Tree-wrapper .Depth-5 {}
#Tree-wrapper .Depth-6 {}
#Tree-wrapper .Depth-7 {}
#Tree-wrapper .Depth-8 {}
#Tree-wrapper .Depth-9 {}
#Tree-wrapper .Depth-10 {}

#Tree-wrapper .Depth-0  .Tree_ItemPadding {padding-left: 0px;}
#Tree-wrapper .Depth-1  .Tree_ItemPadding {padding-left: 5px;}
#Tree-wrapper .Depth-2  .Tree_ItemPadding {padding-left: 10px;}
#Tree-wrapper .Depth-3  .Tree_ItemPadding {padding-left: 15px;}
#Tree-wrapper .Depth-4  .Tree_ItemPadding {padding-left: 20px;}
#Tree-wrapper .Depth-5  .Tree_ItemPadding {padding-left: 25px;}
#Tree-wrapper .Depth-6  .Tree_ItemPadding {padding-left: 30px;}
#Tree-wrapper .Depth-7  .Tree_ItemPadding {padding-left: 35px;}
#Tree-wrapper .Depth-8  .Tree_ItemPadding {padding-left: 40px;}
#Tree-wrapper .Depth-9  .Tree_ItemPadding {padding-left: 45px;}
#Tree-wrapper .Depth-10 .Tree_ItemPadding {padding-left: 50px;}

#Tree-wrapper li.styleDepth-0.firstOnDepth {}
#Tree-wrapper li.styleDepth-1.firstOnDepth {background-image: url(/pub/Images/catalog_listitem_shadow.png);}
#Tree-wrapper li.styleDepth-2.firstOnDepth {background-image: url(/pub/Images/catalog_listitem_shadow.png);}
#Tree-wrapper li.styleDepth-3.firstOnDepth {background-image: url(/pub/Images/catalog_listitem_shadow.png);}
#Tree-wrapper li.styleDepth-4.firstOnDepth {background-image: url(/pub/Images/catalog_listitem_shadow.png);}
#Tree-wrapper li.styleDepth-5.firstOnDepth {background-image: url(/pub/Images/catalog_listitem_shadow.png);}
#Tree-wrapper li.styleDepth-6.firstOnDepth {background-image: url(/pub/Images/catalog_listitem_shadow.png);}
#Tree-wrapper li.styleDepth-7.firstOnDepth {background-image: url(/pub/Images/catalog_listitem_shadow.png);}
#Tree-wrapper li.styleDepth-8.firstOnDepth {background-image: url(/pub/Images/catalog_listitem_shadow.png);}
#Tree-wrapper li.styleDepth-9.firstOnDepth {background-image: url(/pub/Images/catalog_listitem_shadow.png);}
#Tree-wrapper li.styleDepth-10.firstOnDepth{background-image: url(/pub/Images/catalog_listitem_shadow.png);}

#Tree-wrapper .styleDepth-0.lastOnDepth {}
#Tree-wrapper .styleDepth-1.lastOnDepth {}
#Tree-wrapper .styleDepth-2.lastOnDepth {}
#Tree-wrapper .styleDepth-3.lastOnDepth {}
#Tree-wrapper .styleDepth-4.lastOnDepth {border-bottom: 1px solid #D1D1D1;}
#Tree-wrapper .styleDepth-5.lastOnDepth {border-bottom: 1px solid #D1D1D1;}
#Tree-wrapper .styleDepth-6.lastOnDepth {border-bottom: 1px solid #D1D1D1;}
#Tree-wrapper .styleDepth-7.lastOnDepth {border-bottom: 1px solid #D1D1D1;}
#Tree-wrapper .styleDepth-8.lastOnDepth {border-bottom: 1px solid #D1D1D1;}
#Tree-wrapper .styleDepth-9.lastOnDepth {border-bottom: 1px solid #D1D1D1;}
#Tree-wrapper .styleDepth-10.lastOnDepth{border-bottom: 1px solid #D1D1D1;}

/*
----- PRODUCTS ------------------------------------------------------------------------------------
*/

.Catalog_CategoryContainer *
{
   
}

.Catalog_CategoryContainer
{
   width: 148px;
   float: left;
   background: white;
   padding: 10px;
   margin: 5px;
   border-top: 1px solid #DDDDDD;
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
   border-left: 1px solid #DDDDDD;
   
   cursor: pointer;
   cursor: hand;
}

.Catalog_CategoryContainer h4
{
   float: left;
   width: 140px;
   padding: 3px;
   background: lightgray;
   margin-bottom: 10px;
   border-top: 1px solid #DDDDDD;
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
   border-left: 1px solid #DDDDDD;
}

.Catalog_CategoryContainer img
{
   float: left;
   width: 146px;
   height: 146px;
   border-top: 1px solid #DDDDDD;
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
   border-left: 1px solid #DDDDDD;
}