/* wrapper for all shop pages */
#shop { margin-top: 20px; font: 12px; color: #222; }

/* common styles */
#shop p { color: #222; }
#shop .clearfix { clear:both; height:0; font-size:1px; line-height:1px; width:100%; overflow:hidden; }
#shop div.description { margin: 0 0 20px 0; background-color: #f0f0f0; border: 1px solid #ddd; padding: 5px 10px 10px; }
#shop h4 { display:block; font-size:16px; font-weight:bold; color:#dd6b00; padding:0 0 13px 0; }

/* button styles */
.orange_btn{ display: block; width: 100px; line-height:12px; text-align: center; font: 12px;border:solid 1px #c56611;padding:3px 5px 4px 5px !important;color:#fff !important;margin:5px 1px 1px 5px !important;background:#df9c27 url(/images/buttons/orange_button_bg.gif) left top repeat-x;white-space:nowrap;cursor:pointer;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}
.orange_btn:hover{text-decoration:none !important;background:#c56511 url(/images/buttons/orange_button_bg_hover.gif) left top repeat-x;}
input.orange_btn{padding:3px 5px 3px 5px !important;}
.blue_btn{ vertical-align:middle;border:solid 1px #90a6bd;padding:3px 5px 3px 5px !important;color:#fff !important;margin:3px 1px !important;background:#5a80ab url(/images/buttons/blue_button_bg.gif) center top repeat-x;white-space:nowrap;cursor:pointer;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}
.blue_btn:hover{text-decoration:none !important;background:#859cb5 url(/images/buttons/blue_button_bg_hover.gif) left top repeat-x;}
input.blue_btn{padding:3px 5px 3px 5px !important}
.silver_btn{vertical-align:middle;border:solid 1px #c6c6c6;padding:1px 7px 2px 7px;color:#000 !important;margin:3px 1px !important;background:#fff url(/images/buttons/silver_button_bg.gif) left 1px repeat-x;white-space:nowrap;cursor:pointer;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}
.silver_btn:hover{background:#fff url(/images/buttons/silver_button_bg_hover.gif) left 1px repeat-x;text-decoration:none !important;color:#000 !important;border:solid 1px #8c8c8c;}
input.silver_btn{padding:3px 5px 3px 5px !important;}
.black_btn{vertical-align:middle;border:solid 1px #000;padding:1px 10px 2px 10px !important;color:#f1f1f1 !important;margin:3px 1px !important;background:#000;white-space:nowrap;cursor:pointer;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}

/* product pages */
#shop.products h2 { margin: 20px 0 0 0; background-color: #34363e; color: #fff; padding: 5px 10px 0 10px; height: 23px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius: 5px; }

/* submit section */
#shop .submit { border-top:5px solid #ddd; margin-top:10px; padding: 5px 0px; }
#shop .submit a { color: #bbb; }
#shop .submit a:hover { color: #dd6b00; }

/* search form */
#shop form.search ul { display:block; float:left; width:450px; padding:0; list-style: none; }
#shop form.search ul li { clear:left; border-bottom:0; border-top:1px solid #ddd; padding:0; list-style: none; }
#shop form.search ul li.firstli { border:0; }
#shop form.search ul label, #shop form.search ul input, #shop form.search ul select { display:block; float: left; margin:10px 0; }
#shop form.search ul label { clear:left; width:130px; color:#666; font-size:14px; padding:5px 5px 0; }
#shop form.search ul label.long { width: 295px; }
#shop form.search ul span.total { display: block; float: left; width:300px; padding:5px 2px 7px; margin: 10px 0; color: #dd6b00; font-weight: bold; font-size: 16px; }
#shop form.search ul input, #shop form.search ul select { padding:1px; color: #222; }
#shop form.search ul input[type=text], #shop form.search ul input[type=password], #shop form.search ul select { width:300px; padding:7px 2px; border:1px solid #ccc; background:#fff url(/images/forms/textinputbg.gif) repeat-x center top; }
#shop form.search ul select { width:304px; }
#shop form.search ul input.short, #shop form.search ul select.short { width:140px; }
#shop form.search h3 { display:block; float:left; width:140px; font-size:16px; font-weight:bold; color:#000; padding:13px 0 0; text-indent:5px; }
#shop div.search_tab { border: 2px solid #ddd; border-bottom: 0 none; padding: 0 25px; cursor:pointer;}
#shop .pulldown { display: block; width: 100px; line-height:20px; text-align: center; font: bold 12px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color: #666; background-color: #ddd; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;  -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; cursor: pointer; }
#shop div.product_search { padding: 0 10px 10px; border: 2px solid #ddd;  border-top: 0 none; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;  -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
#shop div.product_search p { color: #222; font-size: 12px; }

/* search results */
#shop .results { width: 100%; margin: auto; }
#shop .results thead th { font-weight: bold; background-color: #34363e; color: #fff; padding: 5px 10px; height: 18px; line-height: 18px; font-size: 13px; }
#shop .results thead th.first_th { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
#shop .results thead th.last_th { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
#shop .results tbody tr { border-bottom: 1px solid #ddd; background-color: #fafafa; color: #666; }
#shop .results tbody tr:hover { background-color: #e9e9e9; color: #222; }
#shop .results tbody tr.total { background-color: #fff; border-bottom: none; color: #dd6b00; font-weight: bold; font-size: 16px; }
#shop .results tbody tr.total td.number { background-color: #dd6b00; color: #fff; }
#shop .results tbody tr.total:hover { background-color: #fff; }
#shop .results tbody td { padding: 5px 10px; vertical-align: top; }
#shop .results tbody td span.small { color: #a6a7a1; font-size: 9px; }
#shop .results tbody td a.delete { display: block; height: 25px; width: 25px; background: transparent url("/images/buttons/delete.png") top left no-repeat; margin: 5px; }
#shop .results tbody td a.delete:hover { background-position: bottom left; }
#shop .results tbody td a.delete span { display: none; }
#shop .results tbody td.number { font-weight: bold; }
#shop .results tbody td.right, #shop .results thead th.right { text-align: right; }
#shop .results tbody td.left, #shop .results thead th.left { text-align: left; }
#shop .results tbody td.mid, #shop .results thead th.mid { text-align: center; }
#shop .results p { color: #666; font-weight: bold; font-size: 13px; }

/* pagination */
#shop .pages { width: 100%; margin: 15px auto; text-align: center; }
#shop .pages ul { list-style: none; padding: 0; display: inline; font: 12px }
#shop .pages ul li { display: inline; list-style: none; text-align: center; padding: 0 5px; font-weight: bold; color: #ff5a12; }
#shop .pages ul li a { color: #666; }
#shop .pages ul li a:hover { color: #ff5a12; }
#shop .nav_back { display: block; float:left; width: 17px; height: 16px; background: transparent url("/images/forms/back.png") top left no-repeat; }
#shop .nav_forward { display: block; float:right; width: 17px; height: 16px; background: transparent url("/images/forms/forward.png") top left no-repeat; }
#shop .nav_back span, #shop .nav_forward span { display: none; }