@charset "utf-8";
/******************************************************
  Description: CSS file for all of Customer interface

  Notes: Tokens are used for dynamic parts. Token names are case-insensitive.
         (substitute [] for {} in below examples)
         [IMG=imagefile.jpg] = Image loaded from media directory
         [URL=index.wml] = URL of a Webplus Shop page
         [VAR=client.bgcolor] = Variable set previously in other Webplus Shop scripts.
         [IF=client.button_borderstyle != "" \ client.button_borderstyle \ 0] = Conditional. 
            Condition is first, then result if condition is true, then result if condition is false. 
            All 3 parts are separated by \
*******************************************************/

/*************************************/
/*** WebplusShop.com Customization ***/
/*************************************/

/**  from layout.css  **/

#layout {
  width: 100%;
}

#layout_header {
  margin: 0 auto;
  width: 960px;
}

#layout_content {
  margin: 0 auto;
  width: 960px;
}

#layout_footer {
  border-top: 1px solid #259;
  margin-top: 30pt;
  width: 100%;
}

/**  from base.css  **/

address { font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: .75em 0 .25em;
}
p, pre, blockquote, ul, ol, dl {
  margin: 0;
  padding: .55em 0;
}

ul li, dd, blockquote { margin-left: 1em; }

ol li { margin-left: 2em; }

#content {
  /* layout is defined in #layout_content in layout.css */
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
}

#content a:link,
#content a:visited {
  color: #259;
  font-weight: bold;
  text-decoration: none;
}
#content a:hover,
#content a:active {
  color: #00f;
  outline: none;
  text-decoration: underline;
}
#content a:focus {
  -moz-outline-style: none;
}

#content p,
#content dl,
#content ul {
  font-size: .9em;
  line-height: 1.5em;
}

#content ul,
#content dl {
  margin-left: 12pt;
}

#content dt {
  font-weight: bold;
}
#content dd {
  padding-bottom: 9pt;
}


/**************/
/**  FOOTER  **/
/**************/

#footer {
  clear: both;
  float: none;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  margin-top: 15pt;
}

#footer .footer_group {
  float: left;
  padding-left: 20pt;
  padding-bottom: 20pt;
}

#footer a:link,
#footer a:visited {
  color: #259;
  text-decoration: none;
}
#footer a:hover,
#footer a:active {
  color: #00f;
  text-decoration: underline;
}

/*****************************************/
/*** END WebplusShop.com Customization ***/
/*****************************************/









html, body, form, object, param {
  margin: 0;
  padding: 0;
}

body {
  background: #fff ;
  background-attachment: scroll;
  color: #000;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

#container {
  margin: 0 auto;
  width: 960px;
}

#layout_table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#maintenance_mode { margin: 5em auto; }

img {
  border: 0;
  margin: 0;
  padding: 0;
}

.btn_text {
  background-color: #f9f9f9;
  border-color: #259;
  border-style: solid;
  border-width: 2px;
  color: #000;
  cursor: pointer;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 5px 3px;
  padding: 2px;
}


.btn_text:hover {
  background: #f9f9f9;
  color: #00f;
}

a:link { color: #00f; }
a:visited { color: #00f; }
a:hover { color: #00f; }
a:active { color: #00f; }

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

td {
  text-align: left;
  vertical-align: top;
}

th {
  font-size: .9em;
  text-align: center;
  vertical-align: top;
}

.required {
  color: #f00;
}

.required:after {
  content: "*"
}

.errorMsg {
  color: #f00;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}

.hide { display: none; }

.spacer { clear: both; }

.disabled { color: #999; }

.enabled { color: #000; }