body .content h2 { color: #002878; }

#main_basket table { font-size: 12px; line-height: 14px; border-right: 1px solid #999; border-bottom: 1px solid #999; background: #fff; margin-bottom: 25px; }
#main_basket table td,
#main_basket table th { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; vertical-align: top; }
#main_basket table .total td,
#main_basket table .total th { border-top: 1px solid #999; }
#main_basket table td.t_pic img { border: 1px solid #ddd; }
#main_basket table td.t_pic img:hover { border: 1px solid #999; }
#main_basket table td.t_pic { width: 47px; }
#main_basket table td.t_code { font-size: 11px; width: 45px; color: #999; text-align: center; font-style: italic; }
#main_basket table td.t_name { width: 237px; }
#main_basket table td.t_name a,
#main_basket table td.t_name a:link,
#main_basket table td.t_name a:visited,
#main_basket table td.t_name a:active { color: #F14C12; font-weight: bold; }
#main_basket table td.t_name a:hover,
#main_basket table td.t_name a:focus { color: #FF8100; }
#main_basket table td.t_name div { line-height: 16px; }
#main_basket table td.t_name div,
#main_basket table td.t_price span { font-size: 11px; color: #999; font-style: italic; display: block; }
#main_basket table td.t_price { width: 53px; text-align: right; }
#main_basket table td input { width: 20px; text-align: center; font: 11px/12px Arial, Helvetica, sans-serif; color: #333; border: 1px solid #999; padding: 4px; background: #fff; }
#main_basket table td input { background: #fff url(/assets/images/layout/input-shadow.png) no-repeat; }
#main_basket table td.t_qty { width: 30px; text-align: center; }
#main_basket table td.t_total { text-align: right; font-weight: bold; background: #eee; }
#main_basket table td.t_update { width: 53px; }
#main_basket table td.t_remove { width: 23px; }
#main_basket table td.t_remove span { display: none; }

#main_basket table th { font-weight: bold; text-align: right; }
#main_basket table .t_voucher { color: #999; white-space: nowrap; }

#basket_form { padding-bottom: 3px; }
#basket_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
#basket_form .button { display: block; }
#basket_form button,
#basket_form .button,
#basket_form .remove { border: none; font-size: 12px; line-height: 14px; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.75); background: #F14C12; padding: 4px 0; color: #fff; cursor: pointer; }
#basket_form .button { display: block; padding: 5px 0 6px; }
#basket_form td button,
#basket_form td .button,
#basket_form td .remove { font-size: 11px; line-height: 12px; }
#basket_form button:hover,
#basket_form .button:hover { background-color: #FF8100; }
#basket_form .update { width: 53px; }
#basket_form .remove { width: 23px; padding: 6px 0; }
#basket_form .remove,
#basket_form .remove:link,
#basket_form .remove:visited,
#basket_form .remove:active { background: #333; }
#basket_form .remove:hover,
#basket_form .remove:focus { background-color: #444; }

#basket_form .empty { display: inline-block; width: 16.8%; float: left; background: #333; font-size: 12px; line-height: 14px; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.75); padding: 5px 0 6px; color: #fff; cursor: pointer; }
#basket_form .empty:hover { background: #444; }
#basket_form .checkout { width: 16.8%; float: right; background: #0047BB; }
#basket_form .checkout:hover { background: #0C57CF; }
#voucher_add { width: 66.4%; float: left; text-align: center; margin-top: -1px; }
#voucher_add label { font-size: 12px; line-height: 14px; display: inline-block; vertical-align: middle; padding: 0 10px 0 0; font-weight: bold; }
#voucher_add input { font: 12px/14px Arial, Helvetica, sans-serif; background: #eee url(/assets/images/layout/input-shadow.png) no-repeat; border: 1px solid #999; border-bottom-color: #ccc; border-right-color: #ccc; padding: 5px 5px 4px; width: 100px; color: #333; }
#voucher_add button { width: 118px; margin-left: 5px; }

.note,
div.note { font-size: 11px; line-height: 14px; font-style: italic; color: #666; padding-top: 15px; margin-top: 20px; border-top: 1px solid #ddd; }

/* checkout */

#progress { word-spacing: -1em; margin: 3px 0 15px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; }
#progress li { display: inline-block; font-size: 12px; line-height: 15px; background: #ddd; color: #aaa; word-spacing: normal; margin-right: 13px; }
#progress li strong { color: #888; }
#progress li span { display: inline-block; background: url(../images/layout/prog_.gif) no-repeat 100% 50%; padding: 5px 0 5px 0; position: relative; left: 12px; margin-left: -12px; width: 133px; padding-left: 8px; }
#progress li.current { background: #002878; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.75); }
#progress li.current strong { color: #fff; }
#progress li.current span { background: url(../images/layout/prog.gif) no-repeat 100% 50%; }
#progress li.last { margin-right: 0; }
#progress li.last span { left: 0; background: none; margin-left: 0; width: 132px; }

/* warranty */

#basket_form td.t_warranty { width: 150px; font-weight: bold; text-align: center; }
#basket_form td.t_upgrade { width: 130px; }
#basket_form td.t_upgrade button,
#basket_form td.t_upgrade .button { width: 130px; }
#basket_form td.t_upgrade em { font-weight: normal; text-shadow: none; }

.warranty_info { padding-top: 15px; margin-top: 20px; border-top: 1px solid #ddd; }

/* login/register */

#login_register .content { padding-bottom: 5px; }
#login_register .content h4,
#payment_details .content h4,
#members_home h4 { border-top: 1px solid #ddd; padding-top: 10px; }

/* form alts */

.content .form_alternative label { display: inline-block; border: none; width: 127px; text-align: right; padding-right: 14px;}
.content .form_alternative .long_desc { padding-left: 141px; padding-top: 0; border-top: none; margin-top: 0; line-height: 13px; padding-bottom: 16px; }
.content .form_alternative .textarea { vertical-align: top; }
.content .form_alternative .text { width: 191px; }
.content .form_alternative .sml { width: 90px; }
.content .form_alternative .sml + .sml{ margin-left: 11px; }
.content .form_alternative select { width: 191px; }
.content .form_alternative button,
.content .form_alternative .button { width: 191px; margin-left: 141px; }
.login .form_alternative label { width: 66px; }
.login .form_alternative .text { width: 252px; }
.login .form_alternative button,
.login .form_alternative .button { width: 252px; margin-left: 80px; }
.content .form_alternative .note { text-align: right; margin-top: 0px; padding-top: 5px; margin-bottom: 10px; border-top: none; padding-right: 3px; }

#payment_details .account_overview h4 { border-top: none; padding-top: 0; font-size: 12px; font-weight: bold; margin-top: 0; }
.content .account_overview { padding-left: 140px; }
.account_overview div { font-size: 12px; line-height: 16px; margin-bottom: 15px; }
.account_overview .tel_no { border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.account_overview div span { color: #666; font-style: italic; }
.account_overview .notes strong { display: block; margin-top: 5px; }

/* register */
.register a.button,
.register a.button:link,
.register a.button:visited,
.register a.button:active { display: block; font-size: 12px; line-height: 14px; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.75); background: #F14C12; padding: 6px 0 7px; color: #fff; text-decoration: none; }
.register a.button:hover,
.register a.button:hover { background-color: #FF8100; }

/* account settings */

#account_settings .account_overview p { border-top: 1px solid #ddd; padding-top: 63px; padding-right: 20px; }

/* category notifications */

#category_notification_form { font-size: 11px; line-height: 16px; }
#category_notification_form ul { width: 714px; margin-left: -6px; }
#category_notification_form ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
#category_notification_form li { width: 230px; float: left; position: relative; border: 1px solid #ccc; margin: 0 0 6px 6px; color: #333; }
#category_notification_form li:hover { border-color: #999; color: #222; }
#category_notification_form label { cursor: pointer; display: block; padding: 5px 5px 5px 28px; }
#category_notification_form input { position: absolute; top: 3px; left: 3px; }
#category_notification_form button { width: 232px; margin-bottom: 3px; }

/* finance */

.finance .sub_col { width: 60%; }
.finance .sub_col + .sub_col { width: 34%; }
.progress .account_overview { padding-left: 0px; border-top: 1px solid #ddd; padding-top: 25px; }
.progress .account_overview div:last-child { margin-bottom: 5px; }
.finance .progress ol { margin-left: 17px; padding-top: 3px; }
.finance .progress ol li { list-style: decimal; border: none; color: #aaa; }
.finance .progress ol li.current { color: #002878; font-style: normal; font-weight: bold; }
.finance .form_alternative { padding-bottom: 5px; }
.finance .form_alternative label { width: 181px; }
.finance label span { position: relative; left: 8px; color: #666; }
.finance .form_alternative .text { width: 229px; }
.finance .form_alternative .orphan { margin-left: 195px; margin-top: 6px; }
.finance .form_alternative .sml { width: 109px; }
.content .form_alternative .tny { width: 69px; }
.content .form_alternative .tny + .tny { margin-left: 11px; }
.finance .form_alternative select { width: 229px; }
.finance .form_alternative button { width: 229px; margin-left: 195px; }
.finance .form_alternative .update { margin-top: 5px; }
#partner, #married { display: none; margin-top: 6px; }
.field,
.option { display: inline-block; font: 12px/14px Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #ccc; padding: 5px; width: 100%; color: #666; width: 229px; cursor: default; }
.option { color: #222; font-weight: bold; padding-left: 25px; position: relative; }
.option input { position: absolute; top: 2px; left: 3px; }
#payment_details .form_alternative h4 { border-top: none; padding: 0 ; margin: 0; font-size: 12px; line-height: 14px; background: #333; color: #fff; margin-left: 195px; padding: 5px; font-weight: bold; margin-top: 12px; }
.confirm { margin-top: -10px; }

/* payment home and members home */

.options { margin-left: -4px; padding-bottom: 5px; }
.options:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.options li { float: left; width: 174px; padding-left: 4px; font-size: 12px; line-height: 14px; font-weight: bold; background: #fff; }
.options li a { display: block;  border: 1px solid #ccc; padding: 10px 10px 10px 70px; background: #fff url(../images/layout/i_creditcards.gif) no-repeat 8px 50%; height: 30px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;  }
.options li a,
.options li a:link,
.options li a:visited,
.options li a:active { color: #F14C12; }
.options li a:hover,
.options li a:focus { color: #FF8100; text-decoration: underline; }
.options li.by_cash a { background-image: url(../images/layout/i_cash.gif); }
.options li.by_finance a { background-image: url(../images/layout/i_finance.gif); padding-left: 50px; }
.options li.by_paypal a { background-image: url(../images/layout/i_paypal_sml.gif); padding: 18px 10px 2px 70px; background-position: 13px 50%; }
.options li.m_category a { background-image: url(../images/layout/i_news.gif); }
.options li.m_warranty a { background-image: url(../images/layout/i_logo.gif); }
.options li.m_account a { background-image: url(../images/layout/i_tools.gif); }
.options li.m_logout a { background-image: url(../images/layout/i_logout.gif); padding: 18px 10px 2px 70px; }

body .complete p { margin-bottom: 3px; }

#payment_details .content button { background: #0047BB; }
#payment_details .content button:hover { background: #0C57CF; }
#payment_details .content .update { background: #F14C12; }
#payment_details .content .update:hover { background-color: #FF8100; }