/* Style sheet for www.zileye.com.au by Alexander Wait */
 
/* Last modified 08/05/2025 */



/* Start Signup & Login Layouts */


#backdrop
{
  position: absolute;

  margin-left: 600px;

  opacity: 0.7;

  z-index: 0;  
}


.tool-tip
{
  float: right;

  width: 400px;

  height: 30px;

  color: white;

  display: block;

  font-weight: bold;

  border: solid 1px;

  border-color: red;

  padding-top: 10px;

  margin-right: 45px;

  text-align: center;

  background-color: #F66;
  
  box-sizing: content-box;
}


.tip-pointer
{
  float: right;

  display: block;

  margin-right: 10px;

  width: 0; height: 0;

  border-right: 20px solid red;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;
}


#name-pointer, #email-pointer,
#user-id-pointer, #password-pointer,
#confirm-password-pointer
{
  position: relative;

  display: none;

  z-index: 1;
}


#name-tip, #email-tip, #user-id-tip,
#password-tip, #confirm-password-tip
{
  position: relative;

  display: none;

  z-index: 1;
}


#signup-first-name:focus ~ #name-pointer
{
  display: block;
}


#signup-first-name:focus ~ #name-tip 
{
  display: block;
}


#signup-last-name:focus ~ #name-pointer
{
  display: block;
}


#signup-last-name:focus ~ #name-tip 
{
  display: block;
}


#signup-email:focus ~ #email-pointer 
{
  display: block;
}


#signup-email:focus ~ #email-tip 
{
  display: block;
}


#signup-user-id:focus ~ #user-id-pointer 
{
  display: block;
}


#login-user-id:focus ~ #user-id-pointer 
{
  display: block;
}


#signup-user-id:focus ~ #user-id-tip 
{
  display: block;
}


#login-user-id:focus ~ #user-id-tip 
{
  display: block;
}


#signup-password:focus ~ #password-pointer 
{
  display: block;
}


#login-password:focus ~ #password-pointer 
{
  display: block;
}


#signup-password:focus ~ #password-tip 
{
  display: block;
}


#login-password:focus ~ #password-tip 
{
  display: block;
}


#signup-confirm-password:focus ~ #confirm-password-pointer 
{
  display: block;
}


#signup-confirm-password:focus ~ #confirm-password-tip 
{
  display: block;
}


/* End Signup & Login Layouts */


/* Start Account Menu Layouts */


#account-arrow
{
  font-size: 20px;
}


#arrow-container
{
  float: left;

  width: 40px;

  height: 30px;

  padding-top: 20px;

  margin-right: 10px;

  text-align: center;
  
  box-sizing: content-box;
}


#arrow-container:hover
{
  cursor: pointer;
}


#close-menu:hover
{
  cursor: pointer;
}


#account-menu
{
  z-index: 1;

  float: right;

  display: none;

  position: fixed; 

  font-size: 1.25em;

  font-weight: bold;

  border: 2px solid;

  border-color: #353;

  background-color: #EFE;

  right: 83px; top: 63px;

  padding-right: 15px;

  padding-left: 15px;

  padding-top: 10px;

  text-align: left;
}


.account-links
{
  color: #222;

  font-size: 0.80em;

  text-decoration: none;
}


.account-links:hover
{
  color: #191;

  text-decoration: underline;
}


/* End Account Menu Layouts */


/* Start Media Queries */


@media screen and (max-width: 1260px)
{
  #home-page, #policy-page, 
  
  #product-page, #purchase-page
  {
    overflow-x: hidden;
  
    margin-left: 20px;
  }
}


@media screen and (min-width: 1260px)
{
  #home-body
  {   
    padding-left: 180px;
  }

  #product-body
  {   
    padding-left: 180px;
  }

  #policy-body
  {   
    padding-left: 180px;
  }

  #purchase-body
  {   
    padding-left: 180px;
  }

  #header
  {   
    margin-left: 180px;
  }
  
  #footer
  {   
    margin-left: 180px;
  }
}


@media screen and (max-width: 1260px)
{
  #home-body
  {   
    padding-left: 0;
  }

  #product-body
  {   
    padding-left: 0;
  }

  #policy-body
  {   
    padding-left: 0;
  }

  #purchase-body
  {   
    padding-left: 0;
  }

  #header
  {   
    margin-left: 0;
  }
  
  #footer
  {
    margin-left: 0;
  }

  #home-left-column
  {
    display: none;
  }
}


@media screen and (max-width: 962px)
{
  #header
  {   
    width: 900px;
  }
  
  #footer
  {   
    width: 900px;
  }
}


@media (max-device-width: 750px)
{
  body
  {
    height: 200vh;
  }
}


/* End Media Queries */


/* Start Page Styles */


#home-page
{
  position: relative;
}


#purchase-page 
{
  position: relative;
}


#product-page 
{
  position: relative;
}


#policy-page
{
  position: relative;
}


#admin-page
{
  position: relative;
}


#image-container
{
  float: left;
}


