:focus
{
  -moz-outline-style  :  none;
}

html
{

}

body
{
  margin      :  0px;
  background  :  #ffffff;
}

header, footer, nav, main
{
  display  :  block;
}

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

body, p, div, td, span, a
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #444444;
  
  position     :  relative;
  outline      :  none;  
}


h1, h1 a, h1 a:hover
{
  font-family      :  'Lucida Sans Unicode', 'Lucida Grande', georgia, verdana, arial;  
  font-weight      :  normal;
  font-size        :  19px;
  color            :  #333333;
  
  text-decoration  :  none;
  
  margin           :  0px 0px 10px 0px;
  padding          :  0px;
}

h1 a:hover
{
  color  :  #000000;
}

h1.block
{
  color           :  #222222;
  padding         :  10px 0px 10px 15px;
  background      :  #d5edf9;
  text-transform  :  uppercase;
}

h1.block span
{
  font-family  :  'Lucida Sans Unicode', 'Lucida Grande', georgia, verdana, arial;  
  font-weight  :  normal;
  font-size    :  17px;
  color        :  #7da7d9;
  
  float        :  right;
  padding      :  5px 10px 0px 0px;
}

h1.block span b
{
  color  :  #2b7ad7;
}


h2, h2 a, h2 a:hover, h2 span
{
  font-family      :  'Lucida Sans Unicode', 'Lucida Grande', georgia, verdana, arial;  
  font-weight      :  normal;
  font-size        :  19px;
  color            :  #333333;
  
  text-decoration  :  none;
  
  margin           :  0px 0px 2px 0px;
  padding          :  0px;
}

h3
{
  font-family    :  'Lucida Sans Unicode', 'Lucida Grande', georgia, verdana, arial;  
  font-weight    :  normal;
  font-size      :  16px;
  color          :  #222222;
  
  margin         :  0px 0px 10px 0px;
  padding        :  0px 0px 4px 0px;
  border-bottom  :  dotted 1px #cccccc;
}

h4
{
  font-family     :  'Lucida Sans Unicode', 'Lucida Grande', georgia, verdana, arial;  
  font-weight     :  normal;
  font-size       :  20px;
  color           :  #999999;
  
  text-transform  :  uppercase;
  
  margin          :  0px;
  padding         :  0px;
}

h4 b
{
  color  :  #333333;
}


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

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

  -webkit-transition  :  all linear .2s;
  -moz-transition     :  all linear .2s;
  -ms-transition      :  all linear .2s;
  -o-transition       :  all linear .2s;
  transition          :  all linear .2s;  
}

div.br
{
  clear        :  both;
  line-height  :  0px;
  height       :  0px;
  font-size    :  0px;
}

div.br5
{
  clear        :  both;
  line-height  :  5px;
  height       :  5px;
  font-size    :  1px;
}

div.br10
{
  clear        :  both;
  line-height  :  10px;
  height       :  10px;
  font-size    :  1px;
}

div.hr
{
  border-top     :  dotted 1px #999999;
  border-right   :  solid 1px #f4f4f4;
  border-bottom  :  solid 1px #f4f4f4;
  border-left    :  solid 1px #f4f4f4;
  margin         :  10px 0px 10px 0px;
}

hr
{
  border-top     :  dotted 1px #999999;
  border-right   :  solid 1px #f4f4f4;
  border-bottom  :  solid 1px #f4f4f4;
  border-left    :  solid 1px #f4f4f4;
  margin         :  20px 0px 20px 0px;
}

a img
{
  border  :  none;
}

.noMargin
{
  margin  :  0px !important;
}

.noPadding
{
  padding  :  0px !important;
}

.fRight
{
  float  :  right;
}

.fLeft
{
  float  :  left;
}

.hidden
{
  display  :  none;
}

.pad10
{
  padding  :  10px;
}



form
{
  margin  :  0px;
}

label
{
  display  :  inline;
  margin   :  0px;
  padding  :  0px 0px 3px 0px;
}

label span
{
  font-size  :  10px;
  color      :  #bbbbbb;
}

