/* Reset */
p, ol, dl, ul, p, h1, h2, h3, h4, h5, h6, form, .radio {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    border: none;
    font-weight: normal;
    font-size: 100%;
    clear: both;
}
img {
    border: none;
}
.radio {
    display: inline;
}


/* General */
html, body {
    margin: 0;
    padding: 0;
}
body {
    text-align: center; /* IE5- */
    font-family: arial;
    font-size: 70%;
    line-height: 140%;
    color: #000000;



}
#page {
    text-align: left; /* IE5- */
    margin: 5px;
    position: relative;
    width: 970px;
    border: 2px solid #025c84
    border-top: none;
    background: url(/images/bckgrtxt_03.png) center repeat-y top;

}
#dialog_page {
    text-align: left; /* IE5- */
    width: 90%;
    margin: auto;
    padding: 10px;
    position: relative;
}
#tp_footer {
  min-height: 51px;
  margin-bottom: auto;
}

fieldset {
    display:inline;
    padding: 10px;
}
textarea {
    overflow: auto;
}
input, select, textarea {
    font-family: arial;
    font-size: 100%;
    border: 1px solid #025C84;
}

input.buttonLong,
input.button {
    height: 19px;
    padding: 0px 6px 3px 6px;
    cursor: hand;
    background-color: #025C84;
    color: #fff;
    border: 1px solid #777;
    font-weight:normal;
    font-size: 10px;
    text-align: center;
}

input.radio, input.checkbox {
    border:none;
}

input[type=hidden] {
    display: none;
}

label {
    font-weight: bold;
}
a:link {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
a:visited {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
a:visited:hover, a:hover {
    color: #777;
    font-weight: bold;
    text-decoration: none;
}

dl {
    display:block;
}

dt {
    width: 180px;
    text-align:left;
    margin-left:0px;
    float:left;
}

dd {
    text-align:left;
    margin:0px;
}

.tr_hover
{
    background-color:#025C84;
    cursor:hand;
    color:#ffffff;
}

.error_msg, .required, .important_msg, .unread
{
    color:#ff0000;
    font-weight:bold;
}

#keepAliveImg{
    position:absolute;
    left: -1000;
}


/* table_list */
.table_list{
    width: 95%;
    border-collapse: collapse;
    border: 1px solid #f5f5f5;
    margin: 1em 10px;
}
.table_list th{
    background-color: #f5f5f5;
}
.table_list td{
    border-bottom: 1px solid #f5f5f5;
}




/* Text content */
.text_container {
    margin: 1em 10px;
}

.text_container ul,
.text_container ul li
{
    list-style:disc;
    margin-left:10px;
}

.text_container ol,
.text_container ol li
{
    list-style:decimal;
    margin-left:10px;
}

#main_primary .text_container {
    margin: 1em 15px;
}
#main_primary .text_container p, #main_secondary .text_container p {
    margin: 1em 0;
}
#main_secondary h1 {

    background-color: #DDDDDD;
    border: 2px outset #025C84
    font-size: 120%;
    color: #000;
    padding: .3em 10px .3em 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;

}

#main h1 {

    background-color: #DDDDDD;
    max-width:  456px;
    border: 2px outset #025C84;
    border-style: double;
    font-size: 130%;
    color: #000;
    padding: .5em 10px .5em 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#confirmDiv h2,
#main h2 {

    background-color: #025C84;
    font-size: 120%;
    color: #fff;
    padding: .3em 10px .3em 30px;
    font-weight: bold;
    letter-spacing: 1px;
}
#main h3 {
    font-size: 120%;
    color: #025C84;
    padding: 10px ;
    font-weight: bold;
    letter-spacing: 1px;
}




/* Dialog styles */


#dialog_page h1 {
    font-size: 150%;
    color: #025C84;
    padding: .3em 10px .3em 0px;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#dialog_page h2 {
    font-size: 120%;
    color: #025C84;
    padding: .3em 10px .3em 0px;
    margin-top: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}
#dialog_page h3 {
    font-size: 120%;
    color: #025C84;
    padding: 10px;
    margin-top: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}



/* Menu */
#main_menu_container {
    background-color: #BBB;
    overflow: hidden;
    width: 970px;
}
#main_menu_container img {
    display: inline;
}
#main_menu_container a {
    display: block;
    float: left;
    color: #fff;
    font-weight: bold;
    padding: .3em 1em;
    text-decoration: none;
}
#main_menu_container li.selected a, #main_menu_container li a:hover {
    background-color: #E55600;
}
#main_menu_container ul  {

}
#main_menu_container li {
    float: left;
}
#main_menu {
    padding-left: 220px;
}


















/* Editor menu */
#editor_menu_container {
    overflow: hidden;
    width: 540px;
    height: 50px;
    margin: 5px 20px;
    position: absolute;
    top: 35px;
    right: 3px;
    color: #D0CCD8;
    text-align: right;
}
#editor_menu_container a {
    color: #000;
}
#tp_impersonate,
#login_info_container {
    float: none;
    clear: both;
    padding-top:5px;
}
#w3ss_adminMenuUl li {
    float: left;
    margin-right: 10px;
}