#content-page
{
  width: 1335px;

  height: 640px;
}


#credit-cards
{
  margin-left: 225px;

  margin-bottom: 20px;
}


#admin-header
{
  height: 63px;
  
  min-width: 790px;
  
  border-bottom: solid;

  border-bottom-width: 2px;

  border-bottom-color: #EEE;
  
  box-sizing: content-box;
}


#header
{
  height: 63px;

  border-bottom: solid;

  border-bottom-width: 2px;

  border-bottom-color: #EEE;
  
  box-sizing: content-box;
}


#links 
{ 
  float: left;

  width: 360px;

  height: 20px;

  padding-bottom: 5px;
  
  box-sizing: content-box;
}


#signup
{
  width: 883px;

  padding-top: 15px;

  padding-left: 15px;

  padding-bottom: 15px;

  border-style: solid;

  border-width: 1px;

  border-color: #46AA46;

  background-color: #E6FFE6;
  
  box-sizing: content-box;
}


#login 
{ 
  width: 883px;

  padding-top: 15px;

  padding-left: 15px;

  padding-bottom: 15px;

  border-style: solid;

  border-width: 1px;

  border-color: #7676CC;

  background-color: #E6E6FF;
  
  box-sizing: content-box;
}


#home-page-advert
{
  float: left; 

  position: relative;
}


#sitemap-contents
{
  font-family: arial;
}


#sitemap-contents li
{ 
  margin-bottom: 23px;
}


#home-left-head
{
  width: 150px;
    
  height: 25px;
  
  color: maroon;
  
  font-size: 1.3em;

  margin-top: 10px;
 
  font-weight: bold;
  
  text-align: center;
  
  background-color: #EEE;  
}


#home-left-column
{
  z-index: 1;

  float: left;

  width: 150px;

  position: fixed;

  border-width: 1px;

  background: white;

  padding-left: 9px;

  padding-right: 9px;

  padding-bottom: 9px;

  border-style: solid;

  border-color: #CCCCCC;
  
  box-sizing: content-box;
}


#output-scroll
{
  width: 380px;

  height: 350px;

  font-size: 15px;

  margin-bottom: 10px;
  
  box-sizing: content-box;

  white-space: nowrap;

  padding-left: 5px;

  padding-top: 5px;

  overflow: scroll;

  border: solid;
}


#home-left-info
{
  color: maroon;
  
  margin-top: 25px;

  line-height: 150%;
    
  font-size: 0.75em;

  text-align: justify;
}


#home-body
{
  width: 56em;
  
  min-height: 65vh;

  padding-top: 10px;

  margin-left: auto;

  margin-right: auto;

  padding-right: 30px;
  
  box-sizing: content-box;
}


#product-body
{ 
  width: 56em;
  
  min-height: 65vh;
  
  padding-top: 10px;

  margin-left: auto; 

  margin-right: auto;

  padding-right: 30px;
 
  margin-bottom: 60px;
  
  box-sizing: content-box;
}


#purchase-body
{
  width: 56em;
  
  min-height: 65vh;

  padding-top: 10px;

  margin-left: auto;

  margin-right: auto;

  padding-right: 30px;

  margin-bottom: 60px;
  
  box-sizing: content-box;
}


#policy-body
{
  width: 56em;
  
  min-height: 65vh;
  
  padding-top: 10px;

  margin-left: auto; 

  margin-right: auto;

  padding-right: 30px;

  padding-bottom: 50px;
  
  box-sizing: content-box;
}


#register 
{ 
  float: left; 

  font-family: "Courier"; 
}


#credentials
{
  width: 35em; 

  float: left;
}


#form
{ 
  min-width: 50em;

  font-family: "Courier";
}


#form-page
{
  padding: 15px;

  border: 1px solid;
  
  margin-right: -4px;
}


#policy-info
{
  padding: 15px;
    
  line-height: 28px;

  font-family: arial;

  margin-right: -4px;

  text-align: justify;

  border: 1px solid;
}


#account
{
  border-top: 2px solid;

  border-color: #AAAAAA;

  text-align: justify;

  margin-bottom: 20px;

  padding-top: 20px;

  margin-top: 20px;

  font-weight: bold;

  font-size: 14px; 

  color: #555;
}


#no-script
{
  box-sizing: content-box;
    
  position: absolute;

  padding-top: 50px;

  font-size: 20px;

  height: 200px;  

  width: 724px;
}


#advert
{
  z-index: 1;

  float: left;

  display: none;

  background: white;

  position: absolute;

  border-style: solid;

  border-color: #666;

  border-width: 1px;
}


#welcome 
{ 
  float: right;

  padding-top: 3px;

  padding-left: 5px;

  padding-right: 10px;

  text-align: right;
}


#description 
{ 
  font-style: italic; 
  
  height: 50px;
  
  overflow: auto;
}


#current-price
{
  float: left;

  font-size: 17px;

  padding-right: 10px;
}


