/* Styles for SoapMaker site*/
body {background-color: white}

body, td, p, ol, ul {font-family: Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        color: black}
        
body.sidemargin {margin: 0px 30px 0px 30px}

body.margin {margin: 30px 30px 0px 30px}
        
a.menu {font-family: Tahoma, Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        color: white;
        text-decoration:none}

td.sidebar {background-color: #E3E4EE;
        color: navy;
        padding:10px}
        
td.form {background-color: #E3E4EE;
        color: navy;
        padding:5px}
        
td.dialog {background-color: #E3E4EE;
        color: navy;
        padding:10px;
        border-right: solid gray 2px;
        border-bottom: solid gray 2px}
    
table.sidebar {background-color: #E3E4EE;
        color: navy}

table.main {margin: 0px 0px 0px 15px}

td.special {background-color: #B72024;
           color: white}
           
table.menu {background-image: url(images/menugif.gif)}

td.menu {background-color: transparent;
        padding: 6px 10px 0px 0px}

td.menuhere {background-color: transparent;
        padding: 6px 10px 0px 0px}

td.vhead {font-family: Arial, sans-serif;
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        color: black;
        text-indent: 0em}
        

a.faq {text-decoration: none;
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: normal;
        color: navy}

a.faq:hover {color: red}

p.faq {text-decoration: none;
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: normal;
        color: navy;
        margin: 0em 0em 6px 3em;
        text-indent: -1em}

.indent {text-indent: 2em}

p.margin {margin: 1em 2em 0em 2em }

p.sidebar {margin: 0 10px; 
          background-color: #E3E4EE;
              color: navy}
          
p.box {margin: 0em 1.5em;
      padding: 1em; 
          background-color: #E3E4EE;
              color: navy}

.emphasis {color: navy}

p.quote  {margin: 2em 1em;
        font-family: arial, sans-serif;
        font-size: 13px;
        font-style: italic}

p.quotefirst  {margin: 2em 1em 0em 1em;
        font-family: arial, sans-serif;
        font-size: 13px;
        font-style: italic}

p.quotepoint  {margin: 0em 1em 0em 3em;
        text-indent: -10px;
        font-family: arial, sans-serif;
        font-size: 13px;
        font-style: italic}

p.quotemore  {margin: 0em 1em 2em 1em;
        font-family: arial, sans-serif;
        font-size: 13px;
        font-style: italic}

p.query  {font-family: Arial, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: normal;
        color: navy;
        margin: 4em 0em 1em 20px;
        text-indent: -20px}

p.answer  {font-family: Arial, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: normal;
        margin: 1em 0em 1em 20px;
        text-indent: -20px}

p.answermore  {font-family: Arial, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: normal;
        margin: 1em 0em 1em 20px}


.small {font-family: Arial, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        color: navy}

h1 {font-family: Arial, sans-serif;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        color: navy}


h2 {font-family: Arial, sans-serif;
        font-size: 17px;
        font-weight: bold;
        font-style: normal;
        color: navy}

h3 {font-family: Arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        color: navy}

h4 {font-family: Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        color: navy;}

.bold {font-family: Arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        color: navy;}

.extrabold {font-family: Arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        color: navy;}

.warning {font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        color: red}

.extrawarning {font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        color: red}


.new {font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        color: navy;
        background-color: yellow}

em {font-weight: bold;
        font-style: normal}



li.main {vertical-align: middle;
        list-style-image: url(images/check.gif);
        list-style-type: square;
        list-style-position: outside;
        text-indent: 0;
        line-height: normal;
        margin-bottom:1em}

li.sub {list-style-image: none;
        list-style-position: outside;
        text-indent: 0;
        list-style-type: disc;
        line-height: normal;
        margin-top:0.25em}
        
p.list {margin: .5em 0 .25em 0}

li.subsub {list-style-image: none;
        list-style-position: outside;
        text-indent: 0;
        list-style-type: circle}

li.loose {margin: 8px 0px}

li.indent {list-style-image: none;
        list-style-position: outside;
        text-indent: 2em;
        list-style-type: disc;
        line-height: normal}

li.Nindent {list-style-image: none;
        list-style-position: outside;
        text-indent: 2em;
        list-style-type: decimal;
        line-height: normal}

ol.emphasis {color: navy}

img.block {display: block;}

tr.block {display: block;}

ul.samePara {margin-top: 0}

div.rightside {position: relative; width: 150px; float: right;
              padding:0; margin:0 10px 0 10px; background-color:white}
              
div.rightNoFloat {position: relative; width: 150px; right:0;
              padding:0; margin:0 10px 0 10px; background-color:white}

div.sidebar {position: relative; 
            padding: 10px;
            margin: 5px 0;
            background-color: #E3E4EE; 
            color: navy;
            text-align:center}

div.tabs {position: static; margin-left: 130px}         
            
div.tabFront {position: absolute;
              text-align: center; 
              width: 140px; 
              height: 26px; 
              background-image: url('images/tabFront.gif')}
         
div.tabBack {position: absolute;
             text-align: center; 
             width: 140px; 
             height: 26px; 
             background-image: url('images/tabBack.gif')}
         
div.tabLine {position: absolute;
             width: 140px; 
             height: 26px; 
             background-image: url('images/tabLine.gif'); 
             background-repeat: repeat-x}

         
a.tab {font-family: Tahoma, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        color: navy;
        line-height: 200%}

a.tab:hover {color: red}

a.tabFront {font-family: Tahoma, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        color: white;
        line-height: 200%}

.pricebox {font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        color: navy;
        text-align: center}
        
div.error {color: red}