ordering options CSS in Shipping, Thankyou pages

[margeau]

I have not been able to effect the font styling of the ordering options displayed on the Shipping and Thankyou pages. I am successfully styling all the other text in the product table from my shipping.css and thankyou.css, but the options are not effected.
Can anyone see my error, or point me to the place I need to apply styles? Thanks.
Here is my shipping style sheet:

Code: Select all

<style type="text/css">
<!--
/*********************************************************/
/***  Cascading Style Sheet for CRG   ***/
/***                 Shipping Screen            ***/
/*********************************************************/

/***********************/
/***  Page Defaults  ***/
/***********************/
body {
  color: #[-- STORE.SC_TextColor --];
  background-color: #[-- STORE.SC_BackgroundColor --];
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
}
.bodytxt {
  color: #[-- STORE.SC_TextColor --];
  background-color: #[-- STORE.SC_BackgroundColor --];
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
}

/***********************/
/***  Hyperlinks     ***/
/***********************/
a:link {
  font-family : verdana, arial, helvetica;
  color : #FFFFFF;
  text-decoration: none;
}
a:visited {
  font-family : verdana, arial, helvetica;
  color : #C5C4C4;
  text-decoration: none;
}
a:hover {
  font-family : verdana, arial, helvetica;
  color : #AF0917;
  text-decoration: underline;
}
a:active {
  font-family : verdana, arial, helvetica;
  color : #AF0917;
  text-decoration: underline;
}


/**********************************/
/***  Table of Products (Cart)  ***/
/**********************************/
table.cart {
  font-size: 11px;
  line-height: 14px;
  width: 100%;
  padding-top: 1em;
  border-collapse: separate;
  border-spacing: 3px;
}

th.cart_quantity {
  text-align: center;
}

th.cart_name {
  text-align: left;
}

th.cart_sku {
  text-align: left;
}

th.cart_price {
  text-align: right;
}

th.cart_total {
  text-align: right;
}

td.cart_quantity, td.cart_cp_quantity {
  padding: 3px;
  text-align: center;
  background-color: #[-- STORE.SC_ShadeColor --];
}

td.cart_name, td.cart_cp_name {
  padding: 3px;
  text-align: left;
  background-color: #[-- STORE.SC_ShadeColor --];
}

td.cart_image, td.cart_cp_image {
  padding: 3px;
  text-align: center;
  background-color: #[-- STORE.SC_ShadeColor --];
}

td.cart_sku, td.cart_cp_sku {
  padding: 3px;
  text-align: left;
  background-color: #[-- STORE.SC_ShadeColor --];
}

td.cart_price, td.cart_cp_price {
  padding: 3px;
  font-style: italic;
  text-align: right;
  background-color: #[-- STORE.SC_ShadeColor --];
}

td.cart_total, td.cart_cp_total {
  padding: 3px;
  text-align: right;
  background-color: #[-- STORE.SC_ShadeColor --];
}

td.cart_op {
  padding: 3px;
  text-align: left;
  background-color: #[-- STORE.SC_ShadeColor --];
}

td.cart_op1, td.cart_op2 {
  padding: 3px;
  background-color: #[-- STORE.SC_ShadeColor --];
}


/***************************************/
/***          Table of Totals        ***/
/***  Subtotal, Tax, Shipping, etc.  ***/
/***************************************/
table.totals {
  color: #[--STORE.SC_TextColor--];
  font-size: 11px;
  line-height: 14px;
  vertical-align: middle;
  line-height: 150%;
}
td.totals_txt, td.totals_saved_txt, td_totals_blank {
  text-align: right;
  padding-right: 15px;
}

td.totals, td.totals_saved {
  text-align: right;
  padding-right: 3px;
}

td.totals_all, td.totals_all_txt {
  font-weight: bold;
}

/**********************************/
/***  Comments/More Info Table  ***/
/**********************************/
td.comm_hdr {
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  text-align: center
}

/***********************/
/***  Address Table  ***/
/***********************/
table.addr { /* outer table that contains both billing and shipping addresses */
  color: #[-- STORE.SC_TextColor --];
}

table.bill_addr, table.ship_addr {   /* inner table for billing and shipping address */
  font-size: 11px;
  line-height: 14px;
  margin-left: auto;
  margin-right: 0px;
  padding: 10px;
}

table.addr_name { /* table of registered name elements */
  margin-left: -4px;
  margin-right: auto;
}

td.bill_addr_hdr, td.ship_addr_hdr {
  font-weight: bold;
  text-align:center;
}

td.addr {
  text-align: right;
  padding-right: 5px;
}

td.addr_val {
  text-align: left;
}

td.ship_check {   /* checkbox for shipping same as billing */
  text-align:left;
}

td.addr_foot {    /* footnote about required fields */
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}

td.sql_addr {
  padding-right: 15px;
}

/***********************/
/***  Payment Table  ***/
/***********************/
table.payment{
  color: #[-- STORE.SC_TextColor --];
  font-size: 11px;
  line-height: 14px;
  margin-left: auto;
  margin-right: auto;
}

table.pay_holder {
  margin-left: auto;
  margin-right: auto;
}

td.payment_hdr {
  font-weight: bold;
  text-align: center;
}

td.paymentselection {
  text-align: center;
  padding-top: 20px;
}

td.payment {
  text-align: right;
}

td.payment_value {
  text-align: left;
}

td.sql_pay {
  padding-right: 15px;
}


div.header {
}

div.footer {
  padding-top: 1em;
  padding-bottom: 1em;
}

div#messages {
  margin-top: 10px;
}

td.buttons {
  text-align: center;
  padding-top: 1em;
}

/*********************************/
/***  Table of Error Messages  ***/
/*********************************/

td.checkout_err, td.thankyou_err {
  color: #[-- STORE.SC_TextColor --];
  background-color: #[-- STORE.SC_shadecolor --];
  font-size: 12px;
  line-height: 15px;
}

td.ups_error {
  vertical-align: middle;
}

td.sc_secure_image {
  text-align: center;
}

-->
</style>

[Jim]

View the source of the pages in question and see if there are styles assigned to the elements that you want to change. If there are then you will need to change those particular styles. If there are no styles assigned you may not be able to change those elements or you might have to change an element higher up so that it affects the lower level elements.

[margeau]

I have now tried styling elements that enclose the cart table, but still no luck.
My templates are based on the sc_default css styles sheets and cart template. There is one include called sc_css_inc that I have not made a copy of and altered. I see no reference to it in my templates, but perhaps Shopsite is referencing it anyway. Does anyone know if that is true? I could make a copy and then copy over the original, but if that is not a realistic path to resolution I wasn't going to disturb that file.