body, table, input, select { font-family: arial, sans-serif; font-size: 10pt; }

body.shop_body { margin: 3px; }
ul li { list-style-type: disc; }

.error_box { background: #FDE7E4 url(/shop_images/fail.gif) 5px 5px no-repeat; border: 1px solid #FA8D83; color: #cc0000; font-weight: bold; padding-bottom: 10px; padding-left: 35px; padding-top: 10px; }
.success_box { background: #E4FDE7 url(/shop_images/ok.gif) 5px 5px no-repeat; border: 1px solid #83FA8D; color: #00cc00; font-weight: bold; padding-bottom: 10px; padding-left: 35px; padding-top: 10px; }

a { color: #0000ff; }

h1 { font-size: 14pt; color: #0099ff; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }

a.page_select { background-color: #0099ff; border: 1px solid #0099ff; color: #0099ff; display: block; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; }
a.page_select:hover { background-color: #e1e1e1; border: 1px solid #d1d1d1; color: #000000; text-decoration: none; }
td.page_selected { background-color: #D2EAF6; border: 1px solid #B7D8EE; font-weight: ; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; }

table.product_framework, table.featured_framework { border-collapse: collapse; }
table.product_framework td, table.featured_framework td { border: 1px solid #eee; background-color: #fff; }


table.menu a { text-align: center; display: block; width: 100px; height: 38px; color: #ffffff; padding-top: 10px; text-decoration: none; }
table.menu a:hover { color: #413827; background: url(/images/menuback.png); }

table.category a { background: url(/shop_images/arrow.png) no-repeat 3px; 5px; padding-left: 10px; color: #000000; font-size: 9pt; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; display: block; text-decoration: none; text-transform: uppercase; }
table.category a:hover { color: #a00000; background-color: #eeeeee; }

table.basket a { color: #0000ff; text-decoration: none; }

div#breadcrumb a { padding-right: 14px; margin-right: 10px; background-image: url(/shop_images/arrow.png); background-repeat: no-repeat; background-position: right 4px; color: #555; font-size: 8.25pt; }
div#breadcrumb a:hover { text-decoration: underline; }

/* Style for the slideshow component */
div#SlideShow_Component        { padding: 5px; width: 242px; -moz-user-select: none; display: table; }
div#SlideShow                  { position: relative; background-color: #FFF; border: 1px solid #a00; }
div#SlideShow:hover            { border: 1px solid #000; }
div#SlideShow div              { cursor: pointer; position: absolute; }
div#SlideShow_Magnify          { left: 0; top: 0; background: url(/shop_images/slideshow_zoom.png) no-repeat center center; }
div#SlideShow_Left             { left: 0; top: 50%; margin-top: -24px; background: url(/shop_images/slideshow_left.png); width: 38px; height: 48px; }
div#SlideShow_Right            { left: 100%; top: 50%; margin-left: -38px; margin-top: -24px; background: url(/shop_images/slideshow_right.png); width: 38px; height: 48px; }   
div#SlideShow_Background       { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000; display: none; z-index: 1000; }
img#SlideShow_Img              { background-color: #FFF; }
img#SlideShow_Enlarge          { position: fixed; left: 50%; top: 50%; display: none; background-color: #FFF; padding: 8px; border: 1px solid #888; cursor: pointer; z-index: 1001; }
div#SlideShow_Thumbs           { margin-top: 3px; }
div#SlideShow_Thumbs img       { border: 1px solid #a00; margin-right: 3px; padding: 1px; background-color: #FFF; cursor: pointer; }
div#SlideShow_Thumbs img:hover { border: 1px solid #000; }



form { margin: 0px; }
label { padding-right: 10px; white-space: nowrap; }
label.required { color: #aa0000; }
table.form_table { background-color: #f1f1f1; border: 1px solid #003E44; }
table.form_table th { background-color: #003E44; color: #ffffff; height: 20px; padding-left: 5px; padding-right: 5px; text-align: left; }
table.form_table td { height: 20px; padding-left: 5px; padding-right: 5px; text-align: left; }
table.form_question th { font-weight: normal; height: 20px; padding-left: 5px; padding-right: 5px; text-align: left; }

.checkout_login_frame { background-color: #f1f1f1; border: 1px solid #003E44; padding: 12px; }

table.secure_basket { background-color: #E6F0FA; border: 1px solid #1C7DCE; }
table.secure_basket th { border-bottom: 1px solid #cccccc; color: #555555; font-weight: normal; padding-bottom: 2px; }
table.secure_basket td.footer { color: #555555; padding-bottom: 1px; padding-top: 1px; text-align: right; width: 100%; }
table.secure_basket td.footer_price { padding-bottom: 1px; padding-top: 1px; text-align: right; white-space: nowrap; }
table.secure_header { background-color: #EEEEEE; border: 1px solid #B1B1B1; }
table.secure_payment { background-color: #EEEEEE; border: 1px solid #B1B1B1; padding: 5px; }
td.secure_address { background-color: #EEEEEE; border: 1px solid #B1B1B1; padding: 5px; }
div.secure_heading { font-size: 8pt; font-weight: ; padding-bottom: 5px; }
table.secure_payment input.textbox { border: 1px solid #7F9DB9; height: 19px; padding: 2px; }

/* Log in menu styles */
   table#accountmenu { margin-left: 20px; }
   table#accountmenu a { font-size: 10pt; }
   table#accountmenu p { margin-top: 0; font-style: italic; }
   p#lastvisit { margin-bottom: 40px; }

/* Registration styles */
   form#registration { background-color: #FAFAFA; border: 1px solid #DEDEDE; padding: 10px; display: table; }
   form#registration table { margin-bottom: 20px; }
   form#registration th { text-align: left; font-size: 10pt; -moz-user-select: none; cursor: default; }
   form#registration a { text-decoration: none; -moz-user-select: none; }
   form#registration em { font-family: Trebuchet ms; color: #999999; font-size: 8.25pt; font-weight: normal; -moz-user-select: none; cursor: default; }
   form#registration label { display: block; padding: 0 8px 0 20px; text-align: right; color: #444444; -moz-user-select: none; white-space: nowrap; }
   form#registration label a { cursor: default; color: #000; }
   form#registration input { border: 1px solid #E0E0E0; padding: 4px; background-color: #FFFFFF; }
   form#registration img { border: 1px solid #E0E0E0; background-color: #FFFFFF; }
   form#registration span#formMessage img { border: 0; background-color: transparent; }

   form#registration input#regSubmit { float: right; }
   form#registration .selected { cursor: default; }

   form#registration a#regICountry, form#registration a#regDCountry
      { border: 1px solid #E0E0E0; width: 150px; display: block; height: 15px; color: #000000; padding: 4px; background: url(shop_images/img_dropdown_0.png) no-repeat 137px 2px #FFFFFF; cursor: default; }

   form#registration .selected, form#registration .focused
      { border: 1px solid #AAAAAA; }

   form#registration a.selected#regICountry, form#registration a.focused#regICountry, form#registration a.selected#regDCountry, form#registration a.focused#regDCountry
      { border: 1px solid #AAAAAA; background: url(shop_images/img_dropdown_1.png) no-repeat 137px 2px #FFFFFF; }
   
   form#registration .pass, form#registration a.pass#regICountry, form#registration a.pass#regDCountry 
      { border: 1px solid #8BD189; }

   form#registration .fail, form#registration a.fail#regICountry, form#registration a.fail#regDCountry
      { border: 1px solid #D28887; }

   form#registration input#regUsername { width: 130px; }
   form#registration input#regPassword { width: 130px; }
   form#registration input#regEmailAddress { width: 350px; text-transform: lowercase; }
   form#registration input#regIContactName, form#registration input#regDContactName { width: 150px; }
   form#registration input#regIAddressLine1, form#registration input#regDAddressLine1 { width: 150px; }
   form#registration input#regIAddressLine2, form#registration input#regDAddressLine2 { width: 150px; }
   form#registration input#regIAddressLine3, form#registration input#regDAddressLine3 { width: 150px; }
   form#registration input#regITown, form#registration input#regDTown { width: 100px; }
   form#registration input#regICounty, form#registration input#regDCounty { width: 100px; }
   form#registration input#regIPostcode, form#registration input#regDPostcode { width: 100px; text-transform: uppercase; }
   form#registration input#regITelephone, form#registration input#regDTelephone { width: 150px; }

   
   form#registration div#regICountryDropdown, form#registration div#regDCountryDropdown
      { position: absolute; display: none; overflow: auto; border: 1px solid #a0a0a0; border-top: 0px; background-color: #FFFFFF; }

   form#registration div#regICountryDropdown a, form#registration div#regDCountryDropdown a
      { display: block; white-space: nowrap; cursor: default; padding: 2px 5px 2px 5px; color: #000; }

   form#registration div#regICountryDropdown a:hover, form#registration div#regDCountryDropdown a:hover
      { background-color: #f3f3f3; }


/* Login box styles */
   form#login { background-color: #FAFAFA; border: 1px solid #DEDEDE; padding: 10px; display: table; margin-bottom: 20px; }
   form#login a.checkbox { color: #000000; text-decoration: none; -moz-user-select: none; }
   form#login label { display: block; padding: 0 8px 0 0px; text-align: right; color: #444444; -moz-user-select: none; white-space: nowrap; }
   form#login label a { cursor: default; color: #000; }
   form#login input { border: 1px solid #E0E0E0; padding: 4px; background-color: #FFFFFF; }
   form#login img { border: 1px solid #E0E0E0; background-color: #FFFFFF; }
   form#login input#txtUsername { width: 130px; }
   form#login input#txtPassword { width: 130px; }
   form#login .selected { cursor: default; }
   form#login .selected, form#login .focused { border: 1px solid #AAAAAA; }


.form_header {
   white-space: nowrap;
   padding-left: 5px;
   padding-right: 5px;
   border-bottom: 1px solid #4FA2C3;
   text-align: left;
   font-weight: bold;
   height: 20px;
   color: #ffffff;
   background-color: #4FA2C3;
}
.form_left{
   padding-left: 5px;
   border-left: 1px solid #4FA2C3;
   background-color: #f1f1f1;
}
.form_middle{
   padding-left: 5px;
   background-color: #f1f1f1;
}
.form_right {
   border-right: 1px solid #4FA2C3;
   background-color: #f1f1f1;
}
.form_footer {
   border-top: 1px solid #4FA2C3;
}
.form_box {
   border: 1px solid #4FA2C3;
}
.form_required {
   color: #cc0000;
   font-weight: bold;
}