/* Header */
#header {
    background-color: #f5f5f5;
}
#logotype {
    padding: 0 0 0 0;
}
#flag_container {
    position: absolute;
    top: 99px;
    left: 5px;
}
#flag_container img {
    border: 0;
    filter: alpha(opacity=30);
    opacity: 0.3;
}
#flag_container img.selected {
    border: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}
#flag_container img:hover {
    border: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

#flag_container li {
    float: left;
}
#flag_container a {
    display: block;
    margin-right: 3px;
}



/* Top image */
#TopImage {
    margin-bottom: -1em;
}



/* Footer */
#tp_footer {
    background: url(/images/tp_footer.png)  no-repeat bottom left;
/*    border: 2px;
    bottom: -10px;  */
    color: #ddd;
    padding: -30px;
    text-align: right;
}

#tp_footer a {
    color:#ddd;
    font-weight: bold;
}
 #tp_footer a:hover , #tp_footer a a:hover{
     color: #E55600;
     font-weight: bold;
}











/* Panes */
#pane_container {
    clear: both;
    overflow: hidden;
    width: 100%;
    background: url(/images/bckgrtxt.png) no-repeat top left;
    padding-bottom: 0em;
}
#pane_container.wide {
/**   background: url(/images/bckgrtxt.png)  repeat-y top left;   *//


}
.pane {
    float: left;

}
#main_secondary {
/*  background: url(/images/bckgrtxt.png)  repeat-y top left;  */
    background: transparent;
    width: 220px;
    top: 200px

}
#pane1 {
    background: url(/images/bckgrtxt.png)  repeat-y top left;
    width: 220px;
    top: 200px

}
#main {
    background: url(/images/bckgrtxt.png)  no-repeat top right;
    width: 750px;
    top: 300px;
}
#main_primary {
    width: 530px;
    min-height: 600px;
    top: 300px;
}









/* Sub menu */
#sub_menu_container a {
    display: block;
    text-decoration: none;
    padding: .3em 15px .3em 25px;
}
#sub_menu_container li li a { padding-left: 35px; font-weight: normal; }
#sub_menu_container li li li a { padding-left: 45px; }
#sub_menu_container li li li li a { padding-left: 55px; }
#sub_menu_container li li li li li a { padding-left: 65px; }

#sub_menu_container a, #sub_menu_container a:visited {
    color: #777;
}
#sub_menu_container a.selected, #sub_menu_container a:hover {
    background-color: #D0CCD8;
}
#sub_menu_container li ul {
    display: none;
}
#sub_menu_container a.expanded {
    background-image: url(/images/tree/menu-arrow-expanded.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
#sub_menu_container a.collapsed {
    background-image: url(/images/tree/menu-arrow-collapsed.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
#sub_menu_container li a.expanded, #sub_menu_container li a.collapsed { background-position: 10px .5em; }
#sub_menu_container li li a.expanded, #sub_menu_container li li a.collapsed { background-position: 20px .5em; }
#sub_menu_container li li li a.expanded, #sub_menu_container li li li a.collapsed { background-position: 30px .5em; }
#sub_menu_container li li li li a.expanded, #sub_menu_container li li li li a.collapsed { background-position: 40px .5em; }
#sub_menu_container li.expanded ul {
    display: block;
}



/* Replacement for Sub menu */
#B2C_item_tree_replacement_container {


}




/* Search box */
#search_container {
    margin: 1em 15px 1em 31px;
}
#search_container #q {
    width: 85%;
}

#search_advanced a {
    font-size: 100%;
}

#simple_search_Item_Description
{
    border: 1px solid #025C84;
    width: 100px;
}
#searchResultPages li
{
    float:left;
    text-align: center;
    background-color: #998EAD;
    color: #fff;
    margin:0;
    padding: .3em 1em;
    text-decoration: none;
}



/* Shopping cart */
#shoppingCart,
#crumbsNav {
    float:left;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    background-color: #025C84;
    color: #fff;
    font-weight: bold;
    padding: .3em 1em;
    text-decoration: none;
}

#shoppingCart #priceType {
    display: inline;
    padding-right:20px;
    text-align: center;
    vertical-align: middle;
}
#shoppingCart select {
    display: inline;
    font-family: lucida console, courier;           /* these fonts should be in fixed width to give a straight right margin */
    font-size: 100%;
}

#checkout_list ul li
{
    text-align:center;
    display:block;
    float:left;
}


#checkout_list ul li hr
{
    margin: 10px 0px 0px 0px;
    color:black;
    width:80px;
    height:1px;
}

#checkout_list ul li img
{
    border:0;
}





/* ORDER LINES */
#th_price,
#th_instock,
#th_qty,
#th_total,
#th_remove,
#th_amount,
#th_remainingAmount {
    text-align: right;
}
.order_line_price,
.order_line_inventory,
.order_line_quantity,
.order_line_amount,
.order_line_delete,
.order_line_freight_amount,
.order_line_remaining_amount {
    text-align: right;
    padding-right: 5px;
}

#th_desc,
#th_contact {
    text-align: left;
}
.order_line_desc {
    text-align: left;
}

#th_date,
#th_dueDate {
    text-align: center;
}
.order_line_date {
    text-align: center;
}

.order_line_quantity_td {
    text-align: right;
}
.order_line_amount .price {
    font-weight: normal;
    color: #000000;
    font-size: 100%;
}





