/***************************/
/***** global styles *******/
/***************************/
body {
  margin:0px;
  padding:0px;
  background-color:#e5eaef;
  text-align:center;
}
td, div {
  font-family:verdana, arial, sans-serif;
  font-size:11px;
  color:#002b5b;
  line-height:18px;
}
a, a:link, a:visited, a:active {
  color:#f7c046;
  text-decoration:underline;
  font-weight:bold;
}
a:hover {
  color:#f7c046;
  text-decoration:none;
}
@media all{
  input.save { background-color:#29547f; color:#ffffff; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
  input.save2 { background-color:#29547f; color:#f7c345; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
  input.submit { background-color:#29547f; color:#ffffff; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
  input.next { background-color:#29547f; color:#f7c345; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
  input.submit-order { background-color:#29547f; color:#f7c345; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
  input.back { background-color:#29547f; color:#f7c345; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
  input.back2 { background-color:#29547f; color:#ffffff; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
  input.update { background-color:#29547f; color:#f7c345; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
  input.continue { background-color:#29547f; color:#ffffff; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
  input.checkout { background-color:#29547f; color:#f7c345; font-size:10px; font-family:verdana,sans-serif; font-weight:bold; margin:0px; border-width:0px; padding:3px; text-decoration:underline; }
	input.button { font-size:11px; font-family:verdana,sans-serif; font-weight:bold; }
}
/***************************/
/***** global styles *******/
/***************************/



/***********************/
/***** structure *******/
/***********************/
#content-border {
  width:100%;
  margin:0px;
  padding:0px;
  background-color:#fff;
  border-style:solid;
	border-color:#f7c046;
	border-width:1px 0px;
}
#content-area {
  width:780px;
	margin:0px auto;
  padding:0px;
  text-align:left;
}
/***********************/
/***** structure *******/
/***********************/



/********************/
/***** header *******/
/********************/
#header-border {
  width:100%;
  margin:0px;
  padding:0px;
  border-style:solid;
	border-color:#fff;
	border-width:0px 0px 2px 0px;
}
#header-area {
  width:780px;
	margin:0px auto;
  padding-bottom:7px;
}
#header-shadow {
  background:url(../images/header_shadow.gif) repeat-x;
}
/********************/
/***** header *******/
/********************/



/********************/
/***** footer *******/
/********************/
#footer-border {
  width:100%;
  margin:0px;
  padding:0px;
  border-style:solid;
	border-color:#fff;
	border-width:2px 0px 0px 0px;
}
#footer-area {
  width:780px;
	margin:0px auto;
  padding-top:4px;
  
	text-align:left;
}
#footer-shadow {
  background:url(../images/footer_shadow.gif) repeat-x;
}
.footer {
  font-family:arial, sans-serif;
  font-size:10px;
  color:#003366;
  line-height:14px;
}
a.footer, a.footer:link, a.footer:visited, a.footer:active {
  color:#003366;
  text-decoration:underline;
}
a.footer:hover {
  color:#003366;
  text-decoration:none;
}
/********************/
/***** footer *******/
/********************/



/********************/
/***** footer *******/
/********************/
#footer-border2 {
  width:100%;
  margin:0px;
  padding:0px;
  border-style:solid;
	border-color:#fff;
	border-width:2px 0px 0px 0px;
}
#footer-area2 {
  width:780px;
	margin:0px auto;
  padding:4px 0px 0px 50px;
	text-align:left;
}
#footer-shadow2 {
  background:url(../images/footer_shadow.gif) repeat-x;
}
.footer2 {
  font-family:arial, sans-serif;
  font-size:10px;
  color:#003366;
  line-height:14px;
}
a.footer2, a.footer2:link, a.footer2:visited, a.footer2:active {
  color:#003366;
  text-decoration:underline;
}
a.footer2:hover {
  color:#003366;
  text-decoration:none;
}
/********************/
/***** footer *******/
/********************/



/**************************/
/***** text styles ********/
/**************************/
.text-sm {
  font-size:9px;
  font-weight:normal;
}
.text-highlight {
  color:#f7c046;
}
.content {
  font-family:verdana, arial, sans-serif;
  font-size:11px;
  color:#002b5b;
  line-height:17px;
}
.content b {
  font-size:13px;
  font-weight:bold;
}
.required{
  color:#cc0000;
}
/**************************/
/***** text styles ********/
/**************************/



