/*HTML Default styles*/
* { padding: 0; margin: 0; font-family: calibri, sans-serif; text-align: left;  vertical-align: top; }
table { margin: auto; border-collapse: collapse; border-spacing: 0; }
h1 { font-size: 24pt; text-align: center; }
h2 { font-size: 16pt; text-align: center; }
h3 { font-size: 12pt; color: #FF1B03; }
h4 { font-size: 10pt; text-align: center; }
input[type="submit"], input[type="button"], button{ padding: 4px 8px; font-size: 11pt; cursor: pointer; }
input[type="text"], input[type="password"] { padding: 2px; }
fieldset {  
    background: #E8E8E8;
    background: rgba(0, 0, 0, 0.1);
    border: medium none;
    border-radius: 8px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset; 
    margin-top: 24px;
    position: relative;
}
legend, .legend { font-weight: bold; margin-top: -18px; font-size: 14pt; padding: 4px; position: relative; top: -11px; text-shadow:  0 0 3px rgba(255, 255, 255, 0.5), 0 0 3px rgba(255, 255, 255, 0.5), 0 0 3px rgba(255, 255, 255, 0.5), 0 0 3px rgba(255, 255, 255, 0.5); }
option { padding-top: 2px; padding-bottom: 2px; border: 1px solid #CCC; border-top: 0; border-left: 0;  }
td, th { padding: 0; margin: 0; }
a > img { border: none; }

/* Menu Layout */
#templated #main_menu { position: relative; top: 358px; margin: auto; text-align:center; }
#templated #main_menu li { display: inline-block; margin: 10px; text-align: center; font-weight: bold; line-height: 40px; height: 40px; width: 127px; font-size: 18px; }
#templated #main_menu li, button, .button, input[type="submit"], input[type="button"] { border: 1px solid #000;    color: white;   background: #2E3092; }
#templated #main_menu li, button, .button, input[type="submit"], input[type="button"]{
    box-shadow: inset 0 -3px 3px rgba(0,0,0,0.6), inset 0 2px 3px rgba(255,255,255,0.5);
    border-radius: 6px;   
}
#templated #main_menu li:hover, button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover{
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.6);   
}
#templated #main_menu li.active { border: 1px solid #2E3092; color: #2E3092; background: #FFCF01; }
#templated #main_menu li a        { color: white; text-decoration: none; }
#templated #main_menu li a.active { color: #2E3092; text-decoration: none; }
#templated #main_menu li#menu-item-3 { margin-right: 50px; }
#templated #main_menu li#menu-item-4 { margin-left: 50px; }
#admin_menu_container { border-bottom: 1px solid rgba(0,0,0,0.5); background: #DDD; background: rgba(255,255,255,0.75); position: absolute; top: 0px; width: 100%;  }
#templated #admin_main_menu { text-align: center; }
#templated #admin_main_menu li { display: inline-block; margin: 10px; text-align: center; font-weight: bold; font-size: 18px; }
#templated #admin_main_menu li a { color: black; }
#templated #admin_main_menu li a.active { color: blue; text-decoration: none; }

