/* ------------------------------------------------------------------------------------------- */
/*  Base Classes
/* ------------------------------------------------------------------------------------------- */
body { margin: 0; padding: 0; color: #000; font: 13px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
p { line-height: 19px;}
img { margin: 0px; padding: 0px; border: 0px;}
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;}              
.main h2 { color: #096; }  
.main h3 { color: #369; border-bottom: 1px solid #eee; padding-bottom: 5px; width: 100%;}
               
/* Float control */
.float-left { float: left; }
.float-right { float: right; }      
.float-clear {clear: both; display: block; font-size: 0; line-height: 0; }
.align-right { text-align: right; }      

/* Top menu style */  
.top-menu { border-bottom: 1px solid #eee; }
.top-menu ul { list-style: none; margin: 0px; padding: 0px; }
.top-menu ul li { float: left; margin: 0px; margin-left: 15px; padding: 5px; border: 1px solid #eee; border-bottom: 0px; background: #eee;}         
.top-menu a { color: #096; text-decoration: none;}      
.top-menu li.selected { background: #096; }    
.top-menu li.selected a { color: #fff; }

.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; }   
 
/* Table listing styling */
.stripped-list th { text-align: left; }    
.stripped-list td {vertical-align: middle; color: #369; border-bottom: 1px solid #ccd8e5; height: 28px;}
.stripped-list th {border-bottom: 1px solid #ccc; color: #369; height: 28px; text-align: left;}
.stripped-list .line-0 td {background: #f0f3f7;}
.stripped-list .line-1 td {background: #fff;}
.stripped-list .highlight td {background: #ffc !important;}

.main .note { padding: 20px; border-bottom: 1px dotted #ccc; }    
   
/* Order details styling */
.product-table { border-bottom: 1px solid #ccc;  }
.product-table th { border-bottom: 1px solid #ccc; text-align: left; color: #666; padding-bottom: 7px; }
.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; }             

/* Form Styling */
.stylized-form td { padding-top: 5px; padding-bottom: 5px; }
.stylized-form td.label { color: #666; width: 180px; font-size: 12px; font-weight: bold; padding-right: 10px; text-align: right; vertical-align: middle;}    
.stylized-form fieldset { padding: 0px; border: 0; border-top: 1px solid #99c; margin-bottom: 10px; }
.stylized-form .title-bar {border-bottom: 1px solid #9ac; width: 100%;}     

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