/**************************/
/***** link styles ********/
/**************************/
a.link1, a.link1:link, a.link1:visited, a.link1:active {
  font-family:verdana, arial, sans-serif;
  font-weight:normal;
  font-size:11px;
  color:#002b5b;
  text-decoration:underline;
}
a.link1:hover {
  color:#003366;
  text-decoration:none;
}
a.link2, a.link2:link, a.link2:visited, a.link2:active {
  font-family:verdana, arial, sans-serif;
  font-weight:bold;
  font-size:11px;
  color:#002b5b;
  text-decoration:underline;
}
a.link2:hover {
  color:#003366;
  text-decoration:none;
}
a.link3, a.link3:link, a.link3:visited, a.link3:active {
  font-family:verdana, arial, sans-serif;
  font-weight:bold;
  font-size:11px;
  color:#ffffff;
  text-decoration:underline;
}
a.link3:hover {
  color:#ffffff;
  text-decoration:none;
}
/**************************/
/***** link styles ********/
/**************************/



/**************************/
/***** misc styles ********/
/**************************/
div.spacer { clear:both; line-height:1px; font-size:1px; }
.dotted-line { background:url(../images/dottedline_tile.gif) repeat-x; }
#mag {
  position:absolute;
  top:0px;
  left:0px;
  z-index:20;
}
/**************************/
/***** misc styles ********/
/**************************/



/********************/
/***** index ********/
/********************/
.form {
  margin:0px;
  padding:0px;
}
#shopnow {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  z-index:20;
}
#login {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  z-index:20;
  
  width:274px;
  height:69px;
  padding-top:3px;
  background:url(../images/home_login_bg.gif) no-repeat;
}
div.row {
  height:25px;
  padding-top:3px;
  clear:both;
}
div.row span.label {
  float:left;
  width:73px;
  padding-right:3px;
  
  text-align:right;
  color:#f7c046;
  font-weight:bold;
}
div.row span.field {
  float:right;
  width:198px;
  
  text-align:left;
}
a.plain, a.plain:link, a.plain:visited, a.plain:active {
  color:#003366;
  text-decoration:underline;
  font-weight:normal;
}
a.plain:hover {
  color:#003366;
  text-decoration:none;
}
/********************/
/***** index ********/
/********************/



/********************************/
/***** main content block *******/
/********************************/
.block {
  width:660px;
  position:relative;
	margin-left:60px;
}
/********************************/
/***** main content block *******/
/********************************/



/***************************/
/***** main title bar ******/
/***************************/
.title-bar {
  width:680px;
  margin:10px 0px 0px 50px;
  background-color:#29547f;
}
.title-bar-text {
  color:#fff;
  height:20px;
  padding-left:4px;
  line-height:20px;
}
.title-bar-back {
  float:left;
  width:65px;
  height:20px;
  background-color:#96adc5;
  color:#fff;
  text-align:center;
  border-style:solid;
  border-color:#fff;
  border-width:0px 1px 0px 0px;
}
.title-bar-back a, .title-bar-back a:link, .title-bar-back a:visited, .title-bar-back a:active {
  font-family:verdana, arial, sans-serif;
  font-size:11px;
  color:#002b5b;
  text-decoration:underline;
}
.title-bar-back a:hover {
  text-decoration:none;
}
.title-bar-date {
  float:left;
  height:20px;
  padding:0px 4px;
  background-color:#96adc5;
  color:#002b5b;
  font-weight:bold;
  border-style:solid;
  border-color:#fff;
  border-width:0px 1px 0px 0px;
}
/***************************/
/***** main title bar ******/
/***************************/



/******************/
/***** table ******/
/******************/
.table {
  clear:both;
  margin:0px 0px 7px 127px;
  padding:0px;
  width:526px;
}
.table .title {
  margin:0px 0px 4px 0px;
  padding:2px 0px 2px 4px;
  background-color:#29547f;
  font-family:verdana, arial, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  line-height:18px;
}
.table .row-one {
  margin:0px;
  padding:0px;
  height:21px;
  background-color:#fff;
}
.table .row-two {
  margin:0px;
  padding:0px;
  height:21px;
  background-color:#eff2f5;
}
.table a.cat-name {
  float:left;
  padding-left:4px;
}
.table a.sample {
  float:right;
  height:21px;
  padding:0px 6px 0px 27px;
  text-decoration:underline;
  background:url(../images/sample.gif) no-repeat;
  white-space: nowrap;
}
.table a, .table a:link, .table a:visited, .table a:active {
  font-family:verdana, arial, sans-serif;
  font-weight:normal;
  font-size:11px;
  color:#002b5b;
  text-decoration:underline;
}
.table a:hover {
  text-decoration:none;
}
/******************/
/***** table ******/
/******************/



