
body
{   
  margin  :  0px;
}

table
{
  border-collapse  :  collapse;
  border-spacing   :  0;
  table-layout     :  fixed;  

  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #4b5a6f;
}

div
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #4b5a6f;
}

h1
{
  font-family     :  verdana, arial, sans-serif;
  font-weight     :  bold;
  font-size       :  24px;
  color           :  #4ca0d7;
  
  margin          :  0px 0px 5px 0px;
  padding         :  0px;
  
  text-transform  :  uppercase;
}

h1 small
{
  font-size  :  18px;
}

h2, h2 a, h2 a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  13px;
  color            :  #607090;
  
  text-transform   :  uppercase;
  text-decoration  :  none;
  
  margin           :  0px 0px 2px 0px;
  padding          :  0px 0px 2px 0px;
  border-bottom    :  dotted 1px #d6dbe3;
}

h2 span
{
  padding-right  :  20px;
  background     :  url('../images/down-arrow.jpg') right 2px no-repeat;
}

h3
{
  font-family   :  verdana, arial, sans-serif;
  font-weight   :  bold;
  font-size     :  13px;
  color         :  #053f57;
  
  margin         :  2px 0px 5px 0px;
  padding        :  0px 0px 2px 0px;
  border-bottom  :  dotted 1px #d6dbe3;
  background     :  url('../images/down-arrow.jpg') right 2px no-repeat;
}

h4
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  normal;
  font-size    :  18px;
  color        :  #063a57;
  
  margin       :  0px 0px 10px 0px;
  padding      :  0px;
}

b
{
  color  :  #64899e;
}

a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #4b5a6f;
   
  text-decoration  :  underline;
}
  
a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #000000;
   
  text-decoration  :  underline;
}

a img
{
  border  :  none;
}

ul
{
  margin      :  5px 0px 15px 0px;
  padding     :  0px;
  list-style  :  none;
}

ul li
{
  margin      :  0px;
  padding     :  0px 0px 5px 18px;
  background  :  url('../images/arrow.jpg') 0px 3px no-repeat;
}

ol
{
  margin   :  5px 0px 15px 0px;
  padding  :  0px 0px 0px 25px;
}

ol li
{
  margin   :  0px;
  padding  :  0px 0px 5px 5px;
}

hr
{
  border-left    :  solid 1px #ffffff;
  border-right   :  solid 1px #ffffff;
  border-top     :  solid 1px #ffffff;
  border-bottom  :  dotted 1px #d6dbe3;
  margin         :  15px 0px 15px 0px;
}

#MainDiv
{
  width   :  1001px;
  margin  :  0px auto 0px auto;
}

#Header
{
  height  :  120px;
}

#Header a, #Header td
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #7f8da8;

  text-decoration  :  none;
}
 
#Header a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #691222;

  text-decoration  :  underline;
}

#Navigation
{
  border-bottom  :  solid 1px #eef2f5;
}

#Navigation a, #Navigation a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  13px;
  color            :  #ffffff;

  text-decoration  :  none;
  text-align       :  center;

  display          :  block;  
  float            :  left;
  width            :  142px;
  height           :  34px;
  line-height      :  42px;
  border-right     :  solid 1px #ffffff;
  background       :  #9aa5bc url('../images/tab-bg.jpg') no-repeat;
}
 
#Navigation a.selected, #Navigation a.selected:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  13px;
  color            :  #607090;

  text-decoration  :  none;
  text-align       :  center;

  display          :  block;  
  float            :  left;
  width            :  142px;
  height           :  34px;
  line-height      :  42px;
  border-right     :  solid 1px #ffffff;
  background       :  #edeef5 url('../images/tab-bg-over.jpg') no-repeat;
}

#Body
{
  clear    :  both;
  padding  :  0px 0px 20px 0px;
}

#Heading
{
  clear         :  both;
  padding-left  :  28px;
  height        :  40px;
  line-height   :  40px;
  background    :  #edeef5;
}

#Banner
{
  background  :  url('../images/you-are-not-alone.jpg') no-repeat;
  height      :  238px;
}

#Banner #BannerText
{
  font-size  :  11px;
  padding    :  130px 335px 0px 30px;
}

#Banner a
{
  text-decoration  :  none;
}

#Banner a:hover
{
  text-decoration  :  underline;
}

#Contents
{
  padding  :  15px 35px 0px 35px;
}

#ProductInfo
{
   width       :  263px;
   height      :  469px;
   background  :  url('../images/product-info.jpg') no-repeat;
}

#ProductInfo ul
{
  padding  :  240px 0px 0px 12px;
}

#ProductInfo li
{
  font-size  :  11px;
}

#ImportantInfo
{
   width       :  200px;
   height      :  200px;
   background  :  url('../images/important-info.jpg') no-repeat;
}

#ImportantInfo ul
{
  padding  :  120px 0px 0px 20px;
}

#ImportantInfo li
{
  background-image  :  url('../images/plus.gif');
}

#ImportantInfo a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #9ea9bf;
   
  text-decoration  :  none;
}
  
#ImportantInfo a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #053f57;
   
  text-decoration  :  underline;
}

#Footer
{
  border-top   :  dotted 1px #dfe0e5;
  padding      :  20px 0px 40px 0px;

  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #9ea9bb;
}

#Footer span, #Footer span a, #Footer span a:hover
{
  font-size  :  11px;
}

#Footer a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #888888;

  text-decoration  :  none;
}
 
#Footer a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #333333;

  text-decoration  :  underline;
}

.mandatory
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  12px;
  color        :  #ff6000;
}

#Alert
{
  margin-bottom  :  1px;
  border-bottom  :  solid 1px #ffcd00;
  background     :  #f2edc2;
  padding        :  5px;

  font-family    :  tahoma, verdana, arial;
  font-size      :  13px;
  font-weight    :  bold;
  color          :  #444444;
  
  text-align     :  left;
}

#Error
{
  border-bottom  :  solid 1px #000000;
  background     :  #ec4444;
  padding        :  5px;

  font-family    :  tahoma, verdana, arial;
  font-size      :  13px;
  font-weight    :  bold;
  color          :  #ffffff;
  
  text-align     :  left;
}

form
{
  margin  :  0px
}

input.textbox
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #444444;
  
  padding      :  2px;
  border       :  solid 1px #888888;
  background   :  #f3f3f3;
}

select
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #444444;
  
  padding      :  1px;
  border       :  solid 1px #888888;
  background   :  #f3f3f3;
}

textarea
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #444444;
  
  padding      :  2px;
  border       :  solid 1px #888888;
  background   :  #f3f3f3;
}

input.button
{
  font-family     :  verdana, arial, sans-serif;
  font-weight     :  bold;
  font-size       :  13px;
  color           :  #ffffff;
  
  text-transform  :  uppercase;
  text-align      :  center;
  
  cursor          :  pointer;
  padding         :  3px 10px 3px 10px;
  min-width       :  70px;
  border          :  solid 1px #ffae7b;
  background      :  #ff7822 url('../images/button-bg.jpg') left bottom repeat-x;
}

input.button:hover
{
  border      :  solid 1px #444444;
  background  :  #716f6e;
}

.blue
{
  color  :  #4ea0d4;
}

.red
{
  color  :  #ff0000;
}