input.textbox, select, div.dataTables_wrapper input, textarea
{
  font-family            :  verdana, arial, sans-serif;
  font-size              :  12px;
  color                  :  #888888;
   
  padding                :  5px;
  border                 :  solid 1px #888888;
  background             :  #ffffff;
  
  -webkit-box-shadow     :  inset 0px 1px 1px rgba(0, 0, 0, 0.025);
  -moz-box-shadow        :  inset 0px 1px 1px rgba(0, 0, 0, 0.025);
  box-shadow             :  inset 0px 1px 1px rgba(0, 0, 0, 0.025);

  -webkit-transition     :  border linear .2s,box-shadow linear .2s;
  -moz-transition        :  border linear .2s,box-shadow linear .2s;
  -ms-transition         :  border linear .2s,box-shadow linear .2s;
  -o-transition          :  border linear .2s,box-shadow linear .2s;
  transition             :  border linear .2s,box-shadow linear .2s;
}

select
{
  padding  :  2px;
}

input.textbox:focus, select:focus, textarea:focus
{
  outline     :  none;
  color       :  #222222;
  background  :  #ffffec;  
}

input.button
{
  font-family     :  verdana, arial, sans-serif;
  font-size       :  12px;
  color           :  #ffffff;
  
  text-align      :  center;
  text-transform  :  uppercase;
   
  padding         :  6px 15px 6px 15px;
  background      :  #2394c2;
  border          :  solid 1px #053378;
  cursor          :  pointer;
}

input.button:hover, input.button:active
{
  color       :  #ffffff;
  background  :  #053378;
  border      :  solid 1px #2394c2;
}


input.button.red
{
  background  :  #ff0000;
  border      :  solid 1px #bb0000;
  color       :  #ffffff;
}

input.button.red:hover, input.button.red:active
{
  background  :  #bb0000;
  border      :  solid 1px #ff0000;  
}


.mandatory
{
  font-size    :  12px;
  font-weight  :  bold;
  color        :  #830100;
}


header
{
  position       :  fixed;
  left           :  0px;
  top            :  0px;
  right          :  0px;
  background     :  #ffffff;  
  border-bottom  :  solid 1px #f9f9f9;
  z-index        :  1111111;
}

header nav
{
  background     :  #fafafa;
  border-bottom  :  solid 1px #dedede;
  padding        :  0px 15px 0px 10px;
  height         :  30px;
  line-height    :  30px;
  text-align     :  right;
}

header nav, header nav a, header nav a:hover
{
  font-family      :  'Lucida Sans Unicode', 'Lucida Grande', georgia, verdana, arial;  
  font-size        :  13px;
  color            :  #888888;
  
  text-decoration  :  none;
}

header nav a:hover
{
  color  :  #81a716;
}

header nav span
{
  font-family            :  'Lucida Sans Unicode', 'Lucida Grande', georgia, verdana, arial;  
  font-size              :  13px;
  color                  :  #ffffff;
  
  display                :  inline-block;
  margin-left            :  5px;
  background             :  #bb0000;
  min-width              :  20px;
  height                 :  20px;
  line-height            :  20px;
  text-align             :  center;
  
  -moz-border-radius     :  50%;
  border-radius          :  50%;
  -webkit-border-radius  :  50%;
}

header a img
{
  height  :  75px;
  margin  :  15px 0px 15px 0px;
}

header #Ajax
{
  position  :  absolute;
  right     :  35px;
  top       :  50px;
  display   :  none;
}


main
{
  padding-top     :  170px;
  padding-bottom  :  100px;
  min-height      :  400px;
  clear           :  both;
}

main .miniForm
{
  width   :  420px;
  margin  :  0px auto 0px auto;
}

main .contents
{
  width   :  1001px;
  margin  :  0px auto 0px auto;
}

main div.block
{
  background  :  #f6f6f6;
  padding     :  25px;
}

main div.note
{
  background  :  #ffffff;
  padding     :  20px;
  margin-top  :  15px;
}


footer
{
  position     :  fixed;
  bottom       :  0px;
  left         :  0px;
  right        :  0px;
  border-top   :  solid 1px #dedede;
  background   :  #fafafa;
  padding      :  10px 0px 10px 0px;

  font-family  :  verdana, arial, sans-serif;
  font-size    :  13px;
  color        :  #888888;    
  
  text-align   :  center;
}

