<?xml version="1.0" encoding="utf-8"?>
<styles>
        <style>
            <title> Breadcrumbs Style 0 </title>
            <code> #breadcrumbs-style0 a ,#breadcrumbs-style0 span {color: sbc_before_fontcolor;}#breadcrumbs-style0 a:hover{color: sbc_after_fontcolor;}#breadcrumbs-style0 .separator{color: sbc_separator_color;} </code>
    </style>
        <style>
             <title> Breadcrumbs Style 1 </title>
             <code> </code>
     </style>
        <style>
            <title> Breadcrumbs Style 2 </title>
            <code> #breadcrumbs-style2 a{background-color: sbc_before_bgcolor;color: sbc_before_fontcolor;}#breadcrumbs-style2 a::after{border-left: 1em solid sbc_before_bgcolor;}#breadcrumbs-style2 a::before{border-color: sbc_before_bgcolor sbc_before_bgcolor sbc_before_bgcolor transparent;}#breadcrumbs-style2 a:hover::after{border-left-color: sbc_after_bgcolor;}#breadcrumbs-style2 a:hover::before{border-color: sbc_after_bgcolor sbc_after_bgcolor sbc_after_bgcolor transparent;}#breadcrumbs-style2 a:hover{background: sbc_after_bgcolor;color: sbc_after_fontcolor;} </code>
     </style>
        <style>
          <title> Breadcrumbs Style 3 </title>
          <code> #breadcrumbs-style3 a{background-color: sbc_before_bgcolor;color: sbc_before_fontcolor;}#breadcrumbs-style3 a::before,#breadcrumbs-style3 a::after{background-color: sbc_before_bgcolor;}#breadcrumbs-style3 a:hover{background-color: sbc_after_bgcolor;color: sbc_after_fontcolor;}#breadcrumbs-style3 a:hover::after{background-color: sbc_after_bgcolor;}#breadcrumbs-style3 a:hover::before{background-color: sbc_after_bgcolor;} </code>
     </style>
         <style>
           <title> Breadcrumbs Style 4 </title>
            <code> #breadcrumbs-style4 a{background-color: sbc_before_bgcolor;color: sbc_before_fontcolor;}#breadcrumbs-style4 a::before,#breadcrumbs-style4 a::after{background-color: sbc_before_bgcolor;}#breadcrumbs-style4 a:hover{background-color: sbc_after_bgcolor;color: sbc_after_fontcolor;}#breadcrumbs-style4 a:hover::after{background-color: sbc_after_bgcolor;}#breadcrumbs-style4 a:hover::before{background-color: sbc_after_bgcolor;} </code>
       </style>
           <style>
            <title> Breadcrumbs Style 5 </title>
             <code> #breadcrumbs-style5 a{color: sbc_before_fontcolor;background-color : sbc_before_bgcolor; }#breadcrumbs-style5 a:hover {color: sbc_after_fontcolor;background-color: sbc_after_bgcolor;} </code>
       </style>
          <style>
           <title> Breadcrumbs Style 6 </title>
             <code> #breadcrumbs-style6 a{color: sbc_before_fontcolor;background-color: sbc_before_bgcolor;}#breadcrumbs-style6 a::before{border-right: 15px solid sbc_before_bgcolor;}#breadcrumbs-style6 a::after{border-left: 15px solid sbc_before_bgcolor;}#breadcrumbs-style6 a:hover{color: sbc_after_fontcolor;background-color: sbc_after_bgcolor;}#breadcrumbs-style6 a:hover::before{border-right: 15px solid sbc_after_bgcolor;}#breadcrumbs-style6 a:hover::after{ border-left: 15px solid sbc_after_bgcolor; } </code>
       </style>
           <style>
           <title> Breadcrumbs Style 7 </title> 
              <code> #breadcrumbs-style7  a{color: sbc_before_fontcolor;background-color : sbc_before_bgcolor;}#breadcrumbs-style7 a:hover{color: sbc_after_fontcolor;background-color : sbc_after_bgcolor;} </code>
         </style>
</styles>