#product-container
{
  float: right;

  margin-left: 50px;

  margin-bottom: 50px;

  padding-bottom: 30px;

  border-bottom-width: 4px;
  
  border-bottom-color: #CCC;
  
  border-bottom-style: double;
}


#product-info
{
  width: 380px;

  margin-bottom: 22px;

  border-right-width: 1px;

  border-right-color: #CCC;
  
  border-right-style: solid;

  border-bottom-width: 1px;

  border-bottom-color: #CCC;
  
  border-bottom-style: solid;
}


#product-description
{
  font-size: 15px;

  padding-right: 15px;

  padding-bottom: 20px;
}


#product-title
{
  font-size: 25px;
}


#tab-container
{
  width: 300px;
}


#product-image
{
  float: left;

  width: 450px;

  height: 450px; 

  overflow: hidden;
}


#photo
{
  width: 450px;

  height: 450px; 

  position: relative;

  bottom: 0; right: 0;
}


#image-scroll
{
  width: 450px;

  overflow: hidden; 

  margin-top: 460px; 

  margin-bottom: 30px; 
}


#left-scroll
{
  float: left; 

  padding-left: 0; 

  padding-right: 0;

  margin-left: 20px; 

  margin-right: 35px;
}


#right-scroll
{
  float: right;

  padding-left: 0; 

  padding-right: 0;

  margin-right: 20px;
}


#zoom-out
{
  display: block;
}


#zoom-in
{
  display: none;
}


#photo:hover
{
  cursor: zoom-in;
}


#toolbox-share
{
  position: fixed;

  right: 0;

  top: 35%;
}


#product-content 
{
  width: 56.2em;

  position: relative;

  text-align: justify;
  
  box-sizing: content-box;

  margin-bottom: 30px;

  border-right: solid;
  
  border-color: gray;
  
  border-width: 1px;
}


#postage-gst
{
  font-size: 12px; 

  margin-top: 10px; 

  padding-bottom: 20px;
}


#menu-content
{
  position: relative;

  text-align: justify;

  width: 56.2em;

  height: 64%;
}


#login-id, #login-pw
{
  margin-right: 1em;
}


#jump-font 
{ 
  height: 60px;
    
  font-weight: bold; 

  font-style: italic; 

  font-size: 14px;

  padding-top: 0; 
  
  box-sizing: content-box;
   
  border-bottom: 1px solid;
}


#briefing
{
  width: 900px;

  height: 335px;
  
  margin-top: 5px;
    
  margin-bottom: 10px;
}


#jump-group
{
  padding-bottom: 8px;
}


#menu-bar
{
  box-sizing: border-box;
    
  margin-bottom: 15px;
  
  width: 900px;
}


#menu-bar td
{
  width: 149.7px;
}


#admin-footer 
{
  box-sizing: content-box;
    
  background-color: white;

  border-top: solid;

  border-left: solid;

  border-right: solid;

  border-bottom: solid;
  
  position: absolute;

  border-color: #DDD;
  
  border-width: 1px;
  
  min-width: 780px;
  
  margin-top: 30px;

  height: 35px;
  
  width: 100%;

  color: gray;

  clear: both;
  
  bottom: 0;
}


#footer 
{
  box-sizing: content-box;
    
  background-color: white;

  border-top: solid;

  border-left: solid;

  border-right: solid;

  border-bottom: solid;
  
  position: relative;

  border-color: #DDD;

  border-width: 1px;

  margin-top: 50px;

  height: 35px;

  color: gray;

  clear: both;
  
  bottom: 0;
}


#footer-links 
{
  float: right;

  padding-right: 210px;

  padding-top: 11px;

  font-size: 11px;
}


#click-bank-link 
{
  padding-top: 7px;

  font-size: 11px;
}


#copyright
{
  padding-top: 11px;

  font-size: 11px;
}


#transact-status-select,
#product-status-select,
#main-category-select,
#sub-category-select,
#gst-charged-select,
#menu-mode-select,
#supplier-select,
#on-sale-select
{
  width: 12.8em;

  margin-bottom: 0.45em;
}


#second-scroll-thumbnail,
#first-scroll-thumbnail,
#third-scroll-thumbnail
{
  width: 80px;

  height: 80px;

  margin-left: 2px; 

  margin-right: 2px; 
}


#first-scroll-thumbnail:hover
{
  cursor: pointer;
}


#second-scroll-thumbnail:hover
{
  cursor: pointer;
}


#third-scroll-thumbnail:hover
{
  cursor: pointer;
}


#first-scroll-thumbnail:focus
{
  width: 76px; height: 76px;
  
  box-sizing: content-box;

  border: 2px solid blue;
}


#second-scroll-thumbnail:focus
{
  width: 76px; height: 76px;
  
  box-sizing: content-box;

  border: 2px solid blue;
}


#third-scroll-thumbnail:focus
{
  width: 76px; height: 76px;
  
  box-sizing: content-box;

  border: 2px solid blue;
}