/* View Basket */
#theItemTable{
    width: 95%;
    border-collapse: collapse;
}
#theItemTable td {
    border-bottom: 1px solid #f5f5f5;
}

#theItemTable td#freight_ruler_cell {
    border-bottom: 1px solid #fff;
}
#freight_ruler{
    display:none;
}

#div_calc{
    text-align: right;
    width: 95%;
    margin-bottom: 20px;
}
#view_basket_calc_container #calc_table,
#view_summary_calc_container #calc_table{
    border-collapse: collapse;
    width: 300px;
    display: inline;
}
#view_basket_calc_container #calc_table{
    margin-right: 75px;
}

#div_calc td {
    border-bottom: 1px solid #f5f5f5;
    text-align: left;
    width: 150px;
}

#div_calc #calcDiscount,
#div_calc #calcAmount,
#div_calc #calcAmountIncVAT,
#div_calc #calcVAT{
    text-align: right;
}

#div_calc #calcAmountIncVAT{
    border-top: 2px solid #f5f5f5;
}
#view_basket_button_container{
    text-align: center;
}
#div_no_items{
    display:none;
}

#itemNos {
    width: 450px;
    height: 50px;
}




/* Enter Details */
#order_details_container,
#order_details_logon_form,
#shipping_adress,
#shipping_container,
#enter_details_password_container{
    float:none;
}

#order_details_logon_form A{
    display: block;
    margin-top: 10px;
}

#order_details_container label,
#shipping_adress label,
#shipping_container label,
#enter_details_password_container label{
    width: 23%;
    display:inline;
    float: left;
    margin: 2px;
}

#order_details_container .textbox,
#order_details_container select,
#shipping_adress .textbox,
#shipping_container .textbox,
#enter_details_password_container .textbox{
    width: 24%;
    display:inline;
    float: left;
    margin: 2px;
}
#order_details_comment {
    clear:both;
    float:none;
}

#order_details_address,
#order_details_address2,
#order_details_postcode,
#order_details_shipping_address,
#order_details_shipping_address2,
#order_details_shipping_postcode{
    float: none;
    clear: both;
}

#order_process_buttons{
    text-align: right;
}

#order_details_credit_cards{
    margin-top: 10px;
    margin-left: 50px;
}

#order_details_deliveryType{
    display: block;
}

#order_details_deliveryType .radio{
    float: left;
}

#show_change_shipping_address{
    display: block;
    float: none;
    clear: both;
    margin-bottom: 40px;
}

#show_change_shipping_address .radio{
    float: left;
}




/* VIEW SUMMARY */

#parameterForm address {
    margin-left: 180px;
}




/* Send Order */
#send_order_cc_info,
#send_order_no_cc_info {
    margin-top: 30px;
    margin-bottom: 20px;
}

#send_order_cc_error {
    display: none;
    color: red;
    font-weight: bold;
    font-size: 120%;
    margin:30px;
}

#send_order_open_cc_btn {
    margin: 50px;
}





/* Order Confirmation */
#confirmation_amount_ruler_container,
#confirmation_freight_ruler_container,
#confirmation_total_ruler_container{
    display:none;
}

#confirmation_freight_line,
#confirmation_amount_line,
#confirmation_vat_line,
#confirmation_total_line{
    font-weight: bold;
}

#confirmation_your_details_container address {
    margin-left: 180px;
}

/* width & height should also be set in pageHader. IE can not reach them from here to calulate the position*/

#confirmDiv
{
    border:10px solid #777;
    background-color:#D0CCD8;
    position: absolute;
    right: 50%;
    top: 50%;
    z-index:5000;
    padding:20px;
    width:303px;
    height:102px;
    text-align:center;
    vertical-align:middle;
    display:none;
    filter: alpha(opacity=85);
    opacity: 0.85;
}




#refreshMenuDiv
{
    margin-right:10px;
    position:relative;
    top:20px;
}




/* Product List - list Mode */
ul.product_list_list {
    padding: 1em 15px;
}
ul.product_list_list li {
    border-bottom: 1px solid #025C84;
    width: 500px;
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}
ul.product_list_list .product_image {
    width: 155px;
    float: left;
    text-align: center;
}
ul.product_list_list .product_image img {
    max-width: 140px;
    margin-left: 15px;
}
ul.product_list_list .product_info {
    float: right;
    width: 320px;
    padding-right: 15px;
    position: relative;
}
ul.product_list_list .product_title {
    margin-bottom: 1em;
}
ul.product_list_list .product_add {
    position: absolute;
    right: 15px;
    bottom: 0;
    padding-left: 10px;
}





/* Product List - list Mode for tables */
table.category_list {
    border-collapse: collapse;
    border: 2px  double  #025C84;
/*    border: 1px solid #f5f5f5;   */
    width: 500px;
}
table.category_list th {
    font-weight: bold;
    padding: .4em 6px;
}
table.category_list td {
    padding: .4em 6px;
    border-top: 1px solid #f5f5f5;
}
table.category_list thead {
    background-color: #f5f5f5;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
}
table.category_list thead {
    background-color: #bbb;
    color: #025c84;
    font-weight: bold;
}
.category_list .ProductAmount {
    float: left;
}
.category_list .ProductUnit {
    float: left;
    width: 40px;
    text-transform: lowercase;
    text-align: left;
}










