/****************************************************************/
/*                     Update Progress                          */
/****************************************************************/
.UpdateProgressContent{  
             padding: 40px;  
             border: 1px dashed C0C0C0;  
             background-color: #FFFFFF;  
             width: 200px;  
             text-align: center;  
             vertical-align: bottom;  
             z-index: 1001;  
             top: 20%;  left:35%;
             margin:0px;    
             position: absolute;          
}  
.UpdateProgressBackground  
{  
         margin:0px;  
         padding:0px;  
         top:0px; bottom:0px; left:0px; right:0px;  
         position:absolute;  
         z-index:1000;  
         background-color:#cccccc;  
         filter: alpha(opacity=70);  
         opacity: 0.7;
}  


/******************************************************************************************/
/* default styling for generic input forms                                                */
/******************************************************************************************/
/* container for form */
table.inputForm { background:#FFFFFF; text-align: left; margin: 0; }
table.inputForm input { border:solid 1px #7dc2db; color: #444444; padding: 2px; }
table.inputForm select { border:solid 1px #7dc2db; width: 200px; color: #444444; padding: 2px; }

table.inputForm th, table.inputForm td 
{ 
    border:solid 0px #000;
    padding:1px 1px 1px 1px; 
    margin: 0; 
    text-align:left;
} 

table.inputForm .rowHeader { font-weight:bold; color: #444444; padding:10px 5px 10px 10px; text-align:right; }

table.inputForm .rowHeader * {  font-weight: bold; font-size: 12px;  }

table.inputForm .rowHeader a {  
    color:#515151; 
    font-size: 12px; 
    font-weight: bold; 
    top:0; 
    border: solid 1px #999999; 
    padding: 0px 10px 2px 10px;  
    margin: 0; 
    background: #E1EAEF url(images/orderSummaryTableAhoverBg.gif) repeat-x;
    }

table.inputForm input.button{
    color:#515151; 
    font-size: 12px; 
    font-weight: bold; 
    top:0; 
    border: solid 1px #999999; 
    padding: 0px 10px 2px 10px;  
    margin: 0; 
    background: #E1EAEF url(images/orderSummaryTableAhoverBg.gif) repeat-x;}

table.inputForm td input.button:hover{ 
    color:#515151; 
    background: #e6e6a5 url(images/button_bg_hover.gif) repeat-x;
    text-decoration:none;
    }

/* container for form */
table.paymentForm { background:#FFFFFF;text-align: left; margin: 0; }
table.paymentForm input { border:solid 1px #7dc2db; color: #444444; padding: 2px; }
table.paymentForm select { border:solid 1px #7dc2db; color: #444444; padding: 2px; }
table.paymentForm input.submit { border:solid 1px #7dc2db; color: #444444; padding: 2px; font-weight: bold; font-size: 12px; }
table.paymentForm th, table.paymentForm td { padding:0 0px 0px 0px; margin: 0; text-align:left; font-size: 10px;} 
table.paymentForm .rowHeader { color: #444444; padding:5px 5px 5px 5px; text-align:right; }
table.paymentForm .rowHeader a {  border:1px solid #650101; width:100%; color: #444444; font-size: 10px; font-weight:bold; text-align:left; padding: 6px; }
table.paymentForm .rowHeader * {  font-weight: bold; font-size: 12px;  }
table.paymentForm .caption * {  font-weight: bold; font-size: 13px;  }

/******************************************************************************************/
/* begin styles for modal popup dialogs                                                   */
/******************************************************************************************/
/* background for main page when modal popup is visible */
.modalBackground { 
    background-color:Gray; 
    filter:alpha(opacity=70); 
    opacity:0.7; }

.modalPopup 
{ 
    background-color:#ffffff; 
    border-width:3px; 
    border-style:solid; 
    border-color:Gray; 
    padding:3px; 
    width:750px;
}
.modalPopupHeader 
{
    cursor:move; 
    background-color:#DDDDDD; 
    border:solid 1px Gray; 
    color:Black; 
    margin:-3px;  
    padding:6px; 
    font-weight:bold;
}
.modalPopupText 
{  
    padding:10px; 
}
.modalPopupScroller
{

    height:400px;
    overflow:auto;
}

.button{
    color:#515151; 
    font-size: 12px; 
    font-weight: bold; 
    top:0; 
    border: solid 1px #999999; 
    padding: 0px 10px 2px 10px;  
    margin: 0; 
    background: #E1EAEF url(images/orderSummaryTableAhoverBg.gif) repeat-x;}
    

.pricePopup {
    background-color:#E3EFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:300px;
    position:absolute; left:50%; margin-left:-150px; z-index:99; }
.pricePopupHeader { background-color:#DDDDDD; border:solid 1px Gray; color:Black; margin:-3px; padding:6px; font-weight:bold;}
.pricePopup span.fieldHeader { display:block;float:left;width:135px;text-align:right;margin-right:6px; }
.pricePopup span.fieldValue { display:block;float:left; }

/******************************************************************************************/
/* begin styles for one page checkout                                                     */
/******************************************************************************************/
/* outer frame of the one page checkout form */
.opcFrame { margin:0 auto; width:800px; }
.opcFrame .content { border: solid 1px #999999; background-color: #f3f3f3; }
.opcMainPanel{
    width:600px; background: #FFFFFF; padding-right:10px; padding-left:10px;
    vertical-align:baseline; }
.opcMainPanel select { border:solid 1px #c8d1da; padding: 2px; background: #FFFFFF url(images/textFieldBg.gif);}
.opcMainPanel input { border:solid 1px #c8d1da; padding: 2px; margin: 5px 0 0 0;}
.opcMainPanel h2 { background: url(images/searchCriteriaBg.jpg) repeat-x top; color: #FFFFFF; border: solid 1px #999999; }
.opcMainPanel .inputForm { background: #FFFFFF; border: solid 1px #999999; }
.opcSidebar{
    width:200px; background:#FFFFFF; border-top: solid 10px #FFFFFF; border-bottom: solid 13px #FFFFFF;
    border-right: solid 5px #FFFFFF; padding: 5px; }
.opcPaymentFrame { }
.opcPaymentMethods { background:#ffffff url(images/PaymentMethodsBg.gif) repeat-x; width:130px; padding: 5px; }
.opcPaymentForm { }





/******************************************************************************************/
/* styles for paged list of data                                                          */
/******************************************************************************************/
/* table style */
table.pagedList { min-width:300px;  background:#FFFFFF; padding: 5px;}
table.pagedList td {padding:2px 4px; }
table.pagedList th {
    padding: 7px 2px; font-weight:bold; margin:0; color:#FFFFFF; max-height: 28px;
    background: #767676 url(images/searchCriteriaBg.jpg) repeat-x top; border: solid 1px #4e4e4e;}
table.pagedList th a { padding-left: 2px; color: #FFFFFF; text-decoration:none; }
table.pagedList th a:hover { text-decoration:underline; }
table.pagedList tr.oddRow { background:#FFFFFF; height:40px;}
table.pagedList tr.evenRow { background: #F5F5F5  url(images/evenRowBg.gif) repeat-x; height:40px;}

table.pagedList tr.empty td { width:300px; text-align:center; padding: 10px; font-style:italic; border: solid 1px black; }

/************** Style for the Conactpage List ****************/
ul.contact li { list-style-image: url(images/bullet1.gif); }

/************** Style for the Product Image ******************/
.productimg { vertical-align:top; text-align:center; 
    max-width: 500px; padding: 6px; width: 250px; 
    background: #FFFFFF;
}

/******************************************************************************************/
/* styles for table that lays out a form of data (such as an invoice)                     */
/******************************************************************************************
/* table style - THE PROBLEM IS HERE */
table.form {
    border-collapse: collapse; 
    padding: 10px; 
    page-break-inside:avoid; 
    border: solid 1px #999999; 
    width:900px;
    
}
table.form td, table.form th 
{ 
    padding:4px 8px; 
    border-bottom: solid 0px #999999; 
}
table.form th 
{ 
    font-weight:bold; 
    font-size:14px; 
    border-bottom:solid 1px #999999; 
    color:#6181a4; 
}
table.form th.verticalText {
    width:10px; 
    text-align:center; 
    color: #515151; 
    font-size: 11px; 
    letter-spacing: 25px; 
    font-weight:bold; 
    border-right: solid 1px #999999; 
    background: #eaf1f8; 
    vertical-align:middle; 
}

table.form th.header { text-align:left; }
table.form th.header span.caption { font-size:20px; }
table.form td.address { width:180px; border-right: solid 1px #999999; color: #6181a4; font-size: 12px;}
table.form td.address a{ 
    color: #777777; background: #E4ECEE url(images/button_bg.gif) repeat-x; float: right; padding: 1px 5px 1px 5px; 
    border: solid 1px #9ab3ce;}
table.form td.address a:hover{ 
    background: #DAE7EA  url(images/button_bg_hover.gif) repeat-x; 
    border: solid 1px #999999; }
table.form td.expand { 
    padding-right:35px; 
    color: #6181a4;  
    line-height: 25px;
}
table.form td.dataSheet { 
    padding:0; 
    background: #FFFFFF; }


table.form table.dataSheet { margin-bottom:-1px; }

table.dataSheet tr.totalRow td, table.dataSheet tr.totalRow th 
{
    border-top: double 3px gray; 
    border-bottom: double 3px gray; 
    background-color:#656565; 
    color:White; 
}
table.form td.orderSummary { 
    width:202px;
    padding:15px; 
    border-right: 
    solid 1px #999999; }
table.form td.orderSummary h3 { margin: 0 0 2px 0; }

h1.invoice {
    margin: 0 0 6px 0; 
    font-size:24px; 
    font-weight:bold; }
h1.storeName {
    margin: 0 0 6px 0; 
    font-size:18px; 
    font-weight:bold; }

/* used wherever a list of order items is displayed */
table.itemList 
{ 
    width:100%; 
    border-collapse:collapse; 
}
table.itemList td { 
    padding:2px 10px; 
    background: #FFFFFF; 
    border:solid 1px #b3b3b3;
} 
table.itemList td a{color: #416573;}
table.itemList td a:hover{color: #788F03;}
table.itemList th.items { 
    background: #ceeaee url(images/searchCriteriaBg.jpg) repeat-x top; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    border: solid 1px #b3b3b3; 
    max-height:29px; 
    color:#FFFFFF;
}
table.itemList td.items 
{ 
    background: #F5F5F5  url(images/evenRowBg.gif) repeat-x; 
    padding:10px 10px 10px 15px; 
    border: solid 1px #b3b3b3; 
    text-align:left; 
    line-height: 18px;
 }
table.itemList th.price {  
    background: #ceeaee url(images/searchCriteriaBg.jpg) repeat-x top;  
    padding-top: 6px; 
    padding-bottom: 6px; 
    border: solid 1px #b3b3b3; 
    max-height:29px; 
    color:#FFFFFF;
}
table.itemList td.price { 
    background: #F5F5F5  url(images/evenRowBg.gif) repeat-x; 
    padding:10px; 
    border: solid 1px #b3b3b3; 
}
table.itemList th.address { 
    background: #ceeaee url(images/searchCriteriaBg.jpg) repeat-x top; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    border: solid 1px #b3b3b3; 
    max-height:29px; 
    color:#FFFFFF;
}
table.itemList th.address a { color:#000000;}
table.itemList td.address { 
    background: #F5F5F5  url(images/evenRowBg.gif) repeat-x; 
    padding:10px; 
    border: solid 1px #b3b3b3; 
}
table.itemList td.address select{ 
    border: solid 1px #b3b3b3; 
    padding: 2px; 
    background:#FFFFFF url(images/textFieldBg.gif);
}

/* default styling for links */
a{ text-decoration: none; color: #6181a4; }
a:hover { text-decoration: underline; }
a.highlight { font-weight:bold; color:#003718; padding-top:5px; padding-bottom:5px; margin-top:5px; text-decoration:none; font:Arial, Helvetica, sans-serif; }



input.button, a.button {
    background:#f5f5ed url(images/button_bg.gif) repeat-x top; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #547190 !important; 
    cursor:pointer; margin: 1px 0; 
    font-weight:900;
    border: 1px solid #9ab3ce; 
    white-space: nowrap; 
 }
input.button:hover, a.button:hover { 
	background:#8cafc8 url(images/button_bg_hover.gif) repeat-x top; 
	border:1px solid #999999; 
	text-decoration:none;
}

input.button, a.button {
    background:#f5f5ed url(images/button_bg.gif) repeat-x top; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #547190 !important; 
    cursor:pointer; margin: 1px 0; 
    font-weight:900;
    border: 1px solid #9ab3ce; 
    white-space: nowrap; 
 }
input.button:hover, a.button:hover { 
	background:#8cafc8 url(images/button_bg_hover.gif) repeat-x top; 
	border:1px solid #999999; 
	text-decoration:none;
}
a.button 
{ 
    padding: 4px 5px; 
    display:-moz-inline-box; 
    display:inline-block;
}
a.button:hover { 
    padding: 4px 5px; 
    display:-moz-inline-box; 
    display:inline-block; 
}
input.button { height:21px; }
input.button:hover { height:21px;}