/* CSS Document for www.ShliX.com.au */
/*body {
  background: #FFFFFF url('../images/clouds.png') no-repeat scroll center;
}*/

#wrapper {
  margin: 40px auto 0 auto;
  width: 700px;
  font: 0.001px calibri;
}
  
  #header {
    background: #FFFFFF url('../images/header.gif') no-repeat scroll center;
    height: 196px;
	border-bottom: 1px solid #000000;
  }
  
  #body {
    background: #FFFFFF;
    border: 1px solid #000000;
    border-top: 0;
    float: left;
    padding: 5px;
    width: 100%;
  }
  
    #body div#related {
      float: right;
      width: 148px;
      border-left: 1px solid #000000;
      border-bottom: 1px solid #000000;
      font: 13px calibri;
      text-align: center;
    }
      
      #related ul {
        padding: 0 0 0 20px;
        text-align: left;
      }
    
      #related a, #related a:visited {
        color: #535353;
        text-decoration: none;
        font: 13px calibri;
      }
      
      #related a:hover, #related a:active {
        text-decoration: underline;
      }
      
    #body div.article {
      font: 16px calibri;
      color: #000000;
      line-height: 150%;
    }
    
      #body table {
        
      }
      
        #body table, #body th, #body td {
          text-align: center;
          margin: 0;
          border-collapse: collapse;
          padding: 0 5px 0 5px;
        }
        
          #body td {
            border-top: 1px solid #000000;
          }
    
      #body p {
        margin: 5px 0 5px 0; 
      }
      
        #body h1.header, h2.header {
          color: #0066CC;
          font: 20px calibri;
          display: inline;
        }
        
        #body span.subHeader, h2.subHeader {
          font-family: calibri;
          font-size: 14px;
          color: #0066CC;
          margin: 0;
          font-style: italic;
        }
        
        #body div.comment {
          color: #000000;
          font-size: 16px;
          margin: 15px 0 15px 0;
        }
            
            #body div.bubble {
              width: 98%;
              border: 1px solid #c9c2c1;
              padding: 5px;
              font-size: 16px;
              font-family: calibri;
              margin: 0;
            }
            
              #body div.userOptions {
                /*text-align: right;
                height: 18px;*/
                float: right;
                position: relative;
                bottom: 18px;
              }
              
                #body div.bubble p {
                  margin: 0;
                  display: table;
                }
                
                #body div.bubble input {
                  margin: 0 4px 0 0;
                  display: none;
                  border: 0;
                }
                #body div.bubble:hover input {
                  display: inline;
                }
              
            #body div.comment blockquote {
              margin: 0 100px 0 30px;
              line-height: 150%;
              display: table-cell;
            }
            
            
              #body div.comment blockquote img {
                margin: 0 5px 0 5px;
              }
            
            #body div.comment strong {
              margin: 0 0 0 15px;
            }
            
            #body div.chupchik {
              position: relative;
            	margin: 0px;
            	padding: 7px 0px 0px 15px;
            	top: 1px;
            	background: transparent url('../images/tip.gif') no-repeat scroll 20px 0;
            }
            
            #body div.downwardsChupchik {
              position: relative;
            	margin: 0px;
            	padding: 7px 0px 0px 15px;
            	bottom: 1px;
            	background: transparent url('../images/tipDownwards.gif') no-repeat scroll 20px 0;
            }
            
            #body div.chupchikD {
              position: relative;
            	margin: 0px;
            	padding: 7px 0px 0px 15px;
            	top: 1px;
            	background: transparent url('../images/tipDisabled.gif') no-repeat scroll 20px 0;
            }
          
            #body div.comment textarea {
              height: 100px;
              font-size: 16px;
              font-family: calibri;
              width: 100%;
              border: 0;
            }
            
            #body div.comment input.submit {
              border: 1px solid #000000;
              font-size: 26px;
              
            }
      
      #body div.orderConfirmation {
        border: 1px solid #000000;
        background: #CECECE;
        padding: 5px;
      }

      #body div.promotion {
        border: 1px solid #000000;
        background: #739e3f;
        padding: 5px;
        color: #FFFFFF;
      }
        #body div.promotion p {
          margin: 0 0 20px 0;
        }
        #body div.promotion a, #body div.promotion a:visited {
          color: #902000;
          text-decoration: none;
        }
        #body div.promotion a:hover, #body div.promotion a:active {
          color: #902000;
          text-decoration: underline;
        }
      
      #body fieldset {
        font-size: 12px;
        width: 125px;
        float: left;
        border: 1px solid #000000;
        padding: 1px;
        margin: 2px;
      }
      #body fieldset#base {
        color: #FF9933;
      }
      #body fieldset#bi {
        color: #00CC00;
      }
      #body fieldset#ft {
        color: #CC0000;
      }
      #body fieldset#pi {
        color: #3399CC;
      }
      #body fieldset#dressing {
        color: ;
      }
      
      #contact {
        font-size: 25px;
        color: #000000;
      }
  
      #contact input, #contact select, #contact textarea{
        border: 1px solid #006699;
        color: #006699;
        font-size: 25px;
        width: 240px;
        padding: 0 0 0 18px;
        font-family: calibri;
      }
      
    #contact select, #contact textarea {
      width: 260px;
      padding: 0;
    }
    
    #contact #fName, #contact #lName {
      background: #FFFFFF url('../images/manicon.JPG') no-repeat scroll 1% 50%;
    }
    
    #contact #email {
      background: #FFFFFF url('../images/emailicon.JPG') no-repeat scroll 1% 50%;
    }
    
    #contact #number {
      background: #FFFFFF url('../images/mobileicon.JPG') no-repeat scroll 1% 50%;
    }
      
  #info {
    float: left;
    width: 548px;
    /*background: #CC6600;*/
    font: 15px calibri;
    color: #000000;
  }
  
    #info ul {
      list-style: none;
      margin: 0;
    }
      
      #info ul li {
        margin: 0;
        padding: 0 5px 0 5px;
        float: left;
      }
      
        #info ul li a, #info ul li a:visited {
          color: #535353;
          text-decoration: none;
        }
        
        #info ul li a:hover, #info ul li a:active {
          color: #CCCCCC;
          text-decoration: underline;
        }
  
  #footer {
    
  }
    
    #author {
      float: right;
      text-align: right;
    }
    
    #copy {
      float: left;
    }
    
    #author, #copy {
      font: 11px calibri;
    }
    
      #author a, #author a:visited, #copy a, #copy a:visited {
        color: #336699;
        text-decoration: none;
      }
      
      #author a:hover, #author a:active, #copy a:hover, #copy a:active {
        color: #336699;
        text-decoration: underline;
      }
      
  div.error {
    background: #CC0000;
    border: 2px solid #FF0000;
    font: 11px calibri;
    width: 100%;
    color: #FFFFFF;
    text-align: left;
  }