/* Product List - matrix */
ul.product_list_matrix {
    padding: 1em 0px 1em 15px;
        width: 470px;
}
ul.product_list_matrix li {
    width: 150px;
    float: left;
    border: 2px solid #f5f5f5;
    margin-right: 1px;
    margin-bottom: 1px;
    _margin-bottom: 0px; /* for win-ie */
}

ul.product_list_matrix li {
    height:170px;
}
ul.product_list_matrix li[class] {
    height: auto;
    min-height: 170px;
}

ul.product_list_matrix .product_field_caption{
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
}


ul.product_list_matrix .product_info{
    padding: 5px;
}
ul.product_list_matrix .product_image{
    text-align: center;
    padding: 3px;
    min-height: 70px;
}
ul.product_list_matrix .product_add{
    margin: 0px;
    margin-top: 20px;
    text-align: right;
}
ul.product_list_matrix .price_prefix{
    display: none;
}
ul.product_list_matrix .price_details{
    margin-top: 10px;
    display:inline;
}
ul.product_list_matrix .product_inventory{
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
}




/* some ie css bug work arounds */
ul.product_list_matrix li.matrix_spacer{
    clear: both;
    float: none;
    width: 90%;
    margin: 0px;
    padding: 0px;
    border: 0px solid red;
    height: 0px;
    overflow: hidden;
    display:block;
}
.matrix_row {
    clear: both;
    float: none;
}
ul.product_list_list li.matrix_spacer{
    display: none;
}





/* Product Variants */
.vnt_main_container ,
.vnt_sub_container{
    margin-top: 30px;
    float: none;
}

.variant_matrix th{
    text-align: center;
}
.variant_matrix td{
    border: 1px solid #025C84;
    margin: 0;
}
.variant_matrix {
    border-collapse:collapse;
}

.variant_matrix .textbox{
    border: none;
    width: 35px;
}

.vnt_main_container label ,
.vnt_sub_container label{
    width: 80px;
    display: inline;
    float: left;
    margin: 5px;
}

.vnt_main_container select,
.vnt_sub_container select{
    width: 120px;
    display: inline;
    float: left;
    margin: 2px;
}

.vnt_cbo_qty_buy_container,
.vnt_mtx_buy_container,
.vnt_imgmtx_buy_container {
    clear: both;
    float: none;
    display: block;
    margin-top: 15px;
    text-align: right;
}




/* Page IDs */


/* ITEM PAGE */
.item_page_data_container {
    margin-right: 20px;
    margin-bottom: 20px;
}

.item_page_purchase_container{
    margin-bottom: 20px;
}
.priceTxt {
    display:inline;
    margin-right: 20px;
}
.price_prefix {
    display: inline;
}
.price {
    display: inline;
    font-size: 120%;
    color: #BB0000;
    font-weight: bold;
}
.ProductUnit {
    display: inline;
}




/* history & statement details */
#history_details_general_container dt,
#history_details_invoicing_container dt,
#history_details_shipping_container dt,
#statement_details_general_container dt,
#statement_details_invoicing_container dt,
#statement_details_shipping_container dt {
    font-weight: bold;
}

#history_details_general_container dd,
#history_details_invoicing_container dd,
#history_details_shipping_container dd,
#statement_details_general_container dd,
#statement_details_invoicing_container dd,
#statement_details_shipping_container dd {
    width: 180px;
    float: left;
}

#history_details_back,
#statement_details_back{
    float: none;
    clear: both;
    padding-top: 20px;
}





/* ADVANCED SEARCH */

#searchForm label{
    width: 140px;
    display: inline;
    float: left;
}
#searchForm label,
#searchForm input,
#searchForm select{
    margin-top: 3px;
    margin-bottom: 3px;
}
#search_sorting_button {
    padding-left: 300px;
}




/* Terms & Conditions */
#terms_intro,
#terms_body {
    padding-bottom: 20px;
}
#terms_buttons {
    text-align:center;
    padding: 30px;
}

#terms_close_button{
    position: absolute;
    right: 5px;
    top: 5px;
}



/* Start Page */
#main .news_listing_container {
    background-color: #998EAD;
    color: #fff;
    margin-top: 0px;
}
#main .news_listing_container h2 {
    background-color: #025C84;
    font-size: 120%;
    color: #fff;
    padding: .3em 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#main .news_listing {
    padding: 0 10px;
    font-weight: normal;
    border-bottom: 1px solid #998EAD;
}
#main .news_listing h3 {
    display: inline;
    font-size: 100%;
}
#main .news_listing .date {
    font-weight: normal;
    display: inline;
}
#main .news_listing .readmore {
    text-align: right;
    padding-top: 10px;
    font-size: 90%;
}
#main .news_listing_container .news_listing a {
    color: #fff;
    font-weight: normal;
}
#main .news_listing li {
    margin: 1em 0;
}
#main_image {
    width: 530px;
    height: 140px;
    margin: 0;
}
#start_special_offers_list{
    margin-bottom: 10px;
}
#top_sales_list a{
    color: #fff;
    font-weight: normal;
}
#top_sales_list{
    padding-bottom:20px;
    padding-left: 20px;
}
#top_sales_list li{
    list-style: decimal;
    margin-left: 10px;
}


