/* Styles for form elements*/
form label
   { margin-right: 15px; color: #555555; }
form input[type="text"], form input[type="password"], form select, form textarea
   { margin-bottom: 2px; padding: 3px; border: 1px solid #E0E0E0; border-radius: 5px; }
form input[type="text"]:hover, form input[type="password"]:hover, form select:hover, form textarea:hover
   { border: 1px solid #BBBBBB; }
form input[type="text"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus
   { border: 1px solid #777777; }
form fieldset
   { border: 1px solid #C0C0C0; border-radius: 5px; padding: 8px; margin-bottom: 8px; background-color: #FAFAFA; }
form em
   { font-weight: normal; color: #AAAAAA; font-size: 8.25pt; }

/* Filter styles */
form#filter { display: none; border: 1px solid #BBBBBB; padding: 5px; border-radius: 5px; background-color: #F1F1F1; }
form#filter select { max-width: 300px; }
form#filter td { white-space: nowrap; }


/* 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: rgba(0, 0, 0, 0.5); 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; }


/* 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; }



/* Page selections */
a.page_select { background-color: #f1f1f1; border: 1px solid #e6e6e6; color: #0066A7; display: block; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; border-radius: 5px; text-decoration: none; }
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; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; border-radius: 5px; }

.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; }

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

div.paymentgateway input { margin-bottom: 30px; }


/* Search Filter Box */
form.search { border: 1px solid #BBBBBB; padding: 10px; border-radius: 5px; background-color: #F1F1F1; margin-bottom: 5px; }
form.search label { float: left; width: 70px; }
form.search span { margin-right: 15px; }
form.search hr { border: 0; background-color: #DDDDDD; height: 1px; }


/* Page selection */
a.page { padding: 2px; border: 1px solid #BBBBBB; margin-right: 2px; border-radius: 3px; color: #000000; background-color: #F1F1F1; }
a.page_current { padding: 2px; border: 1px solid #0066A7; margin-right: 2px; border-radius: 3px; color: #000000; background-color: #B9E4FF; }
a.page:hover, a.page_current:hover { border: 1px solid #0066A7; background-color: #B9E4FF; text-decoration: none; }