﻿#Updates {padding:20px;}
/*#USER CONTROLS: Shopping Basket#*/
#shoppingbasketDiv {margin:20px 5px 5px 10px;}
/*Check out page*/
#OrderDetails { float:right;}
#OrderDetails, #CreditCardDetails, #BillToDetails, #ShipToDetails, #ExtraDetails, #SubmitButton, #PromotionCode {padding-left: 20px; margin-bottom:20px; width: 400px; text-align:left;}
#icon { height: 100%; vertical-align:middle ; width:50px; float:left;}
#message{height:60px; width:290px; float:left;}
.pnlError {width:80%; border:1px solid red; padding:10px; background-color:White;margin-bottom:10px;}
.pnlSuccess {width:80%; border:1px solid green; padding:10px;}
.imageIcon {border:none; vertical-align:middle;}
.h2Error {margin:0 0 10px 0;padding:0;}

.label {line-height:2.2em;}
.input_small {float:left; width:75px; text-align:left; margin-bottom:4px;  }
.notes {float:left; width:200px; font-size:xx-small; vertical-align:top; }
.textbox {width:200px;}
.textbox_sm {width:25px;}
.textbox_med {width:50px;}
.txtComments {width:300px; height:150px;}
/*Confirmation Page */
.pnlConfirmation h2, .pnlInformation h2, .pnlOrderItems h2, .pnlBillTo h2 .pnlShipTo h2{padding-left:20px; text-align:left; }
.pnlConfirmation{background-color:White;  clear:both; padding-left:20px; padding-bottom:30px;}
.pnlInformation{ margin-bottom:20px;}
.pnlBillTo, .pnlShipTo, .pnlAdminUpdate{width: 500px; margin-bottom:20px; clear:both;}

.pnlWrapper{float:left; width:500px; }
.pnlOrderItems {background-color:White; padding-left:5px;padding-right:5px;}
.money {font-weight:bold; color:#4E8A31;}
.moneyTotal {font-weight:bold; color:#3E6D27;}

#tblConfirmation {border-collapse:collapse; background-color:#FFFFFF;}
#tblConfirmation td.right {text-align:right; font-weight:bold; width:50%; }
#tblConfirmation td {border-bottom: 1px solid #CCC; padding: .2em 0.5em; vertical-align:top;}
#tblOrderItems tr.header {font-weight:bold;}
#tblOrderItems tr.header td { }
#tblOrderItems {border-collapse:collapse; background-color:#FFFFFF; width:100%}
#tblOrderItems td.right {text-align:right; font-weight:bold; width:50%; }
#tblOrderItems td {border-bottom: 1px solid #CCC;  vertical-align:top;}
#tblOrderItems table td {border-bottom:none;}
#tblBillTo {border-collapse:collapse; background-color:#FFFFFF;}
#tblBillTo td.right {text-align:right; font-weight:bold; width:50%; }
#tblBillTo td {border-bottom: 1px solid #CCC; padding: .2em 0.5em; vertical-align:top;}
#tblShipTo {border-collapse:collapse; background-color:#FFFFFF;}
#tblShipTo td.right {text-align:right; font-weight:bold; width:50%; }
#tblShipTo td {border-bottom: 1px solid #CCC; padding: .2em 0.5em; vertical-align:top;}

.tblConfirmation {border-collapse:collapse; background-color:#FFFFFF;}
.tblConfirmation td.right {text-align:right; font-weight:bold; width:50%; }
.tblConfirmation td {border-bottom: 1px solid #CCC; padding: .2em 0.5em; vertical-align:top;}

/* Alphabet_Letters.aspx */
#searchFilter {margin: 0 0 10px 30px;}
#searchResults {}
/* Create a word.aspx */
#tblWord{border-collapse:collapse;}
#VGrooveOuter{border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
#VGrooveInner{border-left: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;border-right: 1px solid #999999;border-bottom: 1px solid #999999;}
/* Frequenlty asked questions */
.Question {color:#990000; font-weight: bold;}
.Answer {margin-left: 10px;}
/* popup */
#popup {position: absolute; z-index: 1001; background-color:White; padding: 10px; border:3px solid #666666;}
#divletters {height:400px; overflow: scroll;}
.imageText {clear:both; margin-left:10px; color:white;}
.imageText a {color:white;}
.imageText a:visited {color:white;} 
.imageText a:hover {color:white; text-decoration:none;} 
.imageText a:active {color:white;} 
.popupLiquidSmall{ margin-left:30%; margin-right:30%; } 
.popupLiquidMedium{ margin-left:20%; margin-right:20%;   } 
.popupLiquidLarge{ margin-left:10%; margin-right:10%;  } 
.popupSearchResults{ top: 50px; } 
.product {background-color:#FFFFFF;border:1px solid #CCCCCC;float:left;margin:1px;padding:10px;width:150px;}
div.product a {text-decoration:none;}


table.table {background-color:#fff; font-size:11px;}
table.table  tr:first-child  {
    background-color: Gray;
    color:#fff;
}
.hor-minimalist-a {font-size: 12px;background: rgba(255, 255, 255, 0.75);table-layout: fixed; width: 100%;border-collapse: collapse;text-align: left;    margin-bottom: 5px;}
.hor-minimalist-a th{font-size: 14px; font-weight: normal;color: Gray;padding: 10px 8px;    }
.hor-minimalist-a td{color: Gray; padding: 5px 8px 10px 8px;vertical-align:top; border-collapse:collapse;word-wrap:break-word;}

.hor-minimalist-a th {background-color:#f3f3f3;border: 1px solid #f3f3f3;}
.hor-minimalist-a td {border:1px solid #f3f3f3;}
.hor-minimalist-a tbody tr:hover td{color: #009;background-color: #f3f3f3;} 

.hor-minimalist-c {font-size: 12px;background: rgba(255, 255, 255, 0.75);table-layout: fixed; width: 100%;border-collapse: collapse;text-align: left;    margin-bottom: 5px;}
.hor-minimalist-c th{font-size: 14px; font-weight: normal;color: Gray;padding: 10px 8px;    }
.hor-minimalist-c td{color: Gray; padding: 5px 8px 10px 8px;vertical-align:top; border-collapse:collapse;word-wrap:break-word;}

.hor-minimalist-c th {background-color:#f3f3f3;border: 1px solid #f3f3f3;}
.hor-minimalist-c td {border:1px solid #ccc;}
.hor-minimalist-c tbody tr:hover td{color: #009;background-color: #f3f3f3;}


.hor-minimalist-b {font-size: 12px;background: rgba(200, 200, 200, 0.75);table-layout: fixed; width: 100%;border-collapse: collapse;text-align: left;    margin-bottom: 5px;}
.hor-minimalist-b th{font-size: 14px; font-weight: normal;color: Gray;padding: 10px 8px;    }
.hor-minimalist-b td{color: Gray; padding: 5px 8px 10px 8px;vertical-align:top; border-collapse:collapse;word-wrap:break-word;}

.hor-minimalist-b th {background-color:#ccc;border: 1px solid #ccc;}
.hor-minimalist-b td {border:1px solid #ccc; background-color:#e8e8e8;}
.hor-minimalist-b tbody tr:hover td{color: red;background-color: #fff;} 