/* Subscription form */
#contactForm label,
#SubscriptionForm  label{
    width:160px;
    display:block;
    float: left;
}

#contactForm .textbox,
#SubscriptionForm  .textbox{
    margin: 2px;
}

#SubscriptionForm_Submit{
    margin-top: 10px;
    margin-left: 200px;
}

#UnSubscriptionForm_Submit{
    margin-top: 10px;
    margin-left: 200px;
}

#main_primary textarea {
	width:90%;
}

#wic_online_counter,
#wic_busy_counter,
#wic_counter_container {
    display: inline;
}

#wic_help_dialog {
    text-align: center;
}
#wic_help_dialog div,
#wic_help_dialog h2{
    text-align: left;
}
#wic_help_dialog .button{
    margin: 20px;
}



/* customer & contact details */
#contact_details_container,
#customerDetails_container{
    margin-top: 30px;
    float:clear;
}

#contact_details_container label ,
#customerDetails_container label{
    width: 23%;
    display:inline;
    float: left;
    margin: 2px;
}

#contact_details_container .textbox,
#customerDetails_container .textbox,
#customerDetails_container select{
    width: 24%;
    display:inline;
    float: left;
    margin: 2px;
}

#customerDetails_terms_container{
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
    float:none;
    clear:both;
}

.contact_details_permission{
    float:left;
    width: 250px;
}

#contact_details_buttons{
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 30px;

}





#balanceTable td, #balanceTable th,
#balanceListTable td, #balanceListTable th
{
    text-align: right;
    padding: 3px;
}

.balanceDivider
{
    border-right:2px solid #998EAD;
    padding:4px;
}


/* change password dialog */
#passwordForm label{
    width: 200px;
    display:inline;
    float: left;
    margin: 2px;
}

#passwordForm .button{
    float: right;
}




/* forum */
#forum_admin_info{
    width: 400px;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #ff0000;
}
#forum_path{
    background-color: #f5f5f5;
    margin-top: 5px;
    padding: 3px;
}










.timer_msg
{
    font-size: 10pt;
    font-weight: bold;
    color: #ff0000;
}

.ProductAddButton {
    margin-left: 5px;
}


/***************************************
CALENDAR
****************************************/
    input.w3ss_calendar
    {
        background-color: white;
        color: black;
        font-family:arial;font-size:10px;
    }

    div.calendarTable
    {
        border: 2px solid #2244aa;
    }

    #w3ss_DateSelector
    {
        z-index:99999999;
        position:absolute;
        top:0px;
        left:0px;
        float:right;
        padding:4px;
        display:none;
        background-color: #ffffff;
    }

    .calendar_date_selected, .calendar_date_selected span
    {
        color:#ffffff;
        background-color:#222222;
        cursor:hand;
    }

    .calendar_date_unselected, .calendar_date_unselected span
    {
        color:#000000;
        background-color:transparent;
        cursor:hand;
    }

    .calendar_date_unselected_sa_su, .calendar_date_unselected_sa_su span
    {
        background-color:#ffeeee;
        font-family:arial;
        font-size:10px;
        text-decoration: none;
        color:#000000;
    }


    #w3ss_CalandarTableDays
    {
        z-index:444;
        position:relative;
        left:0px;
        top:0px;
        border:0;
        padding:0;
    }

    #w3ss_CalandarTableDays th
    {
        border-bottom: 1px dashed #2244aa;
        align:left;
        text-align:left;
        font-family:arial;font-size:10px;
        text-decoration: none;
        color:black;
    }

    #w3ss_CalandarTableDays td
    {
        align:right;
        text-align:right;
        font-family:arial;font-size:10px;
        text-decoration: none;
        color:black;
        width:18px;
        height:14px;
        cursor:pointer;
    }

    #w3ss_CalandarTableDays td.weekNo
    {
        width:10px;
        border-right: 1px dashed #2244aa;
        align:right;
        cursor:hand;
        text-align:right;
        font-style:italic;
        font-family:arial;font-size:10px;
        text-decoration: none;
        color:black;
    }

    .w3ss_markedDateControl
    {
        color:#ffffff;
        background-color:#000080;
    }

    .w3ss_dateControl
    {
        color:#000000;
        background-color:#ffffff;
    }











    #radtablebuttons
                {   padding-top: 10px;
                    padding-bottom: 10px;}

    .rad_group_blank
                {   padding:5px;
                    border: 0px solid <%= mainColorB  %>;}

