﻿*
{
   margin: 0;
   padding: 0;
}
/* mac hide \*/
html, body, #form1
{
   height: 100%;
   width: 100%;
   font-size:9pt;
}
/* end hide */
body
{
   text-align: center;
   min-height: 468px; /* for good browsers*/
   min-width: 552px; /* for good browsers*/
   color: #acacac;
}
#outer-wrapper
{
   height: 100%;
   width: 100%;
   display: table;
   vertical-align: middle;
}

#container
{
   text-align: center;
   position: relative;
   vertical-align: middle;
   display: table-cell;
   height: 500px;
}

#inner
{
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   height: 500px;
   width: 974px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

#hd
{
   height: 30px;
}

#bd
{
   min-height: 450px;
}

#ft
{
   margin-top:10px;
   text-align: center;
   color:#c8c7c7;
   font-size:smaller;
}


/** Common **/
.nodisplay
{
   display: none;
}

.spacer
{
   margin-top: 10px;
}

.spacer-10
{
   margin-top: 20px;
}
h1.main-logo
{
   float: left;
   width: 266px;
   height: 33px;
   /*background: url(../../Images/Structures/main-logo.gif) no-repeat;*/
   z-index: 10;
   padding-left:20px;
}

.main-menu
{
   margin-top: 10px;
   margin-right: 130px;
   float: right;
}

.main-bd-container
{
   margin-top: 30px;
   padding: 10px; /*border:1px solid black;*/
   min-height: 430px;
}

/** Content text **/
.content-title
{
   font-size:10pt;
   /*font-weight: bold;*/
}

.content-body
{
   margin-top: 10px;
}

/** HOME-PAGE **/
#home-page
{
   margin-top: 50px;
}

#intro-image
{
   float: left;
   margin-left: 10px;
}

a.enter-button
{
   float: left;
   margin-top: 180px;
   text-decoration: none;
   color: #c8c7c7;
   font-size: 14pt;
}

a.enter-button:hover
{
   float: left;
   margin-top: 180px;
   text-decoration: none;
   color: #000;
   font-size: 14pt;
}

/** ABOUT-PAGE **/

#about-page
{
   font-size:9pt;
}

#about-page .hero-image
{
   margin-top: 50px;
   float: left;
}

#about-page .content
{
   float: right;
   margin-top: 50px;
   padding-left: 80px;
   padding-right: 10px;
   width:370px;
   height: 380px;
   background: #fff url(../../Images/Structures/textbox.gif) bottom no-repeat;
}


#about-page .content .content-text
{
   width:310px;
}


/** LOGIN PAGE **/
#login-page
{
  
}

#login-page .hero-image
{
   margin-top: 50px;
   float: left;
}

#login-page .content
{
/*
   float: right;
   margin-top: 50px;
   padding-left: 80px;
   padding-right: 10px;
   width: 370px;
   height: 380px;
   background: #fff url(../../Images/Structures/textbox.gif) bottom no-repeat;*/
      float: right;
   margin-top: 50px;
   padding-left: 80px;
   padding-right: 10px;
   width:370px;
   height: 380px;
   background: #fff url(../../Images/Structures/textbox.gif) bottom no-repeat;
}

#login-page .request-account
{
   color: #acacac;
}

#login-page .login-control
{
 margin-top:20px;
}

#login-page .login-control table tr td
{
   /*padding-top: 2px;*/
}

#login-page .login-title
{
   /*font-weight: bold;*/
}

#login-page .login-text
{
   width: 200px;
  
}

#login-page input  
{
   border:1px solid #E7E8E9;
}

#login-page .content .content-text
{
   width:310px;
}



/** REQUEST - PAGE **/
#request-page
{
}

#request-page .hero-image
{
   margin-top: 50px;
 
   float: left;
}

#request-page .content
{
   /*float: right;
   margin-top: 50px;
   padding-left: 80px;
   padding-right: 10px;
   width: 330px;
   height: 380px;
   background: #fff url(../../Images/Structures/textbox.gif) bottom no-repeat;*/
     float: right;
   margin-top: 50px;
   padding-left: 80px;
   padding-right: 10px;
   width:370px;
   height: 380px;
   background: #fff url(../../Images/Structures/textbox.gif) bottom no-repeat;
}

#request-form table tr td
{
   padding: 2px;
}

#request-form  .form-title
{
   /*font-weight: bold;*/
}

#request-form  .form-text
{
   border:1px solid #e7e8e9;
}


#request-form  .form-textarea
{
   border:1px solid #e7e8e9;
}

/** CONTACT-PAGE **/
#contact-page
{
}

#contact-page .hero-image
{
   margin-top: 50px;
   float: left;
}

#contact-page .content
{
   /* float: right;
   margin-top: 50px;
   padding-left: 80px;
   padding-right: 10px;
   width: 330px;
   height: 380px;
   background: #fff url(../../Images/Structures/textbox.gif) bottom no-repeat;*/
   float: right;
   margin-top: 50px;
   padding-left: 80px;
   padding-right: 10px;
   width:370px;
   height: 380px;
   background: #fff url(../../Images/Structures/textbox.gif) bottom no-repeat;
}


#contact-form table tr td
{
   padding: 2px;
}

#contact-form .form-title
{
   /*font-weight: bold;*/
}

#contact-form .form-text
{
   border:1px solid #e7e8e9;
}


#contact-form .form-textarea
{
   border:1px solid #e7e8e9;
}
/** RANGE - PAGE **/

#range-page
{
   overflow-y: auto;
   overflow-x: none;
   margin: 0 auto;
   text-align: center;
}

.range-list
{
   width: 90%;
  
}

.range table
{
   width: 100%;
}

.range
{
   margin: 10px;
   width: 200px;
   height: 200px;
}

.range-link
{
   text-decoration: none;
   color: #c8c7c7;
}

.range-link:hover
{
   text-decoration: none;
   color: #000;
}

/* Product - list */
.product-list
{
   
   width: 65%;
   float: left;
   text-align: left;
   height: 420px;
   overflow-x: none;
   overflow-y: auto;
   scrollbar-face-color: #e7e8e9;
   scrollbar-base-color: #ffffff;
   scrollbar-arrow-color: black;
   scrollbar-track-color: #ffffff;
   scrollbar-shadow-color: #ffffff;
   scrollbar-highlight-color: #ffffff;
   scrollbar-3dlight-color: #ffffff;
   scrollbar-darkshadow-color: #ffffff;
}


.product-header 
{
   color:#BCBEC0;
   font-size:20pt;
   margin-left:105px;
}

.ProductList 
{
   margin-left:60px;
}

.sort
{
   display: none;
}

.shopping-cart
{
   margin-top:55px;
   border: 1px solid #bcbec0;
   float: right;
   margin-right:140px;
   width: 150px;
   padding: 10px;
   position:relative;
}

.cart-container {
   width:95%;
   height:230px;
   overflow-x:hidden;
   overflow-y:auto;

}

.shopping-cart-summary
{
   width: 95%;
}

.shopping-cart-item
{
   padding-left: 5px;
}



.shopping-cart-header
{
   background: url(../../Images/Structures/gradient.gif) repeat top;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
   height: 50px;
 
}
.shopping-cart-link
{
   text-decoration: underline;
   color: #acacac;
}

.shopping-cart-link:hover
{
   text-decoration: none;
   color: #000;
}

.input-box 
{
  vertical-align:top;
   width:200px;
   border:1px solid #e7e8e9;
}

/* shipping */
#shipping-page
{
   background: url(../../Images/Structures/gradient.gif) repeat-x top;
   width: 80%;
   text-align: left;
   margin: 0 auto;
   padding: 10px;
   border:1px solid #e7e8e9;
  
}

#T_shipping
{
   text-align: left;
   width: 80%;
  margin-left:80px;
}
#T_shipping tr td
{
   padding: 5px;
   
   vertical-align: middle;
}
.form-title
{
   width: 200px;
  /* font-weight: bold;*/
}

.form-field
{
   width: 350px;
}

/** ORDER SUMMARY **/
.title
{
   font-weight: bold;
   color: #666666;
}

#order-summary-page
{
   background: url(../../Images/Structures/gradient.gif) repeat-x top;
   width: 95%;
   text-align: center;
   margin: 0 auto;
   padding: 10px;
   height: 380px;
   overflow-y: auto;
   overflow-x: none;
   scrollbar-face-color: gray;
   scrollbar-base-color: #ffffff;
   scrollbar-arrow-color: black;
   scrollbar-track-color: #ffffff;
   scrollbar-shadow-color: #ffffff;
   scrollbar-highlight-color: #ffffff;
   scrollbar-3dlight-color: #ffffff;
   scrollbar-darkshadow-color: #ffffff;
}


.shipping-summary
{
   width: 95%;
   text-align: left;
}

.shipping-summary .T_Detail
{
   border: 1px solid #cccccc;
}

.shipping-summary .T_Detail tr td
{
   padding: 2px;
}

.summary-cart-item
{
   padding-left: 5px;
  
}

.summary-cart-header
{
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
   height: 50px;
    border-bottom:1px solid #cccccc;
}