
body
{   
  margin      :  0px;
  background  :  #000000;
  text-align  :  center;
}

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

  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #ffffff;
  
  text-align       :  left;
}

div
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #ffffff;
  
  text-align   :  left;
}

h1
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  normal;
  font-size    :  21px;
  color        :  #ffffff;
  
  margin       :  0px;
  padding      :  0px;  
}

h2
{
  font-family     :  verdana, arial, sans-serif;
  font-weight     :  bold;
  font-size       :  13px;
  color           :  #ffffff;
  
  text-align      :  left;
  text-transform  :  uppercase;

  padding         :  0px 0px 0px 41px;
  margin          :  0px;
  height          :  30px;
  line-height     :  30px;
  background      :  #0c1b2e url('../images/h2-bg.jpg');
}

h3
{
  font-family     :  verdana, arial, sans-serif;
  font-weight     :  bold;
  font-size       :  13px;
  color           :  #ffffff;
  
  text-align      :  left;
  text-transform  :  uppercase;

  padding         :  0px 3px 0px 47px;
  margin          :  0px;
  height          :  29px;
  line-height     :  29px;
  background      :  #070b14 url('../images/h3-bg.jpg');
}

h4
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  normal;
  font-size    :  17px;
  color        :  #ffffff;
  
  margin       :  0px;
  padding      :  0px;  
}

h5
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  normal;
  font-size    :  18px;
  color        :  #ffffff;
  
  margin       :  0px;
  padding      :  0px 0px 5px 0px;  
}

h6
{
  font-family     :  verdana, arial, sans-serif;
  font-weight     :  bold;
  font-size       :  12px;
  color           :  #ffffff;
  
  text-align      :  left;
  text-transform  :  uppercase;

  padding         :  0px 0px 0px 10px;
  margin          :  0px;
  height          :  25px;
  line-height     :  25px;
  background      :  #111111;
}

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

a img
{
  border  :  none;
}

hr
{
  border-top     :  solid 1px #000000;
  border-right   :  solid 1px #000000;
  border-left    :  solid 1px #000000;
  border-bottom  :  solid 1px #9fa081;
  margin         :  15px 0px 15px 0px;
}

img
{
  background  :  #ffffff;
}

form
{
  margin  :  0px;
}

input.button
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  12px;
  color        :  #ffffff;
  
  padding      :  2px 4px 2px 4px;
  background   :  #444444;
  border       :  solid 1px #777777;
  cursor       :  pointer;
}

input.button:hover
{
  background  :  #333333;
  border      :  solid 1px #ffffff;
}

input.textbox
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #cccccc;
  
  padding      :  2px;
  background   :  #000000;
  border       :  solid 1px #eeeeee;
}

textarea.textarea
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #cccccc;

  padding      :  2px;
  background   :  #000000;
  border       :  solid 1px #eeeeee;
}

select
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #cccccc;

  background   :  #000000;
  border       :  solid 1px #eeeeee;
  margin       :  1px 0px 1px 0px;
}

#MainDiv
{
  margin      :  0px auto 0px auto;
  width       :  1003px;  
  text-align  :  left;
}

#Header
{
  width          :  1003px;
  height         :  146px;
  margin-bottom  :  15px;
  background     :  #000000;
  position       :  relative;
}

#CartSummary
{
  position     :  absolute;
  left         :  700px;
  top          :  10px;
  height       :  18px;
  line-height  :  18px;
  width        :  290px;
  
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  13px;
  color        :  #e0de0d;  
  
  text-align   :  right;  
}

#CartSummary a
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  13px;
  color            :  #e0de0d;  
  
  text-decoration  :  none;
}

#CartSummary a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  13px;
  color            :  #ffffff;  
  
  text-decoration  :  underline;
}

#Contents
{
  margin  :  0px 20px 0px 20px;
}

#LeftPanel
{
  width  :  177px;
}

#Body
{
  padding  :  0px 25px 0px 25px;
}

#RightPanel
{
  width  :  177px;
}

#Footer
{
  background     :  #091926 url('../images/footer-bg.jpg');
  line-height    :  80px;
  height         :  80px;
  margin-top     :  25px;
  border-top     :  solid 1px #a09f83;
  border-bottom  :  solid 1px #a1a084;

  font-family    :  verdana, arial, sans-serif;
  font-weight    :  bold;
  font-size      :  12px;
  color          :  #ffffff;
  
  word-spacing   :  5px;
}

#Footer img
{
  background  :  none;
}

#Footer a
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #ffffff;
   
  text-decoration  :  none;
  word-spacing     :  0px;
}
  
#Footer a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #e0de0d;
   
  text-decoration  :  none;
  word-spacing     :  0px;
}

.panel
{
  margin         :  7px 0px 10px 0px;
  padding        :  20px;
  border-top     :  solid 1px #9fa081;
  border-bottom  :  solid 1px #9fa081;
  background     :  #0c1b2e url('../images/panel-bg.jpg') repeat-y;
}

.panel b
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  13px;
  color        :  #9fa081;
   
  display      :  block;
}

.panel ul
{
  margin      :  2px 0px 10px 0px;
  padding     :  0px;
  list-style  :  none;
}

.panel ul li
{
  margin      :  0px;
  padding     :  3px 0px 3px 15px;
  background  :  url('../images/bullet.jpg') 0px 7px no-repeat;
}

.panel ul li a
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #ffffff;
   
  text-decoration  :  none;
}
  
.panel ul li a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #9fa081;
   
  text-decoration  :  none;
}