footer span, footer a, footer a:hover
{
  font-weight  :  bold;
  font-size    :  14px;
}


.alert, .error, .success, .info, .info.noHide
{
  clear                  :  both;
  padding                :  10px 10px 10px 35px;
  margin-bottom          :  15px;
  min-height             :  16px;
  line-height            :  16px;
  cursor                 :  pointer;
  
  -moz-border-radius     :  4px;
  border-radius          :  4px;
  -webkit-border-radius  :  4px; 
  
  font-family            :  verdana, arial, sans-serif;
  font-size              :  12px;
  color                  :  #000000;
}

.alert
{
  background  :  #feffc8 url('../images/icons/alert.png') 10px 10px no-repeat;
  border      :  solid 1px #f1aa2d;
}

.error
{
  background  :  #fdcea4 url('../images/icons/error.png') 10px 10px no-repeat;
  border      :  solid 1px #c44509;
}

.success
{
  background  :  #d4f684 url('../images/icons/success.png') 10px 10px no-repeat;
  border      :  solid 1px #739f1d;
}

.info
{
  background  :  #c3e4fd url('../images/icons/info.png') 10px 10px no-repeat;
  border      :  solid 1px #688fdc;
}

.info.noHide
{
  background  :  #eeeeee url('../images/icons/info.gif') 10px 10px no-repeat;
  border      :  solid 1px #cccccc;
}



#frmLogin, #frmPassword
{
  width   :  420px;
  margin  :  0px auto 0px auto;
}

#frmLogin input.textbox, #frmPassword input.textbox
{
  width          :  calc(90% - 2px);
  padding        :  0px 5% 0px 5%;
  background     :  #ffffff;
  height         :  35px;
  line-height    :  35px;
  border         :  solid 1px #eaf1fa;
}

#frmLogin input.button, #frmPassword input.button
{
  width           :  100%;
  height          :  70px;
  line-height     :  70px;  
  padding         :  0px;
  border          :  none;
  background      :  #2394c2 !important;
  
  font-size       :  12px;
  color           :  #ffffff;
  
  text-align      :  center;
  text-transform  :  uppercase;
}

#frmLogin input.button:hover, #frmPassword input.button:hover
{
  background  :  #053378 !important;
}

#frmLogin div, #frmPassword div
{
  color  :  #666666;
}

#frmPassword input.button
{
  height       :  35px;
  line-height  :  35px;  
}

.dashboard
{
  margin-top  :  100px;
}

.dashboard table a
{
  display     :  block;
  position    :  relative;
  width       :  100%;
  height      :  180px;
  background  :  rgba(166, 166, 166, 1.0);
  text-align  :  center;
}

.dashboard a.search.small
{
  height  :  100px;
}

.dashboard a.search.small img
{
  margin-top  :  25px;
}

.dashboard a img
{
  margin-top     :  37px;
  margin-bottom  :  15px;
}

.dashboard a.search:hover
{
  background  :  rgba(166, 166, 166, 0.75);
}