/* System Messages */
.message_notice, .message_error { position: relative; border: 1px solid rgba(0,0,0,0.5); font-weight: bold; font-size: 12pt; padding: 4px; margin: 4px; text-align: center; }
.message_notice { background: #2E3092; color: white; }
.message_error { background: #FFCF01;  color: black; }

/* Cart */
#cartModule { border-radius: 10px; border: 1px solid rgba(0,0,0,0.2); overflow: hidden; margin-bottom: 24px; width: 100%; background: #FFF; background: rgba(255,255,255,0.5) }
#cart_module_header { background: #2E3092; border-radius: 10px 10px 0 0; color: #FFF; padding: 2px; font-weight: bold; font-size: 14pt; text-align: center; }
#cart_module_body { padding: 5px; }
.cart_description_line { text-align: left; font-size: 9pt; padding: 0px; }
div.add_to_cart{ border: 2px solid #E72100; margin-top: 1px; height: 19px; line-height: 18px; width: 110px; cursor: pointer; overflow: hidden; position: relative; text-align:center; }
div.add_to_cart > span{ 
    position: relative;
    z-index: 2;
    color: #0F0E66;
    font-size: 14pt;
}
div.add_to_cart { box-shadow: inset -1px -1px 3px rgba(0,0,0,.5); }
div.add_to_cart > div{ 
    position: absolute;
    top: -5px;
    left: -50px;
    height: 50px;
    width: 250px;
    display: block;
    z-index: -1;
    background: #f9e900; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #f9e900 0%, #fad077 48%, #f3ad19 52%, #f89e00 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f9e900), color-stop(48%,#fad077), color-stop(52%,#f3ad19), color-stop(100%,#f89e00)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #f9e900 0%,#fad077 48%,#f3ad19 52%,#f89e00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #f9e900 0%,#fad077 48%,#f3ad19 52%,#f89e00 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #f9e900 0%,#fad077 48%,#f3ad19 52%,#f89e00 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #f9e900 0%,#fad077 48%,#f3ad19 52%,#f89e00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e900', endColorstr='#f89e00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
div.add_to_cart:hover{
    box-shadow: inset 1px 1px 3px rgba(255,255,255,1);
}
#view_cart_button { cursor: pointer; font-size: 12pt; color: #FFF; font-weight: bold; line-height: 31px; right: 19px; bottom: 107px; position: absolute; padding-right: 4px; }

/*Report Table*/
.tblReport tbody { box-shadow: inset 2px 2px 2px rgba(0,0,0,0.5), inset -2px -2px 2px rgba(0,0,0,0.5); }
.tblReport td, .tblReport th { padding: 4px 12px; }
.tblReport thead th, .tblReport thead td { background: #2E3092; color: #FFF; border: 1px solid #2E3092;  }
.tblReport tbody th, .tblReport tbody td { border-bottom: 1px solid rgba(0,0,0,0.2); }
.tblReport tbody tr td:first-child { border-left:  1px solid #2E3092; }
.tblReport tbody tr td:last-child  { border-right: 1px solid #2E3092; }
.tblReport tbody tr:last-child td, .tblReport tbody tr:last-child th  { border-bottom: 1px solid #2E3092; background: #2E3092; color: #FFF; }

/*Specfic Pages*/
/*  Home Page*/
.home_page_block { width: 230px; padding: 8px; background: rgba(255, 255, 255, 0.5); }
.home_page_block > form > table { vertical-align: middle; padding: 4px; }
.home_page_block > form > table td, .home_page_block > form > table th { padding: 4px; }
.home_page_block input[type="text"], .home_page_block input[type="password"] { width: 150px; }
.home_page_block_separator { vertical-align: middle; padding: 4px; }
.home_page_block_a { border: 3px solid #2E3092; border-bottom: 0; }
.home_page_block_b { border: 3px solid #2E3092; border-top:    0; }
/*  Place Order Page*/
.order_stock_desc { font-size: 9pt; }
.select_size { font-size: 11pt; }

/* MISC */
.error { color: red; }
.vmiddle td, .vmiddle th, .vmiddle { vertical-align: middle; padding: 4px; }
.yellow_button { font-size: 14px; background: #FFCF01; border-radius: 5px; height: 17px; line-height: 17px; padding: 8px; display: inline-block; cursor: pointer; box-shadow: 1px 1px 0 rgba(165,170,123,1), inset -1px -1px 0 rgba(255,255,255,0.25); }

/*SURVEYS*/
.article_form { padding: 0 32px; }
.article_form input[type="checkbox"] { margin-top: 2px; }
.article_form_input_postback { background: #EEE; padding: 0px; margin: 0px; border-radius: 4px; color: #00E; box-shadow: 1px 1px 2px rgba(0,0,0,0.5) }
.article_form_input_postback_checkbox { display: inline-block; font-size: 12px; min-height: 12px; min-width: 12px; border: 1px solid #333; line-height: 12px; }


/*Checkout*/
#agree_fieldset > label > *{
    display: inline;
}
#tdSummary > table{
    margin: 0;
    border-collapse: separate;
    float: left;
    padding-left: 0;
}
#tdSummary .order_cart_confirm_td_tl{ border-radius: 10px 0 0 0; border: none; }
#tdSummary .order_cart_confirm_td_tr{ border-radius: 0 10px 0 0; border: none; }
#tdSummary .order_cart_confirm_td_bl{ border-radius: 0 0 0 10px; border: none; }
#tdSummary .order_cart_confirm_td_br{ border-radius: 0 0 10px 0; border: none; }#body, #header, #footer{ margin:auto; position: relative; font-size: 11pt; position: relative;  }
#header { text-align: center; }
#templated #body, #templated #header, #templated #footer{ max-width: 1028px; }
#templated #header { width: 1028px; height: 446px;     background: url('../media/uploads/template/template_top.jpg');    background-repeat: no-repeat; overflow: hidden; z-index: 0; }
#templated #body   { width: 1028px; min-height: 290px; background: url('../media/uploads/template/template_middle.jpg'); background-repeat: repeat-y;  overflow: hidden; z-index: 1; }
#templated #footer { width: 1028px; height: 268px;     background: url('../media/uploads/template/template_bottom.jpg'); background-repeat: no-repeat; overflow: hidden; z-index: 0; }
#templated #footer_text { padding-top: 216px; }
#templated #padded_body { padding: 0px 32px; }