ul.tab
{
  background-color: #f1f1f1;
   
  border: 1px solid #ccc;
  
  list-style-type: none;
  
  overflow: hidden;
   
  padding: 0;
  
  margin: 0;
}


ul.tab li
{
  float: left;
}


ul.tab li a
{
  display: inline-block;
  
  text-decoration: none;
  
  padding: 4px 16px;
  
  text-align: center;
   
  transition: 0.3s;
  
  font-size: 17px;
   
  color: black;
}


ul.tab li a:hover
{
  background-color: #ddd;
}


ul.tab li a:focus, .active
{
  background-color: #ccc;
}


.tabcontent
{
  border: 1px solid #ccc;
  
  padding: 6px 12px;

  border-top: none;
  
  display: none; 
}


hr 
{ 
  background-color: #EEE;

  margin-right: -8px; 

  margin-left: -8px; 

  height: 2px; 

  border: 0; 
}


h1
{
  font-size: 1.5em;

  font-weight: bold;

  padding-top: 20px;
}


td
{
  padding: 0;
}


table 
{ 
  border-spacing: 0;
   
  border-collapse: separate;
}


input
{
  margin-bottom: 4px;

  border-style: solid;

  border-color: gray;

  border-width: 1px;
}


.question
{
  font-size: 12px; 

  font-style: italic; 

  margin-left: 10px;
}


.explanation 
{ 
  font-family: "Arial";

  font-size: 13px;

  font-style: italic;

  font-weight: 700;
}


.category-contents
{ 
  margin-top: 12px;
  
  margin-left: 30px;

  font-family: "Arial";

  font-size: 15px;

  font-weight: 500;
}


.category-container
{
  padding-bottom: 30px;
}


.footer-meta
{
  text-align: center;
}


.sale-thumb
{
  font-weight: bold;

  height: 20px;

  width: 270px;

  color: red;
}


.title-thumb
{
  text-decoration: none;

  font-weight: normal;
  
  font-size: 14px;
  
  color: green;
}


.price-thumb
{
  text-decoration: none;
  
  font-weight: bold;

  font-size: 14px;
  
  color: green;
}


.stock-thumb
{
  text-decoration: none;
  
  font-weight: bold;

  font-size: 14px;
  
  color: green;
}


.reduced-thumb
{
  text-decoration: none;
  
  font-weight: bold;

  font-size: 14px;
  
  color: red;
}


.heading-font 
{
  font-weight: bold;
  
  font-size: 17px; 

  color: #555; 
}


.wrapper-thumb
{
  box-sizing: content-box;
    
  text-decoration: none;

  margin-bottom: 10px;
  
  border-bottom: solid;
  
  border-color: gray;
  
  border-width: 1px;
  
  display: block;
  
  height: 100%;
  
  width: 100%;
}


.product-window
{
  display: table-cell;

  padding-bottom: 5px;
  
  padding-right: 15px;
  
  padding-left: 15px;
  
  padding-top: 5px;
}


.product-group
{
  box-sizing: content-box;

  border-right: solid;

  border-left: solid;
  
  border-color: gray;
  
  border-width: 1px;
  
  width: 100%;
}


.category-row
{
  display: table-row;
}


.prompt 
{ 
  font-family: 

  "Times New Roman";
}


.purchase-issue
{
  color: red;
}


#prompt
{
  font-size: 0.9em;
}


/* End Page Styles */


/* Start Menu Styles */


a.link
{
  color: #000;
}


a.link:hover
{
  color: #777;
}


a.link:active
{
  color: #F00;
}


a img 
{
  border: none; 
}


#nav-menu
{
  width: 900px;
}


.direct-link
{
  color: #888;
  
  text-decoration: none;
}


#nav-menu li 
{
  width: 9em;

  text-align: center;

  position: relative;

  margin-right: 4px;

  float: left;
}


#nav-menu a 
{
  text-decoration: none;

  display: block;

  width: 9em;

  height: 25px;

  line-height: 25px;
  
  box-sizing: content-box;

  background-color: white;

  border: 1px solid #CCC;

  margin-bottom: 5px;

  color: black;
}


#sub-contents
{
  display: none;

  position: absolute;
  
  box-sizing: content-box;

  background-color: white;

  border-bottom: 1px solid #AAA;

  border-right: 1px solid #AAA;

  border-left: 1px solid #AAA;

  box-shadow: 1px 1px 1px #CCC;

  width: 133px;
}


#nav-menu ul.sub-one
{
  display: none;

  width: 113px;

  margin-left: 7px;
}


#nav-menu ul.sub-two
{
  display: none;

  width: 113px;

  position: absolute;

  top: 0; left: 96px;
}


.d-arrow 
{
  font-size: 9px;

  position: absolute;

  top: 5px; right: 2px;
}


#nav-menu .sub-one a 
{
  margin-top: 0;
}


#nav-menu .sub-two a 
{
  margin-left: 18px;
}


#nav-menu li:hover > a 
{
  background-color: #EEF;
}


#nav-menu li:hover a:hover 
{
  background-color: #EEF;
}