img.border
{
  border      :  solid 1px #a09f83;
  background  :  #0d2531;
}

#Welcome
{
  width       :  566px;
  height      :  198px;
  background  :  #070b14 url('../images/welcome.jpg') no-repeat;
 }

#Welcome div
{
  padding      :  75px 250px 0px 35px;
  line-height  :  16px;
  
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #ffffff;  
}

.blockHeading
{
  border       :  solid 1px #a09f83;
  background   :  #070b14 url('../images/block-heading-bg.jpg') repeat-x;
  height       :  29px;
  line-height  :  29px;
}

.blockHeading h3, .blockHeading img
{
  float  :  left;
}

.blockHeading a
{
  float            :  right;
  margin-right     :  10px;
  
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #ffffff;
   
  text-decoration  :  underline;  
}

.blockHeading a:hover
{
  float            :  right;
  margin-right     :  10px;
  
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #e0de0d;
   
  text-decoration  :  none;  
}

.block
{
  border-left    :  solid 1px #a09f83;
  border-right   :  solid 1px #a09f83;
  border-bottom  :  solid 1px #a09f83;
  padding        :  17px 25px 18px 25px;
  display        :  block;
  line-height    :  16px;
}

.product
{
  width       :  150px;
  text-align  :  center;
  
  font-size   :  12px;
}

.product .productPic
{
  border         :  solid 1px #63b900;
  overflow       :  hidden;
  background     :  #ffffff;
  margin-bottom  :  15px;  
}

.product .productPic div
{
  border    :  solid 1px #ffffff;
  width     :  146px;
  height    :  146px;
  overflow  :  hidden;  
}

.product .productPic div td
{
  width       :  146px;
  height      :  146px;
  text-align  :  center;  
  overflow    :  hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  .product .productPic div td
  {
    display         :  block;
    vertical-align  :  middle;
  }
}

.productDetails
{
  width        :  510px;
  text-align   :  center;

  font-size    :  12px;  
  line-height  :  17px;
  overflow     :  hidden;  
}

.productDetails div
{
  font-size    :  12px;
}

.productDetails img
{
  border         :  solid 1px #63b900;
  background     :  #ffffff;
  margin-bottom  :  15px;
  padding        :  1px;
}

.product b, .productDetails b
{
  display      :  block;
  padding      :  8px 0px 8px 0px;
  
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  normal;
  font-size    :  17px;
  color        :  #ffffff;  
}

#LeftPanel .product, #RightPanel .product
{
  width       :  177px;
  text-align  :  center;
}

#LeftPanel .product div.img, #RightPanel .product div.img
{
  border         :  solid 1px #a1a084;
  background     :  #0d2531;
  padding        :  1px;
  margin         :  0px;
  overflow       :  hidden;
}

#LeftPanel .product div.img div, #RightPanel .product div.img div
{
  width       :  173px;
  height      :  auto;
  overflow    :  hidden;
  text-align  :  center;  
}

.productDetails
{
  width        :  510px;
  text-align   :  center;

  font-size    :  12px;  
  line-height  :  17px;
  overflow     :  hidden;  
}

#Paging td
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #e0de0d;
}

#Paging td b.selected
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #0fd0d5;
}

#Paging a
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #e0de0d;

  text-decoration  :  none;
}

#Paging a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #0fd0d5;

  text-decoration  :  none;
}

#frmCart b.title
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;  
  font-size    :  13px;
  color        :  #4cabe1;
}

#frmCart img
{
  width         :  48px;
  height        :  48px;
  border        :  solid 1px #7fc52e;
  background    :  #ffffff;
  margin-right  :  5px;
}

#frmCart input.textbox
{
  width       :  35px;
  padding     :  2px;
  border      :  solid 1px #eeeeee;
  background  :  #333333;
  color       :  #cccccc;
}

#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;
}

.mandatory
{
  color  :  #e0de0d;
}

#frmRegister input.textbox, #frmCheckout input.textbox, #frmMyAccount input.textbox
{
  width  :  220px;
}

#frmCart a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #ffffff;
   
  text-decoration  :  none;
}
  
#frmCart a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #ffa901;
   
  text-decoration  :  underline;
}

a.blue, #frmCart a.blue
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #0fd0d5;
   
  text-decoration  :  underline;
}
  
a.blue:hover, #frmCart a.blue:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #e0de0d;
   
  text-decoration  :  none;
}

a.orange, #frmCart a.orange
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #ffa901;
   
  text-decoration  :  underline;
}
  
a.orange:hover, #frmCart a.orange:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #e0de0d;
   
  text-decoration  :  none;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  #Navigation a, #Navigation a:hover, h2, h3, h6, #Footer, #Footer a, #Footer a:hover, input.button, .panel b, .panel ul li a,
  .panel ul li a:hover, .blockHeading a, .blockHeading a:hover, a.blue, a.blue:hover, a.orange, a.orange:hover, #Paging a,
  #Paging a:hover, #Paging b, #frmCart b.title, #frmOrder b.title, #MyOrders b.title, #OrderDetails b.title, #Alert, #Error,
  #frmCart b, #frmOrder b, #MyOrders b, #OrderDetails b, #frmMyAccount b, #frmLogin b, #frmContact b, #frmPassword b, #frmRegister b,
  #frmCheckout b, #CartSummary, #CartSummary a, #CartSummary a:hover
  {
    font-weight  :  normal;
  }
  
  input.button
  {
    padding  :  2px 10px 2px 10px;
  }
}
