/* ------------------------------------------------------------------------------------------- */
/*  Base Classes
/* ------------------------------------------------------------------------------------------- */

td { padding: 0px; vertical-align: top; }
a { text-decoration: none; }  
table { padding: 0px; width: 100%; }
.main-wrapper { margin: 0px auto; width: 992px; background: transparent url(/images/main_background.jpg) repeat-y 0 0;}              
h2 {margin: 8px 0 !important; color: #8af3ff !important; font-family: georgia !important;}  
.main h3 { color: #369; border-bottom: 1px solid #eee; padding-bottom: 5px; width: 100%;}

.stripped-list h3 {font-size: 20px; color: #d4d4d4;}
.body h3 {font-size: 20px; color: #d4d4d4;}
h2 {font-size: 28px !important;} 
#customers h2 {padding-bottom: 24px;} 
.label {color: #fff;}

h4.note-name {color: #f7f7f7; background: #333; border-bottom: 1px solid #000; margin-bottom: 0px; padding: 8px; padding-left: 16px;}
h4.staff-note {background: #369; border-bottom: 1px solid #036;}

#search-results-heading {border-top: 1px solid #333 !important; padding-top: 24px;}

select {letter-spacing: .04em;}

#login-logo {float: left; margin-top: 52px; margin-left: 280px;}
#login-box {width: 450px; height: 450px; margin: 0 auto; background: url(/images/login-bg.jpg) 0 0 no-repeat;}
#login-box table {margin-top: 92px;}
#login-box input {padding: 3px; font-size: 16px; color: #666; margin-top: 16px;}


#wholesaler_username {position: relative; z-index: 99;}

/* Top menu style */  
.top-menu { /*border-bottom: 1px solid #eee;*/ }
.top-menu ul { list-style: none; margin: 0px; padding: 0px; }
.top-menu ul li {display: block; float: left;}
.top-menu ul li a {display: block; float: left; margin: 0px; border-left: 1px solid #1c3259; padding: 5px; padding: 8px 18px; border-bottom: 1px solid #1c3259; 
	background: #2c4d8b url(/images/top-nav-bg.png) 0 100% repeat-x;}         
.top-menu a {font-family: helvetica, arial, sans-serif; letter-spacing: .06em; font-size: 14px; color: #f7f7f7; text-decoration: none;} 
.top-menu a:hover {background: #223c6b; border-bottom: 1px solid #000;}     
.top-menu li.selected a {background: #3f7eb8;}    

.top-menu .account-links a {background: #d4d4d4 url(/images/account-link-bg.png) 0 100% repeat-x; font-size: 12px; color: #333; border-left: 1px solid #000;}
.top-menu .account-links a:hover {background: #f7f7f7; color: #333;}

.main .header { background: #F7FFF3; padding: 5px; }
.main .header h2 { margin: 0px; padding: 15px; }              
.main .header h2.with-subtitle { padding-bottom: 5px; }
.main .header .subtitle { margin-bottom: 10px; font-size: 12px; padding-left: 15px; font-weight: bold;}

.main .header .action-link a { background: #666; color: #fff; padding: 5px; margin-top: 5px; margin-right: 5px; display: block;}             
.main .body { padding: 15px; color: #fff; }   
 
.header {padding: 24px 8px;}

/* Table listing styling */

.stripped-list {border: 1px solid #232323; border-bottom: 16px solid #222; margin-top: 0;}
.stripped-list th {border-bottom: 1px solid #ccc; background: #171717; color: #fff; padding: 12px 16px;}   
.stripped-list td {vertical-align: middle; padding: 16px; color: #333; height: 28px;}
.stripped-list td a {text-align: left; display: block; color: #32589e; text-decoration: underline;}
.stripped-list td a:hover {text-decoration: none;}

.stripped-list .line-0 td {background: #f7f7f7;}
.stripped-list .line-1 td {background: #e5e5e5;}

.stripped-list .highlight td {background: #ffc !important;}

#customer_search {font-size: 18px; color: #888; padding: 3px; background: #f7f7f7; border: 1px solid #232323;}
.customer-search-label {font-size: 18px; color: #eee; letter-spacing: .15em; margin-right: 16px;}

.customer-search {border-left: none; border-right: none; border-bottom: none;}
.customer-search .customer-activity td {border-bottom: 18px solid #000; border-top: 1px solid #bebebe; background: #f7f7f7 url(/images/customer-activity-bg.png) 0 0 repeat-x; color: #666; font-size: 14px;}
.customer-search .customer-activity.line-1 td {}

.main .note { padding: 20px; border-bottom: 1px dotted #ccc; }    
   
.right-link {position: absolute; right: 8px; top: 8px; background:; display: block; padding: 10px 16px; font-family: lucida grande; letter-spacing: .04em;}
.right-link:hover {background: ;}
.view-all-tab {top: -10px !important;}

/* Order details styling */
.product-table {border-bottom: 1px solid #ccc; color: #333; border: 1px solid #232323; border-bottom: 24px solid #222; }
.product-table img {border: none !important;}
.product-table td {background: #fff; padding: 8px 16px; vertical-align: middle;}
.product-table th {border-bottom: 1px solid #ccc; background: #171717; color: #fff; padding: 12px 16px;}
.product-table .row td {padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}      
.product-table .row .nested td {border: 0px; padding: 0px; font-size: 11px;}

.product-table .money {color: #32589e;}
             
.subtitle {font-family: lucida grande; color: #f7f7f7; margin-top: 16px; font-size: 14px;}

#stain_left a img {padding: 16px;}

.align-right td {text-align: right; font-size: 16px; padding-right: 24px;}
.grand-total td {padding-bottom: 24px; font-size: 24px; color: #32589e;}

/* Form Styling */
.stylized-form {padding: 0px;}
.stylized-form input {margin: 4px; background: #242424; border: 1px solid #363636; padding: 6px; color: #d4d4d4; font-size: 13px;}
.stylized-form td {padding-top: 5px; padding-bottom: 5px; color: #333;}
.stylized-form td.label {color: #f7f7f7; width: 180px; font-size: 12px; font-weight: bold; padding-right: 10px; text-align: right; vertical-align: middle;}    
.stylized-form fieldset {padding: 16px; border: 0; border-top: 1px solid #32589e; margin-bottom: 10px;}
.stylized-form fieldset legend {color: #d4d4d4; font-size: 16px; padding: 8px;}
.stylized-form .title-bar {border-bottom: 1px solid #9ac; width: 100%;}     
.stylized-form a {color: #32589e; text-decoration: underline;}
.stylized-form a:hover {text-decoration: none; color: #32589e;}
.stylized-form .submit-btn {background: none; border: none;}
.valign-middle a {margin-bottom: 8px;}

/* Flash message styling */
.flash-message {margin: 15px; margin-bottom: 0px; border: 1px solid #096; padding: 7px; color: #096;}

#customer-address .address {margin-bottom: 24px; line-height: 18px;}
#customer-address .address h3 {font-size: 16px; color: #72d6ff; margin-bottom: 8px;}

#customer-active-orders h2 {border: 1px solid #222; margin: 0 !important;  color: #fff !important; font-size: 16px; background: #171717; padding: 10px; padding-left: 16px;}
#customer-active-orders div {background: #fff; padding-bottom: 24px; margin-right: 24px; color: #666;}
#customer-active-orders div p {margin-left: 24px; margin-right: 24px;}
#customer-active-orders .active-order-display {margin-bottom: 36px;}
#customer-active-orders .open-quotes-display {}
#customer-active-orders table td {background: #fff;}

.quote-activity {background: #fff;}
.order-activity {}
.past-order-activity {}

.customer-activity {padding-bottom: 0 !important; border-bottom: 1px solid #555}

#customer_tabs { }
.tab {list-style-type: none;}
.tab {float: left; display: block;}
.tab a {display: block; padding: 12px 16px; float: left; background: #2c4d8b url(/images/customer-tab-bg.png) 0 100% repeat-x; color: #666; border-right: 2px solid #232323; text-decoration: none !important; color: #f7f7f7 !important;}
.tab a:hover {background: #223c6b; border-right: 2px solid #232323;}
.tab a.active {background: #4891d4; border-right: 2px solid #232323 !important;}

#notes {margin-top: 24px; padding-right: 32px; width: 542px;}
#note_note {margin-bottom: 24px; color: #f7f7f7; font-sie: 14px; padding: 8px; background: #242424; border: 1px solid #363636;}
#notes-sidebar {vertical-align: top; padding-top: 16px;}
.note {padding: 16px; background: #171717; border: 1px solid #232323; margin-bottom: 24px;}
.staff-note {background: #2a4366; border: 1px solid #33517b;}
#customer-notes td {vertical-align: top;}

.quote-summary td {font-size: 16px;}
.quote-summary .quote-total {color: #369;}

#customer-notes thead th {background: #369 url(/images/quote-notes-bg.png) 0 0 repeat-x; color: #fff; font-size: 24px; padding: 16px; border: 1px solid #036; border-top: 1px solid #333; letter-spacing: .125em;}