/*
       copyright 2008 Campmor, Inc. All Rights Reserved
       Client: Campmor, Inc.
       Author: Maya Lindenmuth - Brulant, Inc
       Date: 3/31/2008
*/

/* All CSS changes, revisions, additions needed outside template development stage will be created in this document. Structure should look like this:
  .replaced_class { style-to-overide: value-overide !important; }
  .added_class { style: value; }
  #id { stlye: value; }
  tag { style: value; }

  For Overriding (changes and revisions):
    Copy and paste class or id that needs to be changed with all styles. Replace the unwanted style within that class or id with the new one.

  For Troubleshooting:
    If something breaks within the html, first check this file to see if its associated class has been altered. If it has, comment it out and doublecheck html. If not, reference css for style and apply formatting changes within this document as noted. */

/* Overriding layout.css */
  /* all styles taken directly from layout.css that need to be changed can be overridden here */
          .address_selected .address_selected_wrapper_hidden {visibility:hidden ; height:0px;}
  /* all additional styles relating to the layout of the page can go here */

.main_frm .address_form_phone {float:none; display:block; width:381px; clear:both; margin-bottom:4px; }
.main_frm input.short_address_form { width: 35px !important; margin-right: 6px; }

.address-phone-number {padding-left: 92px;}
.address-extension {padding-left: 250px;}

.close_shopping_cart_detail {padding-left: 150px;}

/* Overriding skin.css */
  /* all styles taken directly from skin.css that need to be changed can be overridden here */

  /* all additional styles relating to the look and feel of the page can go here */

.checkout_addresses_wrapper_1 { background: url(../images/checkout/saved_address_on.gif) left bottom repeat; float: left; }
.checkout_addresses_wrapper_2 { background: url(../images/checkout/saved_address_off.gif) left bottom repeat; float: left; }

/* Overriding text.css */
  /* all styles taken directly from text.css that need to be changed can be overridden here */

  /* all additional styles relating to the look and feel of the page can go here */
  #nav_secondary h1.gear {
background:transparent url(../images/branding/secondary_nav/header_gear.gif) no-repeat scroll left top;
}

#nav_secondary h1.footwear {
background:transparent url(../images/branding/secondary_nav/header_shoesboots.jpg) no-repeat scroll left top;
}

#nav_secondary h1.sale {
background:transparent url(../images/branding/secondary_nav/header_sale.gif) no-repeat scroll left top;
}

#nav_secondary h1.justadded {
background:transparent url(../images/branding/secondary_nav/header_justadded.gif) no-repeat scroll left top;
}

.text_content .content_grid input { width: 43px; }

/* Oveririding the value in layout.css so that the radio buttons can work as intended on the billing page */
.main_frm .field { float: none; }

.frm_action button { background: url(../images/site/btn_submit.gif) left top no-repeat; border: none; cursor: pointer; width: 66px; height: 22px; }
.frm_cancel button { background: url(../images/site/btn_cancel.gif) left top no-repeat; border: none; cursor: pointer; width: 66px; height: 22px; }

/****************************** START :: calender Popup **********************/
  .TESTcpYearNavigation,
  .TESTcpMonthNavigation  { background-color:#6677DD; text-align:center; vertical-align:center; text-decoration:none; color:#FFFFFF; font-weight:bold; }
  .TESTcpDayColumnHeader,
  .TESTcpYearNavigation,
  .TESTcpMonthNavigation,
  .TESTcpCurrentMonthDate,
  .TESTcpCurrentMonthDateDisabled,
  .TESTcpOtherMonthDate,
  .TESTcpOtherMonthDateDisabled,
  .TESTcpCurrentDate,
  .TESTcpCurrentDateDisabled,
  .TESTcpTodayText,
  .TESTcpTodayTextDisabled,
  .TESTcpText { font-family:arial; font-size:8pt; }
  TD.TESTcpDayColumnHeader { text-align:right; border:solid thin #6677DD; border-width:0 0 1 0; }
  .TESTcpCurrentMonthDate,
  .TESTcpOtherMonthDate,
  .TESTcpCurrentDate  { text-align:right; text-decoration:none; }
  .TESTcpCurrentMonthDateDisabled,
  .TESTcpOtherMonthDateDisabled,
  .TESTcpCurrentDateDisabled  { color:#D0D0D0; text-align:right; text-decoration:line-through; }
  .TESTcpCurrentMonthDate { color:#6677DD; font-weight:bold; }
  .TESTcpCurrentDate { color: #FFFFFF; font-weight:bold; }
  .TESTcpOtherMonthDate {  color:#808080; }
  TD.TESTcpCurrentDate { color:#FFFFFF; background-color: #6677DD; border-width:1; border:solid thin #000000; }
  TD.TESTcpCurrentDateDisabled { border-width:1; border:solid thin #FFAAAA; }
  TD.TESTcpTodayText,
  TD.TESTcpTodayTextDisabled { border:solid thin #6677DD; border-width:1 0 0 0; }
  A.TESTcpTodayText,
  SPAN.TESTcpTodayTextDisabled { height:20px; }
  A.TESTcpTodayText { color:#6677DD; font-weight:bold; }
  SPAN.TESTcpTodayTextDisabled { color:#D0D0D0; }
  .TESTcpBorder { border:solid thin #6677DD; }

/****************************** END :: calender Popup **********************/

/***********************START:: ORDER STATUS CHANGES ***********************/
.page_title .order_status_rectangle { width: 181px !important; height: 65px}
/***********************END:: ORDER STATUS CHANGES *************************/