/***************************/
/***** template cell *******/
/***************************/
.cell {
  float:left;
  width:170px;
  padding:0px;
  margin:0px 0px 0px 0px;
  text-align:left;
}
.cell dl {
  margin:0px;
  padding:0px;
}
.cell dt {
  clear:both;
  float:left;
  margin:0px;
  padding:0px;
  white-space: nowrap;
}
.cell dd {
  clear:right;
  float:right;
  margin:0px;
  padding:0px;
  white-space: nowrap;
}
.cell a, .cell a:link, .cell a:visited, .cell a:active {
  font-family:verdana, arial, sans-serif;
  font-size:11px;
  color:#002b5b;
  text-decoration:underline;
}
.cell a:hover {
  text-decoration:none;
}
/***************************/
/***** template cell *******/
/***************************/



/****************************/
/***** customize form *******/
/****************************/
/* alternate version in safari_forms.css */
.form-customize .form-label1 {
  clear:left;
  float:left;
  width:140px;
  text-align:right;
  font-weight:bold;
  background-color:#eff2f5;
  margin-right:5px;
  padding-right:5px;
}
.form-customize .form-label1-required {
  clear:left;
  float:left;
  width:140px;
  text-align:right;
  font-weight:bold;
  background-color:#eff2f5;
  margin-right:5px;
  padding-right:5px;
}
.form-customize .form-label2 {
  clear:left;
  float:left;
  width:140px;
  text-align:right;
  font-weight:bold;
  margin-right:5px;
  padding-right:5px;
}
.form-customize .form-label2-required {
  clear:left;
  float:left;
  width:140px;
  text-align:right;
  font-weight:bold;
  margin-right:5px;
  padding-right:5px;
}
.form-customize .form-row {
  margin:2px 0px;
  padding:0px;
}
input.fieldsm  { width:50px; }
input.fieldsm2 { width:85px; }
input.fieldmd  { width:130px; }
input.fieldmd2 { width:180px; }
input.fieldlg  { width:290px; }
textarea.fieldlg  { width:290px; height:150px; }

.form-customize .field-required input {
  background-color:#ffe7b2;
}
.form-customize .field-required select {
  background-color:#ffe7b2;
}
.form-customize .field-required textarea {
  background-color:#ffe7b2;
}
/****************************/
/***** customize form *******/
/****************************/



/**************************/
/***** profile form *******/
/**************************/
/* alternate version in safari_forms.css */
.form-profile .form-label1 {
  clear:left;
  float:left;
  width:160px;
  /*color:#577393;*/
  text-align:right;
  font-weight:bold;
  background-color:#eff2f5;
  margin-right:5px;
  padding-right:5px;
}
.form-profile .form-label1-required {
  clear:left;
  float:left;
  width:160px;
  text-align:right;
  font-weight:bold;
  background-color:#eff2f5;
  margin-right:5px;
  padding-right:5px;
}
.form-profile .form-label2 {
  clear:left;
  float:left;
  width:160px;
  /*color:#577393;*/
  text-align:right;
  font-weight:bold;
  margin-right:5px;
  padding-right:5px;
}
.form-profile .form-label2-required {
  clear:left;
  float:left;
  width:160px;
  text-align:right;
  font-weight:bold;
  margin-right:5px;
  padding-right:5px;
}
.form-profile .form-row {
  margin:2px 0px;
}

input.fieldsm  { width:50px; }
input.fieldsm2 { width:85px; }
input.fieldmd  { width:130px; }
input.fieldmd2 { width:180px; }
select.fieldmd2 { width:180px; }
input.fieldlg  { width:290px; }
textarea.fieldlg  { width:290px; height:80px; }

.form-profile .field-required input {
  background-color:#ffe7b2;
}
.form-profile .field-required select {
  background-color:#ffe7b2;
}
/**************************/
/***** profile form *******/
/**************************/