#nav-menu li:hover .sub-one
{
  display: block;
}


#nav-menu li:hover #sub-contents
{
  display: block;
}


#nav-menu, ul.sub-one, ul.sub-two
{
  list-style-type: none;

  font-weight: bold;

  font-size: 13px;

  padding: 0;

  margin: 0;
}


#nav-menu .sub-one li:hover .sub-two
{
  display: block;
}


#admin-stop-point
{
  min-width: 720px;
  
  margin-top: 70px;
  
  margin-right: 5%;
  
  border-bottom-width: 4px;
  
  border-bottom-color: #CCC;
  
  border-bottom-style: double;
}


#stop-point
{ 
  margin-left: 3px;

  border-bottom-width: 4px;
  
  border-bottom-color: #CCC;
  
  border-bottom-style: double;
}


#sell-price
{
  float: left;

  color: #777;

  font-size: 17px;

  text-decoration: line-through;
}


#signup-first-name,
#signup-last-name
{
  box-sizing: content-box;
    
  margin-bottom: 7px; 

  margin-left: 10px;

  padding-left: 8px;

  font-size: 15px;

  height: 25px;

  width: 165px;
}


#signup-confirm-password,
#signup-password, 
#signup-user-id,
#login-password,
#login-user-id,
#signup-email
{
  box-sizing: content-box;
    
  margin-bottom: 7px; 

  margin-left: 10px;

  padding-left: 8px;

  font-size: 15px;

  height: 25px;

  width: 364px;
}


#signup-confirm-password,
#signup-user-id, 
#signup-email
{
  margin-bottom: 25px;
}


#remember-me
{
  transform: scale(1.2);

  margin-bottom: 20px;

  margin-top: 10px;
}


/* End Menu Styles */


/* Start Placeholder Styles */


input::-webkit-input-placeholder 
{ 
  font-size: 13px; font-style: normal; color: #BBB;
  
  font-family: "Times New Roman", Times, serif;
}

input::-moz-placeholder 
{ 
  font-size: 13px; font-style: normal; color: #BBB;
  
  font-family: "Times New Roman", Times, serif;   
}

input:-ms-input-placeholder 
{
  font-size: 13px; font-style: normal; color: #BBB;
  
  font-family: "Times New Roman", Times, serif;
}

input:-moz-placeholder 
{
  font-size: 13px; font-style: normal; color: #BBB;
  
  font-family: "Times New Roman", Times, serif;
}

input.signup::-webkit-input-placeholder 
{ 
  font-size: 18px; font-style: normal; color: #999;
  
  font-family: "Times New Roman", Times, serif;
}

input.signup::-moz-placeholder 
{ 
  font-size: 18px; font-style: normal; color: #999;
  
  font-family: "Times New Roman", Times, serif;   
}

input.signup:-ms-input-placeholder 
{
  font-size: 18px; font-style: normal; color: #999;
  
  font-family: "Times New Roman", Times, serif;
}

input.signup:-moz-placeholder 
{
  font-size: 18px; font-style: normal; color: #999;
  
  font-family: "Times New Roman", Times, serif;
}


/* End Placeholder Styles */


/* Start Button Styles */


#summary
{ 
  width: 898px; padding-top: 10px;
  
  padding-bottom: 10px; margin-top: 10px;
  
  margin-bottom: 30px; border-style: solid; 
  
  border-width: 1px; border-color: #9E4A00; 
  
  background-color: #FFEA9D; cursor: pointer;
  
  text-decoration: none; display: inline-block; 
    
  font: 1.20em Arial, Times, sans-serif;
  
  font-weight: bold; color: #000000;
  
  text-align: center;
}


#summary:hover
{
  background-color: #FFCC7F;
}


.policy-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
   
  text-align: center; text-decoration: none;

  display: inline-block; padding-top: 2px;
  
  font: 0.90em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #555555;

  width: 100%; height: 20px; color: #FFFFFF;
}


.signup-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #00331A;

  width: 80px; height: 30px; color: #FFFFFF;
}


.login-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #0000B3;

  width: 70px; height: 25px; color: #FFFFFF;
}


.change-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #B30000;

  width: 80px; height: 25px; color: #FFFFFF;
}


.setup-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #B30000;

  width: 80px; height: 25px; color: #FFFFFF;
}


.send-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #B30000;

  width: 70px; height: 25px; color: #FFFFFF;
}


.scroll-button 
{
  cursor: pointer;
  
  box-sizing: content-box;

  padding-left: 0; padding-right: 0;
 
  font: 2.00em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #003300;

  width: 40px; height: 80px; color: #FFFFFF;
}


.execute-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #B300B3;

  width: 80px; height: 25px; color: #FFFFFF;
}


.submit-step-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #B30000;

  width: 100px; height: 25px; color: #FFFFFF;
}


.buy-now-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #995C00;

  width: 100px; height: 25px; color: #000000;
}


.view-cart-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #995C00;

  width: 90px; height: 25px; color: #000000;
}