.dashboard a span
{
  position        :  absolute;
  left            :  0px;
  right           :  0px;
  bottom          :  0px;
  height          :  45px;
  line-height     :  17px;
  overflow        :  hidden;

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

.dashboard a.new, .menu a.new
{
  background  :  rgba(169, 187, 209, 1.0);
}

.dashboard a.new:hover, .menu a.new:hover
{
  background  :  rgba(167, 207, 56, 0.75);
}

.dashboard a.newRegularOrder, .menu a.newRegularOrder
{
  background  :  rgba(169, 187, 209, 1.0);
}

.dashboard a.newRegularOrder:hover, .menu a.newRegularOrder:hover
{
  background  :  rgba(169, 187, 209, 0.75);
}

.dashboard a.regularOrders, .menu a.regularOrders
{
  background  :  rgba(125, 167, 217, 1.0);
}

.dashboard a.regularOrders:hover, .menu a.regularOrders:hover
{
  background  :  rgba(125, 167, 217, 0.75);
}

.dashboard a.newFulfilmentOrder, .menu a.newFulfilmentOrder
{
  background  :  rgba(170, 159, 181, 1.0);
}

.dashboard a.newFulfilmentOrder:hover, .menu a.newFulfilmentOrder:hover
{
  background  :  rgba(170, 159, 181, 0.75);
}

.dashboard a.fulfilmentOrders, .menu a.fulfilmentOrders
{
  background  :  rgba(161, 134, 190, 1.0);
}

.dashboard a.fulfilmentOrders:hover, .menu a.fulfilmentOrders:hover
{
  background  :  rgba(161, 134, 190, 0.75);
}

.dashboard a.invoices, .menu a.invoices
{
  background  :  rgba(0, 169, 157, 1.0);
}

.dashboard a.invoices:hover, .menu a.invoices:hover
{
  background  :  rgba(0, 169, 157, 0.75);
}

.dashboard a.newDeposit, .menu a.newDeposit
{
  background  :  rgba(208, 167, 154, 1.0);
}

.dashboard a.newDeposit:hover, .menu a.newDeposit:hover
{
  background  :  rgba(208, 167, 154, 0.75);
}

.dashboard a.deposits, .menu a.deposits
{
  background  :  rgba(246, 150, 121, 1.0);
}

.dashboard a.deposits:hover, .menu a.deposits:hover
{
  background  :  rgba(246, 150, 121, 0.75);
}

.dashboard a.newSupport, .menu a.newSupport
{
  background  :  rgba(174, 165, 156, 1.0);
}

.dashboard a.newSupport:hover, .menu a.newSupport:hover
{
  background  :  rgba(174, 165, 156, 0.75);
}

.dashboard a.customers, .menu a.customers
{
  background  :  rgba(125, 167, 217, 1.0);
}

.dashboard a.customers:hover, .menu a.customers:hover
{
  background  :  rgba(125, 167, 217, 0.75);
}

.dashboard a.support, .menu a.support
{
  background  :  rgba(153, 131, 110, 1.0);
}

.dashboard a.support:hover, .menu a.support:hover
{
  background  :  rgba(153, 131, 110, 0.75);
}

.dashboard a.staff, .menu a.staff
{
  background  :  rgba(255, 94, 0, 0.80);
}

.dashboard a.staff:hover, .menu a.staff:hover
{
  background  :  rgba(255, 94, 0, 0.60);
}


#frmMyPassword label, #frmResetPassword label
{
  font-size  :  13px;
}

#frmMyPassword input.textbox, #frmResetPassword input.textbox
{
  width       :  96%;
  padding     :  6px 2% 6px 2%;
  background  :  #ffffff;
}



.menu a
{
  display     :  block;
  position    :  relative;
  width       :  calc(100% - 1px);
  height      :  130px;
  background  :  rgba(166, 166, 166, 1.0);
  text-align  :  center;
}

.menu a img
{
  width          :  50%;
  margin-top     :  20px;
  margin-bottom  :  10px;
}

.menu a span
{
  position        :  absolute;
  left            :  0px;
  right           :  0px;
  bottom          :  0px;
  height          :  38px;
  line-height     :  16px;
  overflow        :  hidden;

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

.menu a.mini
{
  display  :  inline-block;
  width    :  48%;
  height   :  55px;
}

.menu a.mini:nth-child(2n+2)
{
  margin-top  :  5px;
}

.menu a.mini img
{
  width          :  60%;
  margin-top     :  12px;
  margin-bottom  :  0px;
}



.grid
{

}

.grid .header
{
  background  :  #7da7d9;
}

.grid .header td, .grid .header th
{
  font-family     :  verdana, arial, sans-serif;
  font-weight     :  bold;
  font-size       :  12px;
  color           :  #ffffff;
  
  text-transform  :  uppercase;
  
  padding         :  7px 6px 7px 6px;  
}

.grid .header th:nth-child(2)
{
  background  :  #00a99e;
}

.grid .header th:nth-child(3)
{
  background  :  #57bec5;
}

.grid .header th:nth-child(4)
{
  background  :  #e5c741;
}

.grid .header th:nth-child(5)
{
  background  :  #99836e;
}

.grid .header th:nth-child(6)
{
  background  :  #f59678;
}

.grid .header th:nth-child(7)
{
  background  :  #a186be;
}

.grid .header table td
{
  padding  :  0px;
}

.grid .header td a
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #ffffff;
   
  text-decoration  :  underline;
}
  
.grid .header td a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #eeeeee;
   
  text-decoration  :  none;
}