/* tabs */


    .rad_group_tabs
                {   padding:5px;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_group_tabs .rad_quickLinks
                {   margin-bottom:5px;
                    margin-left:5px;
                    position:relative;
                    z-index:2;}

    .rad_group_tabs .rad_quickLinks LI
                {   background-color: #f5f5f5;
                    color: #000000;
                    border-top:1px solid #D0CCD8;
                    border-left:1px solid #D0CCD8;
                    border-right:1px solid #025C84;
                    border-bottom:1px solid #D0CCD8;
                    padding-left:5px;
                    padding-right:5px;
                    padding-top:3px;
                    padding-bottom:3px;
                    display:inline;
                    list-style:none;
                    margin-left:5px;
                    cursor:hand;
                    cursor:pointer;
                    z-index:2;}

    .rad_group_tabs .rad_quickLinks LI A
                {   text-decoration:none;
                    color: #000000;
                    z-index:2;}

    .rad_group_tabs .rad_quickLinks LI.active
                {   border-bottom:1px solid #f5f5f5;
                    z-index:2;}

    .rad_group_tabs fieldset legend
                {   display:none;}

    .rad_group_tabs .rad_fieldset,
    .rad_group_tabs fieldset
                {   background-color: #f5f5f5;
                    color: <%= textColor  %>;
                    border-left:1px solid #D0CCD8;
                    border-right:1px solid #f5f5f5;
                    border-bottom:1px solid #f5f5f5;
                    border-top:1px solid #D0CCD8;
                    padding:5px;
                    padding-top: 20px;
                    position:relative;
                    top:-3px;
                    left:5px;
                    z-index:1;}

    .rad_group_tabs .readonly
                {   border: 1px solid #f5f5f5;
                    background-color: #f5f5f5;}



/* panels */


    .rad_group_panels
                {   padding:5px;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_group_panels .rad_quickLinks
                {   margin-bottom:5px;
                    margin-left:5px;}

    .rad_group_panels .rad_quickLinks LI
                {   display:inline;
                    list-style:none;
                    cursor:hand;
                    cursor:pointer;}

    .rad_group_panels fieldset legend
                {   border: 1px solid #025C84;
                    background-color: #f5f5f5;
                    color: #000000;
                    padding: 3px;
                    margin-left: -10px;
                    font-size: 14px;
                    font-weight: bold;
                    font-family: <%= fonts  %>;
                    width: 97%;
                    margin-bottom: 20px;}

    .rad_group_panels fieldset
                {   border-left:0px solid <%= mainColorB  %>;
                    border-right:0px solid <%= mainColorB  %>;
                    border-bottom:0px solid <%= mainColorB  %>;
                    border-top:0px solid <%= mainColorB  %>;
                    padding:5px;}

    .rad_group_panels .readonly
                {   border: 1px solid #f5f5f5;
                    background-color: #f5f5f5;}


/* plates */

    .rad_group_plates
                {   padding:5px;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_group_plates .rad_quickLinks
                {   margin-bottom:5px;
                    margin-left:5px;}

    .rad_group_plates .rad_quickLinks LI
                {   display:inline;
                    list-style:none;
                    cursor:hand;
                    cursor:pointer;}

    .rad_group_plates fieldset legend
                {   display:none;}

    .rad_group_plates fieldset
                {   border-left: 1px #f5f5f5 solid;
                    border-right: 1px #025C84 solid;
                    border-bottom: 1px #025C84 solid;
                    border-top: 1px #f5f5f5 solid;
                    background: #D0CCD8;
                    color: <%= textColor  %>;
                    border-collapse: collapse;
                    padding: 5px;
                    padding-top: 20px;}

    .rad_group_plates .readonly
                {   border: 1px solid #f5f5f5;
                    background-color: #f5f5f5;}



/* group blank */


    .rad_group_blank fieldset
                {   border: 0px #D0CCD8 solid;}

/* List blank */


    .rad_list_blank
                {   padding: 1px;
                    background: <%= mainColorB  %>;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_list_blank caption
                {
                    text-align: right;
                }

    .rad_list_blank TH
                {   background-color: <%= mainColorB  %>;
                    font-weight: bold;
                    font-size: 12px;
                    color: <%= textColor  %>;
                    text-align:left;
                    margin: 0px;
                    padding-left: 5px;
                    padding-right: 5px;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_list_blank TD
                {   font-weight: normal;
                    border-bottom: 1px solid #D0CCD8;
                    color: <%= textColor  %>;
                    padding-left: 5px;
                    padding-right: 5px;
                    margin: 0px;}



/* List grid */


    .rad_list_grid
                {   padding-top: 0px;
                    padding-bottom: 0px;
                    padding-left: 1px;
                    padding-right: 1px;
                    background: <%= mainColorB  %>;
                    border-collapse:collapse;
                    border-left: 1px solid #D0CCD8;
                    border-top: 1px solid #D0CCD8;
                    border-right: 1px solid #025C84;
                    border-bottom: 1px solid #025C84;}

    .rad_list_grid caption
                {
                    text-align: right;
                }

    .rad_list_grid TH
                {   background-color: #f5f5f5;
                    font-weight: bold;
                    font-size: 12px;
                    color: #000000;
                    text-align:left;
                    margin: 0px;
                    padding-left: 5px;
                    padding-right: 5px;
                    border-left: 1px solid #D0CCD8;
                    border-top: 1px solid #D0CCD8;
                    border-right: 1px solid #025C84;
                    border-bottom: 1px solid #025C84;}

    .rad_list_grid TD
                {   font-weight: normal;
                    border-bottom: 1px solid #D0CCD8;
                    color: <%= textColor  %>;
                    padding-left: 5px;
                    padding-right: 5px;
                    margin: 0px;}



/* List simple */


    .rad_list_simple
                {   padding: 1px;
                    background: <%= mainColorB  %>;
                    border-collapse:collapse;
                    border-left: 1px solid #D0CCD8;
                    border-top: 1px solid #D0CCD8;
                    border-right: 1px solid #025C84;
                    border-bottom: 1px solid #025C84;}

    .rad_list_simple caption
                {
                    text-align: right;
                }

    .rad_list_simple TH
                {   background-color: #f5f5f5;
                    font-weight: bold;
                    font-size: 12px;
                    color: #000000;
                    text-align:left;
                    margin: 0px;
                    padding-left: 5px;
                    padding-right: 5px;
                    border-left: 1px solid #D0CCD8;
                    border-top: 1px solid #D0CCD8;
                    border-right: 1px solid #025C84;
                    border-bottom: 1px solid #025C84;}

    .rad_list_simple TD
                {   font-weight: normal;
                    border: 1px solid #D0CCD8;
                    color: <%= textColor  %>;
                    padding-left: 5px;
                    padding-right: 5px;
                    margin: 0px;}



/* Misc */

    .rad_fieldset
                {   display:block;}

    .rad_field
                {   text-align:left;
                    display:inline;
                    float:left;}

    .rad_field label
                {   text-align:left;
                    width: 49%;
                    float: left;
                    display: block;}

    .rad_input_text, .rad_input_option
                {   width: 40%;}

    .rad_btnBrowse
                {   width: 20px;
                    height: 20px;}




    <%
}






function OnRenderPDA()
{
    HTMLUtils.setPageCoding("text/css");
    Response.AddHeader( "Last-Modified", new String( Document.ModifiedTime ) );

    var fonts = AppSettings("tp_fontFamily");
    var shoppingCartFonts = 'verdana';

    var mainColorA  = '#025C84';
    var mainColorB  = '#D0CCD8';
    var mainColorC  = '#f5f5f5';
    var mainColorD  = '#998EAD';
    var linkColor   = '#777';
%>
/* Reset */

body {
    font-family: arial;
    font-size: 70%;
    line-height: 140%;
    color: #025C84;
    background-color: #FFFFFF;
}

hr {
    color:black;
}


/* table_list */
.table_list{
    width: 95%;
    border-collapse: collapse;
    border: 1px solid #f5f5f5;
    margin: 1em 10px;
}
.table_list th{
    background-color: #f5f5f5;
}
.table_list td{
    border-bottom: 1px solid #f5f5f5;
}




#balanceTable td, #balanceTable th,
#balanceListTable td, #balanceListTable th
{
    text-align: right;
    padding: 3px;
}

.balanceDivider
{
    border-right:2px solid #998EAD;
    padding:4px;
}




#flag_container img.selected {
    border: 1px solid #000;
}

#mail_example, #mail_example2
{
}

#select_lists select
{
    width:150px;
    display:block;
}
#select_lists div
{
    width:150px;
    float:left;
    text-align:center;
}

#select_lists div input
{
    width:130px;
}

#searchBasketTable td
{
    border-bottom:1px solid silver;
}

#order_EnterDetails input, #order_viewBasketDiv input, #customerDetails_container input, .button, .buttonLong
{
    border:1px solid silver;
    margin-right:1px;
}

#basketSearchArea
{
    background-color:#efefef;
}






    #radtablebuttons
                {   padding-top: 10px;
                    padding-bottom: 10px;}

    .rad_group_blank
                {   padding:5px;
                    border: 0px solid <%= mainColorB  %>;}

/* tabs */


    .rad_group_tabs
                {   padding:5px;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_group_tabs .rad_quickLinks
                {   margin-bottom:5px;
                    margin-left:5px;
                    position:relative;
                    z-index:2;}

    .rad_group_tabs .rad_quickLinks LI
                {   Background-color: #998EAD;
                    color: #f5f5f5;
                    border-top:1px solid #D0CCD8;
                    border-left:1px solid #D0CCD8;
                    border-right:1px solid #025C84;
                    border-bottom:1px solid #D0CCD8;
                    padding-left:5px;
                    padding-right:5px;
                    padding-top:3px;
                    padding-bottom:3px;
                    display:inline;
                    list-style:none;
                    margin-left:5px;
                    cursor:hand;
                    cursor:pointer;
                    z-index:2;}

    .rad_group_tabs .rad_quickLinks LI A
                {   text-decoration:none;
                    color: #f5f5f5;
                    z-index:2;}

    .rad_group_tabs .rad_quickLinks LI.active
                {   border-bottom:1px solid #998EAD;
                    z-index:2;}

    .rad_group_tabs fieldset legend
                {   display:none;}

    .rad_group_tabs .rad_fieldset,
    .rad_group_tabs fieldset
                {   background-color: #998EAD;
                    color: <%= mainColorA  %>;
                    border-left:1px solid #D0CCD8;
                    border-right:1px solid #998EAD;
                    border-bottom:1px solid #998EAD;
                    border-top:1px solid #D0CCD8;
                    padding:5px;
                    padding-top: 20px;
                    position:relative;
                    top:-3px;
                    left:5px;
                    z-index:1;}

    .rad_group_tabs .readonly
                {   border: 1px solid #998EAD;
                    background-color: #998EAD;}



/* panels */


    .rad_group_panels
                {   padding:5px;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_group_panels .rad_quickLinks
                {   margin-bottom:5px;
                    margin-left:5px;}

    .rad_group_panels .rad_quickLinks LI
                {   display:inline;
                    list-style:none;
                    cursor:hand;
                    cursor:pointer;}

    .rad_group_panels fieldset legend
                {   border: 1px solid #025C84;
                    background-color: #998EAD;
                    color: #f5f5f5;
                    padding: 3px;
                    margin-left: -10px;
                    font-size: 14px;
                    font-weight: bold;
                    font-family: <%= fonts  %>;
                    width: 97%;
                    margin-bottom: 20px;}

    .rad_group_panels fieldset
                {   border-left:0px solid <%= mainColorB  %>;
                    border-right:0px solid <%= mainColorB  %>;
                    border-bottom:0px solid <%= mainColorB  %>;
                    border-top:0px solid <%= mainColorB  %>;
                    padding:5px;}

    .rad_group_panels .readonly
                {   border: 1px solid #998EAD;
                    background-color: #998EAD;}


/* plates */

    .rad_group_plates
                {   padding:5px;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_group_plates .rad_quickLinks
                {   margin-bottom:5px;
                    margin-left:5px;}

    .rad_group_plates .rad_quickLinks LI
                {   display:inline;
                    list-style:none;
                    cursor:hand;
                    cursor:pointer;}

    .rad_group_plates fieldset legend
                {   display:none;}

    .rad_group_plates fieldset
                {   border-left: 1px #f5f5f5 solid;
                    border-right: 1px #025C84 solid;
                    border-bottom: 1px #025C84 solid;
                    border-top: 1px #f5f5f5 solid;
                    background: #D0CCD8;
                    color: <%= mainColorA  %>;
                    border-collapse: collapse;
                    padding: 5px;
                    padding-top: 20px;}

    .rad_group_plates .readonly
                {   border: 1px solid #998EAD;
                    background-color: #998EAD;}

/* List blank */


    .rad_list_blank
                {   padding: 1px;
                    background: <%= mainColorB  %>;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_list_blank caption
                {
                    text-align: right;
                }

    .rad_list_blank TH
                {   background-color: <%= mainColorB  %>;
                    font-weight: bold;
                    font-size: 12px;
                    color: <%= mainColorA  %>;
                    text-align:left;
                    margin: 0px;
                    padding-left: 5px;
                    padding-right: 5px;
                    border: 0px solid <%= mainColorB  %>;}

    .rad_list_blank TD
                {   font-weight: normal;
                    border-bottom: 1px solid #D0CCD8;
                    color: <%= mainColorA  %>;
                    padding-left: 5px;
                    padding-right: 5px;
                    margin: 0px;}



/* List grid */


    .rad_list_grid
                {   padding-top: 0px;
                    padding-bottom: 0px;
                    padding-left: 1px;
                    padding-right: 1px;
                    background: <%= mainColorB  %>;
                    border-collapse:collapse;
                    border-left: 1px solid #D0CCD8;
                    border-top: 1px solid #D0CCD8;
                    border-right: 1px solid #025C84;
                    border-bottom: 1px solid #025C84;}

    .rad_list_grid caption
                {
                    text-align: right;
                }

    .rad_list_grid TH
                {   background-color: #998EAD;
                    font-weight: bold;
                    font-size: 12px;
                    color: #f5f5f5;
                    text-align:left;
                    margin: 0px;
                    padding-left: 5px;
                    padding-right: 5px;
                    border-left: 1px solid #D0CCD8;
                    border-top: 1px solid #D0CCD8;
                    border-right: 1px solid #025C84;
                    border-bottom: 1px solid #025C84;}

    .rad_list_grid TD
                {   font-weight: normal;
                    border-bottom: 1px solid #D0CCD8;
                    color: <%= mainColorA  %>;
                    padding-left: 5px;
                    padding-right: 5px;
                    margin: 0px;}



/* List simple */


    .rad_list_simple
                {   padding: 1px;
                    background: <%= mainColorB  %>;
                    border-collapse:collapse;
                    border-left: 1px solid #D0CCD8;
                    border-top: 1px solid #D0CCD8;
                    border-right: 1px solid #025C84;
                    border-bottom: 1px solid #025C84;}

    .rad_list_simple caption
                {
                    text-align: right;
                }

    .rad_list_simple TH
                {   background-color: #998EAD;
                    font-weight: bold;
                    font-size: 12px;
                    color: #f5f5f5;
                    text-align:left;
                    margin: 0px;
                    padding-left: 5px;
                    padding-right: 5px;
                    border-left: 1px solid #D0CCD8;
                    border-top: 1px solid #D0CCD8;
                    border-right: 1px solid #025C84;
                    border-bottom: 1px solid #025C84;}

    .rad_list_simple TD
                {   font-weight: normal;
                    border: 1px solid #D0CCD8;
                    color: <%= mainColorA  %>;
                    padding-left: 5px;
                    padding-right: 5px;
                    margin: 0px;}



/* Misc */

    .rad_fieldset
                {   display:block;}

    .rad_field
                {   text-align:left;
                    display:inline;
                    float:left;}

    .rad_field label
                {   text-align:left;
                    width: 49%;
                    float: left;
                    display: block;}

    .rad_input_text, .rad_input_option
                {   width: 40%;}

    .rad_btnBrowse
                {   width: 20px;
                    height: 20px;}

     <%
}

%>