.add-to-cart-button 
{
  cursor: pointer;
  
  box-sizing: content-box;
 
  font: 0.80em Arial, Times, sans-serif;
  
  font-weight: bold; border: 1px solid #995C00;

  width: 100px; height: 25px; color: #000000;
}


.policy-gradient
{
  background-color: #BBBBBB;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#888888));
  
  background-image: -webkit-linear-gradient(#CCCCCC, #888888);
  
  background-image: -moz-linear-gradient(#CCCCCC, #888888);
  
  background-image: -ms-linear-gradient(#CCCCCC, #888888);
  
  background-image: -o-linear-gradient(#CCCCCC, #888888);
}


.policy-gradient:hover 
{
  background-color: #999999;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#666666));
  
  background-image: -webkit-linear-gradient(#AAAAAA, #666666);
  
  background-image: -moz-linear-gradient(#AAAAAA, #666666);
  
  background-image: -ms-linear-gradient(#AAAAAA, #666666);
  
  background-image: -o-linear-gradient(#AAAAAA, #666666);
}


.policy-gradient:active 
{
  background-color: #444444;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#AAAAAA));
  
  background-image: -webkit-linear-gradient(#666666, #AAAAAA);
  
  background-image: -moz-linear-gradient(#666666, #AAAAAA);
  
  background-image: -ms-linear-gradient(#666666, #AAAAAA);
  
  background-image: -o-linear-gradient(#666666, #AAAAAA);
}


.signup-gradient
{
  background-color: #33FF99;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#33FF99), to(#00994D));
  
  background-image: -webkit-linear-gradient(#33FF99, #00994D);
  
  background-image: -moz-linear-gradient(#33FF99, #00994D);
  
  background-image: -ms-linear-gradient(#33FF99, #00994D);
  
  background-image: -o-linear-gradient(#33FF99, #00994D);
}


.signup-gradient:hover 
{
  background-color: #00CC66;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00CC66), to(#006633));
  
  background-image: -webkit-linear-gradient(#00CC66, #006633);
  
  background-image: -moz-linear-gradient(#00CC66, #006633);
  
  background-image: -ms-linear-gradient(#00CC66, #006633);
  
  background-image: -o-linear-gradient(#00CC66, #006633);
}


.signup-gradient:active 
{
  background-color: #006633;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#006633), to(#00CC66));
  
  background-image: -webkit-linear-gradient(#006633, #00CC66);
  
  background-image: -moz-linear-gradient(#006633, #00CC66);
  
  background-image: -ms-linear-gradient(#006633, #00CC66);
  
  background-image: -o-linear-gradient(#006633, #00CC66);

  font-size: 0.75em;
}


.login-gradient
{
  background-color: #CCCCFF;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCFF), to(#4D4DFF));
  
  background-image: -webkit-linear-gradient(#CCCCFF, #4D4DFF);
  
  background-image: -moz-linear-gradient(#CCCCFF, #4D4DFF);
  
  background-image: -ms-linear-gradient(#CCCCFF, #4D4DFF);
  
  background-image: -o-linear-gradient(#CCCCFF, #4D4DFF);
}


.login-gradient:hover 
{
  background-color: #6666FF;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6666FF), to(#0000FF));
  
  background-image: -webkit-linear-gradient(#6666FF, #0000FF);
  
  background-image: -moz-linear-gradient(#6666FF, #0000FF);
  
  background-image: -ms-linear-gradient(#6666FF, #0000FF);
  
  background-image: -o-linear-gradient(#6666FF, #0000FF);
}


.login-gradient:active 
{
  background-color: #0000FF;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#0000FF), to(#6666FF));
  
  background-image: -webkit-linear-gradient(#0000FF, #6666FF);
  
  background-image: -moz-linear-gradient(#0000FF, #6666FF);
  
  background-image: -ms-linear-gradient(#0000FF, #6666FF);
  
  background-image: -o-linear-gradient(#0000FF, #6666FF);

  font-size: 0.75em;
}


.change-gradient
{
  background-color: #FFCCCC;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCCCC), to(#FF4D4D));
  
  background-image: -webkit-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -moz-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -ms-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -o-linear-gradient(#FFCCCC, #FF4D4D);
}


.change-gradient:hover 
{
  background-color: #FF6666;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6666), to(#FF0000));
  
  background-image: -webkit-linear-gradient(#FF6666, #FF0000);
  
  background-image: -moz-linear-gradient(#FF6666, #FF0000);
  
  background-image: -ms-linear-gradient(#FF6666, #FF0000);
  
  background-image: -o-linear-gradient(#FF6666, #FF0000);
}


.change-gradient:active 
{
  background-color: #FF0000;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF6666));
  
  background-image: -webkit-linear-gradient(#FF0000, #FF6666);
  
  background-image: -moz-linear-gradient(#FF0000, #FF6666);
  
  background-image: -ms-linear-gradient(#FF0000, #FF6666);
  
  background-image: -o-linear-gradient(#FF0000, #FF6666);

  font-size: 0.75em;
}


.setup-gradient
{
  background-color: #FFCCCC;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCCCC), to(#FF4D4D));
  
  background-image: -webkit-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -moz-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -ms-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -o-linear-gradient(#FFCCCC, #FF4D4D);
}


.setup-gradient:hover 
{
  background-color: #FF6666;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6666), to(#FF0000));
  
  background-image: -webkit-linear-gradient(#FF6666, #FF0000);
  
  background-image: -moz-linear-gradient(#FF6666, #FF0000);
  
  background-image: -ms-linear-gradient(#FF6666, #FF0000);
  
  background-image: -o-linear-gradient(#FF6666, #FF0000);
}


.setup-gradient:active 
{
  background-color: #FF0000;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF6666));
  
  background-image: -webkit-linear-gradient(#FF0000, #FF6666);
  
  background-image: -moz-linear-gradient(#FF0000, #FF6666);
  
  background-image: -ms-linear-gradient(#FF0000, #FF6666);
  
  background-image: -o-linear-gradient(#FF0000, #FF6666);

  font-size: 0.75em;
}


.send-gradient
{
  background-color: #FFCCCC;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCCCC), to(#FF4D4D));
  
  background-image: -webkit-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -moz-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -ms-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -o-linear-gradient(#FFCCCC, #FF4D4D);
}


.send-gradient:hover 
{
  background-color: #FF6666;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6666), to(#FF0000));
  
  background-image: -webkit-linear-gradient(#FF6666, #FF0000);
  
  background-image: -moz-linear-gradient(#FF6666, #FF0000);
  
  background-image: -ms-linear-gradient(#FF6666, #FF0000);
  
  background-image: -o-linear-gradient(#FF6666, #FF0000);
}


.send-gradient:active 
{
  background-color: #FF0000;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF6666));
  
  background-image: -webkit-linear-gradient(#FF0000, #FF6666);
  
  background-image: -moz-linear-gradient(#FF0000, #FF6666);
  
  background-image: -ms-linear-gradient(#FF0000, #FF6666);
  
  background-image: -o-linear-gradient(#FF0000, #FF6666);

  font-size: 0.75em;
}


.scroll-gradient
{
  background-color: #99FFBB;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#99FFBB), to(#009933));
  
  background-image: -webkit-linear-gradient(#99FFBB, #009933);
  
  background-image: -moz-linear-gradient(#99FFBB, #009933);
  
  background-image: -ms-linear-gradient(#99FFBB, #009933);
  
  background-image: -o-linear-gradient(#99FFBB, #009933);
}


.scroll-gradient:hover 
{
  background-color: #66FF99;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#66FF99), to(#00802B));
  
  background-image: -webkit-linear-gradient(#66FF99, #00802B);
  
  background-image: -moz-linear-gradient(#66FF99, #00802B);
  
  background-image: -ms-linear-gradient(#66FF99, #00802B);
  
  background-image: -o-linear-gradient(#66FF99, #00802B);
}


.scroll-gradient:active 
{
  background-color: #009933;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#009933), to(#009933));
  
  background-image: -webkit-linear-gradient(#009933, #009933);
  
  background-image: -moz-linear-gradient(#009933, #009933);
  
  background-image: -ms-linear-gradient(#009933, #009933);
  
  background-image: -o-linear-gradient(#009933, #009933);

  font-size: 1.50em;
}


.execute-gradient
{
  background-color: #FFCCFF;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCCFF), to(#FF4DFF));
  
  background-image: -webkit-linear-gradient(#FFCCFF, #FF4DFF);
  
  background-image: -moz-linear-gradient(#FFCCFF, #FF4DFF);
  
  background-image: -ms-linear-gradient(#FFCCFF, #FF4DFF);
  
  background-image: -o-linear-gradient(#FFCCFF, #FF4DFF);
}


.execute-gradient:hover 
{
  background-color: #FF66FF;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF66FF), to(#FF00FF));
  
  background-image: -webkit-linear-gradient(#FF66FF, #FF00FF);
  
  background-image: -moz-linear-gradient(#FF66FF, #FF00FF);
  
  background-image: -ms-linear-gradient(#FF66FF, #FF00FF);
  
  background-image: -o-linear-gradient(#FF66FF, #FF00FF);
}


.execute-gradient:active 
{
  background-color: #FF00FF;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF00FF), to(#FF66FF));
  
  background-image: -webkit-linear-gradient(#FF00FF, #FF66FF);
  
  background-image: -moz-linear-gradient(#FF00FF, #FF66FF);
  
  background-image: -ms-linear-gradient(#FF00FF, #FF66FF);
  
  background-image: -o-linear-gradient(#FF00FF, #FF66FF);

  font-size: 0.75em;
}


.submit-step-gradient
{
  background-color: #FFCCCC;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCCCC), to(#FF4D4D));
  
  background-image: -webkit-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -moz-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -ms-linear-gradient(#FFCCCC, #FF4D4D);
  
  background-image: -o-linear-gradient(#FFCCCC, #FF4D4D);
}


.submit-step-gradient:hover 
{
  background-color: #FF6666;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6666), to(#FF0000));
  
  background-image: -webkit-linear-gradient(#FF6666, #FF0000);
  
  background-image: -moz-linear-gradient(#FF6666, #FF0000);
  
  background-image: -ms-linear-gradient(#FF6666, #FF0000);
  
  background-image: -o-linear-gradient(#FF6666, #FF0000);
}


.submit-step-gradient:active 
{
  background-color: #FF0000;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF6666));
  
  background-image: -webkit-linear-gradient(#FF0000, #FF6666);
  
  background-image: -moz-linear-gradient(#FF0000, #FF6666);
  
  background-image: -ms-linear-gradient(#FF0000, #FF6666);
  
  background-image: -o-linear-gradient(#FF0000, #FF6666);

  font-size: 0.75em;
}


.buy-now-gradient
{
  background-color: #FFE0B3;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE0B3), to(#FFAD33));
  
  background-image: -webkit-linear-gradient(#FFE0B3, #FFAD33);
  
  background-image: -moz-linear-gradient(#FFE0B3, #FFAD33);
  
  background-image: -ms-linear-gradient(#FFE0B3, #FFAD33);
  
  background-image: -o-linear-gradient(#FFE0B3, #FFAD33);
}


.buy-now-gradient:hover 
{
  background-color: #FFB84D;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFB84D), to(#E68A00));
  
  background-image: -webkit-linear-gradient(#FFB84D, #E68A00);
  
  background-image: -moz-linear-gradient(#FFB84D, #E68A00);
  
  background-image: -ms-linear-gradient(#FFB84D, #E68A00);
  
  background-image: -o-linear-gradient(#FFB84D, #E68A00);
}


.buy-now-gradient:active 
{
  background-color: #E68A00;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FFB84D));
  
  background-image: -webkit-linear-gradient(#E68A00, #FFB84D);
  
  background-image: -moz-linear-gradient(#E68A00, #FFB84D);
  
  background-image: -ms-linear-gradient(#E68A00, #FFB84D);
  
  background-image: -o-linear-gradient(#E68A00, #FFB84D);

  font-size: 0.75em;
}


.view-cart-gradient
{
  background-color: #FFE0B3;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE0B3), to(#FFAD33));
  
  background-image: -webkit-linear-gradient(#FFE0B3, #FFAD33);
  
  background-image: -moz-linear-gradient(#FFE0B3, #FFAD33);
  
  background-image: -ms-linear-gradient(#FFE0B3, #FFAD33);
  
  background-image: -o-linear-gradient(#FFE0B3, #FFAD33);
}


.view-cart-gradient:hover 
{
  background-color: #FFB84D;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFB84D), to(#E68A00));
  
  background-image: -webkit-linear-gradient(#FFB84D, #E68A00);
  
  background-image: -moz-linear-gradient(#FFB84D, #E68A00);
  
  background-image: -ms-linear-gradient(#FFB84D, #E68A00);
  
  background-image: -o-linear-gradient(#FFB84D, #E68A00);
}


.view-cart-gradient:active 
{
  background-color: #E68A00;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FFB84D));
  
  background-image: -webkit-linear-gradient(#E68A00, #FFB84D);
  
  background-image: -moz-linear-gradient(#E68A00, #FFB84D);
  
  background-image: -ms-linear-gradient(#E68A00, #FFB84D);
  
  background-image: -o-linear-gradient(#E68A00, #FFB84D);

  font-size: 0.75em;
}


.add-to-cart-gradient
{
  background-color: #FFE0B3;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE0B3), to(#FFAD33));
  
  background-image: -webkit-linear-gradient(#FFE0B3, #FFAD33);
  
  background-image: -moz-linear-gradient(#FFE0B3, #FFAD33);
  
  background-image: -ms-linear-gradient(#FFE0B3, #FFAD33);
  
  background-image: -o-linear-gradient(#FFE0B3, #FFAD33);
}


.add-to-cart-gradient:hover 
{
  background-color: #FFB84D;
 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFB84D), to(#E68A00));
  
  background-image: -webkit-linear-gradient(#FFB84D, #E68A00);
  
  background-image: -moz-linear-gradient(#FFB84D, #E68A00);
  
  background-image: -ms-linear-gradient(#FFB84D, #E68A00);
  
  background-image: -o-linear-gradient(#FFB84D, #E68A00);
}


.add-to-cart-gradient:active 
{
  background-color: #E68A00;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FFB84D));
  
  background-image: -webkit-linear-gradient(#E68A00, #FFB84D);
  
  background-image: -moz-linear-gradient(#E68A00, #FFB84D);
  
  background-image: -ms-linear-gradient(#E68A00, #FFB84D);
  
  background-image: -o-linear-gradient(#E68A00, #FFB84D);

  font-size: 0.75em;
}


/* End Button Styles */