/***************************/
/***** checkout form *******/
/***************************/
/* alternate version in safari_forms.css */
.form-checkout .form-label1 {
  clear:left;
  float:left;
  width:320px;
  text-align:right;
  font-weight:bold;
  background-color:#eff2f5;
  margin-right:5px;
  padding-right:5px;
}
.form-checkout .form-label1-required {
  clear:left;
  float:left;
  width:320px;
  text-align:right;
  font-weight:bold;
  background-color:#eff2f5;
  margin-right:5px;
  padding-right:5px;
}
.form-checkout .form-label2 {
  clear:left;
  float:left;
  width:320px;
  text-align:right;
  font-weight:bold;
  margin-right:5px;
  padding-right:5px;
}
.form-checkout .form-label2-required {
  clear:left;
  float:left;
  width:320px;
  text-align:right;
  font-weight:bold;
  margin-right:5px;
  padding-right:5px;
}

.form-checkout .form-row {
  margin:2px 0px;
}

input.fieldsm  { width:50px; }
input.fieldsm2 { width:85px; }
input.fieldmd  { width:130px; }
input.fieldmd2 { width:180px; }
input.fieldlg  { width:290px; }

.form-checkout .field-required input {
  background-color:#ffe7b2;
}
.form-checkout .field-required select {
  background-color:#ffe7b2;
}
/***************************/
/***** checkout form *******/
/***************************/



/***************************/
/***** order-history *******/
/***************************/
ul.order-history {
  display:block;
  padding:0px 0px;
  margin:0px 0px 1px 0px;
  border-style:solid; border-color:#fff; border-width:1px 0px;
}
ul.order-history li {
  display:block;
  float:left;
  padding:2px 2px;
  margin:0px 0px;
}
ul.order-history li.name {
  clear:left;
  width:211;
  text-align:left;
}
ul.order-history li.address {
  width:251;
  text-align:left;
}
ul.order-history li.cost {
  width:56;
  text-align:center;
}
ul.order-history li.quantity {
  width:66;
  text-align:center;
}
ul.order-history li.reorder {
  float:right;
  margin:0px 4px 0px 0px;
}
/***************************/
/***** order-history *******/
/***************************/



/************************/
/***** order-cart *******/
/************************/
ul.order-cart {
  display:block;
  padding:0px 0px;
  margin:0px 0px 1px 0px;
  border-style:solid; border-color:#fff; border-width:1px 0px;
}
ul.order-cart li {
  display:block;
  float:left;
  padding:2px 2px;
  margin:0px 0px;
}
ul.order-cart li.name {
  clear:left;
  width:261;
  text-align:left;
}
ul.order-cart li.quantity {
  width:100;
  text-align:center;
}
ul.order-cart li.cost {
  width:157;
  text-align:center;
}
ul.order-cart li.edit {
  width:66;
  text-align:center;
}
ul.order-cart li.remove {
  float:right;
  margin:0px 4px 0px 0px;
}
/************************/
/***** order-cart *******/
/************************/



/****************************/
/***** order-checkout *******/
/****************************/
ul.order-checkout {
  display:block;
  padding:0px 0px;
  margin:0px 0px 1px 0px;
  border-style:solid; border-color:#fff; border-width:1px 0px;
}
ul.order-checkout li {
  display:block;
  float:left;
  padding:2px 2px;
  margin:0px 0px;
}
ul.order-checkout li.name {
  clear:left;
  width:350;
  text-align:left;
}
ul.order-checkout li.quantity {
  width:100;
  text-align:center;
}
ul.order-checkout li.cost {
  float:right;
  margin:0px 2px 0px 0px;
}
/****************************/
/***** order-checkout *******/
/****************************/



/***********************/
/***** templates *******/
/***********************/
ul.templates {
  display:block;
  padding:0px 0px;
  margin:0px 0px 1px 0px;
  border-style:solid; border-color:#fff; border-width:1px 0px;
}
ul.templates li {
  display:block;
  float:left;
  padding:2px 4px;
  margin:0px 0px;
}
ul.templates li.date {
  clear:left;
  width:100;
  text-align:left;
}
ul.templates li.name {
  text-align:left;
}
ul.templates li.edit {
  float:right;
  margin:0px 4px 0px 0px;
}
ul.templates li.remove {
  float:right;
  margin:0px 4px 0px 0px;
}
/***********************/
/***** templates *******/
/***********************/