.grid td
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  12px;
  color        :  #000000;
}

.grid .even
{
  background  :  #f3f3f3;
}

.grid .even:hover
{
  background  :  #fff7d9;
}

.grid .odd
{
  background  :  #fcfcfc;
}

.grid .odd:hover
{
  background  :  #fff7d9;
}


.grid .footer
{
  background  :  #dddddd;
}

.grid .footer td
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  12px;
  color        :  #000000;
  
  padding      :  7px 6px 7px 6px;  
}

.grid tr.odd a, .grid tr.even a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #000000;
   
  text-decoration  :  none;
}
  
.grid tr.odd a:hover, .grid tr.even a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #333333;
   
  text-decoration  :  underline;
}

.grid a.link
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #000000;
   
  text-decoration  :  none;
  
  height           :  20px;
  line-height      :  20px;
  background       :  none;
}
  
.grid a.link:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  12px;
  color            :  #333333;
   
  text-decoration  :  underline;
  
  height           :  20px;
  line-height      :  20px;
  background       :  none;
}


ul.deposits
{
  padding     :  0px;
  margin      :  0px;
  list-style  :  none;
}

ul.deposits li
{
  display  :  block;
  float    :  left;
  width    :  49.75%;
  padding  :  0px;
  margin   :  0px 0.5% 5px 0px;
}

ul.deposits li:nth-child(2n)
{
  margin-right  :  0px;
}

ul.deposits li a, ul.deposits li a:hover, ul.deposits li a.selected, ul.deposits li a.selected:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  17px;
  color            :  #ffffff;
   
  text-decoration  :  none;
  text-align       :  center;
  
  display          :  block;  
  padding          :  20px;
  line-height      :  100px;
  background       :  #aaaaaa;
}

ul.deposits li a:hover, ul.deposits li a.selected, ul.deposits li a.selected:hover
{
  background  :  #f59678;
}


ul.orders
{
  padding     :  0px;
  margin      :  0px;
  list-style  :  none;
}

ul.orders li
{
  display  :  block;
  float    :  left;
  width    :  33%;
  padding  :  0px;
  margin   :  0px 0.5% 5px 0px;
}

ul.orders li:nth-child(3n)
{
  margin-right  :  0px;
}

ul.orders li a, ul.orders li a:hover, ul.orders li a.selected, ul.orders li a.selected:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  17px;
  color            :  #ffffff;
   
  text-decoration  :  none;
  text-align       :  center;
  
  display          :  block;  
  padding          :  20px;
  line-height      :  100px;
  background       :  #aaaaaa;
}

ul.orders li a:hover, ul.orders li a.selected, ul.orders li a.selected:hover
{
  background  :  #a186be;
}



ul.alphabets
{
  padding     :  0px;
  margin      :  0px;
  list-style  :  none;
}

ul.alphabets li
{
  display  :  inline-block;
  padding  :  0px;
  margin   :  0px;
}

ul.alphabets li a, ul.alphabets li a:hover, ul.alphabets li a.selected, ul.alphabets li a.selected:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  15px;
  color            :  #ffffff;
   
  text-decoration  :  none;
  text-align       :  center;
  
  display          :  block;  
  padding          :  5px 8px 5px 8px;
  background       :  #cccccc;
}

ul.alphabets li a:hover, ul.alphabets li a.selected, ul.alphabets li a.selected:hover
{
  background  :  #7da7d9;
}


a.editOrder, a.editOrder:hover
{
  font-family      :  'Lucida Sans Unicode', 'Lucida Grande', georgia, verdana, arial;  
  font-weight      :  normal;
  font-size        :  14px;
  color            :  #bb0000;
  
  text-underline   :  none;
  text-decoration  :  uppercase;
}


h1 .support
{
  font-size  :  13px !important;
  color      :  #555555 !important;
  float      :  right;
}

h1 .support a
{
  font-size  :  13px;
  color      :  #81a716;
}

h1 .support a.selected
{
  font-weight  :  bold;
}

a.link
{
  color  :  #f59678;
}