/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END of RESET
   ************ */

body {
       font-size: 12px;
       line-height: 1.3;
       font-family: 'Verdana', 'Trebuchet MS','Helvetica', 'Tahoma', 'URW Gothic L', 'Arial', sans-serif;
       color: #333333;
       background-color: #aebfc6;
       background-image: url('body.png');
       }
#pageWrap {
            width: 880px;
            margin-right: auto;
            margin-left: auto;
            background-color: #1e5d7d;
            }
#pageWrapRight,
#pageWrapLeft {
                width: 898px;
                margin-right: auto;
                margin-left: auto;
                background-image: url('wrapLeftRight.png');
                background-position: 0 0;
                background-repeat: repeat-y;
                }
#pageWrapRight {
                 background-position: 100% 0;
                 }
#stripe {
          width: 100%;
          background-image: url('stripe.png');
          background-position: 0 515px;
          background-repeat: repeat-x;
          }
a:link {
	text-decoration: none;
	cursor: pointer;
}
a:visited {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
	
}
a:active {
	text-decoration: none;
}
h1 { font-size: 17px; font-weight: bold; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 15px; font-weight: bold; }
h4 { font-size: 14px; font-weight: bold; }
h5 { font-size: 13px; font-weight: bold; }
h6 { font-size: 12px; font-weight: bold; }

#header {
          }
#logo {
        display: block;
        width: 195px;
        height: 146px;
        background-image: url('logo.png');
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: -9999em;
        position: absolute;
        top: 10px;
        left: 35px;
        }
#smallLogo {
        display: block;
        width: 195px;
        height: 146px;
        background-image: url('logo.png');
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: -9999em;
        position: absolute;
        top: 10px;
        left: 35px;
        }
#headerContent {
                 height: 170px;
                 background-repeat: no-repeat;
                 position: relative;
                 }
#noticePanel {
               text-indent: 20px;
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               }
.closeThis {
             float: right;
             margin-top: -1.2em;
             margin-right: 20px;
             }
#registerNow {
               display: block;
               width: 112px;
               height: 32px;
               background-image: url('registernow.gif');
               background-repeat: no-repeat;
               overflow: hidden;
               text-indent: -9999em;
               position: absolute;
               bottom: -8px;
               left: 30px;
               }
#headerContent .navigation {
                             margin-top: -10px;
                             }
#headerContent .navigation ul {
                                width: 430px;
                                float: left;
                                }
#headerContent .navigation table td ul {
                                         width: auto !important;
                                         float: left;;
                                         list-style-type: disc;
                                         list-style-position: inside;
                                         }
#headerContent .navigation li {
                                text-align: right;
                                margin-bottom: 3px;
                                }
#headerContent .navigation table td li {
                                         text-align: left;
                                         margin-bottom: 3px;
                                         }
#headerContent .navigation li form {
                                     float: left;
                                     }
#headerContent .navigation ul li a {
                        color: #ffffff;
                        font-weight: normal;
                        font-size: 12px;
                        }
#headerContent .navigation label,
#headerContent .navigation a {
                               color: #fff;
                               font-weight: bold;
                               }
#headerContent form.inHead{
                             width: 560px;
                             position: absolute;
                             top: 20px;
                             right: 20px;
                             color: #fff;
                             }
#headerContent form.homeHead {
                             width: 560px;
                             position: absolute;
                             top: 20px;
                             right: 20px;
                             color: #fff;
                             text-align: right;
                                        
                             }
#headerContent form.inHead label,
#headerContent form.homeHead label {
                                   display: block;
                                   margin-bottom: 20px;
                                   }
#headerContent form.inHead label span,
#headerContent form.homeHead label span {
                                        display: block;
                                        width: 240px;
                                        float: left;
                                        text-align: right;
                                        color: #aebfc6;
                                        font-size: 10px;
                                        margin-right: 10px;
                                        }
#headerContent form.inHead strong {
                                    display: block;
                                    color: #fff;
                                    font-size: 16px;
                                    }
#headerContent form.homeHead strong {
                                    display: block;
                                    color: #fff;
                                    font-size: 14px;
                                    }                                    
#headerContent form.inHead label input {
                                         height: 30px;
                                         width: 300px;
                                         }
#headerContent form.homeHead label input {
                                         height: 20px;
                                         width: 150px;
                                         font-size: 9px;
                                        color: #2d6379;
                                        font-style:italic; 
                                        
                                         }                                         
form.inHead p.heding {
                       border-bottom: 1px outset #2d6379;
                       padding-bottom: 10px;
                       }
form.inHead p.heding .after,
form.inHead p.heding .before,
form.inHead p.heding .actionRun {
                                  margin-top: -10px;
                                  }

.navigation table {
                    width: 560px;
                    }
.navigation table th {
                       text-align: left;
                       padding-top: 10px;
                       padding-bottom: 5px;
                       }
th.exclamation {
                 background: url('exclamation.png') 80% 70% no-repeat;
                 }
th.mail {
          background: url('mail.png') 100% 70% no-repeat;
          }
.navigation div.summary {
                          width: 300px;
                          float: left;
                          margin-right: 15px;
                          padding: 5px;
                          background-color: #1b4457;
                          border: 1px solid #2d6379;
                          }
.navigation div.summary h6 {
                             margin-bottom: 7px;
                             }
#mainMenu {
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            height: 43px;
            background-color: #9b9fa4;
            }
#mainMenu #date {
                  display: block;
                  height: 40px;
                  width: 283px;
                  line-height: 40px;
                  float: left;
                  text-align: center;
                  border-top: 3px solid #9b9fa4;
                  border-bottom: 5px solid #fff;
                  background-color: #9b9fa4;
                  }
#mainMenu li {
               display: inline;
               }
#mainMenu a {
              display: block;
              height: 40px;
              line-height: 40px;
              float: left;
              padding-right: 10px;
              padding-left: 10px;
              color: #fff;
              border-top: 3px solid #9b9fa4;
              border-bottom: 5px solid #fff;
              border-left: 1px solid #eeeeee;
              background-color: #9b9fa4;
              }
#mainMenu li.active a,
#mainMenu a:hover {
                    border-top: 3px solid #f09427;
                    border-bottom: 5px solid #f09427;
                    text-decoration: none;
                    }
#mainMenu a i {
                color: #1e5d7d;
                }
#contentHolder {
                 background-color: #fff;
                 }
#singleColumn,
#columns {
           background-color: #fff;
           /* overflow: auto; */
           clear: both;
           }
#singleColumn h3,
#columns h3 {
              text-transform: uppercase;
              margin-top: 15px;
              margin-bottom: 5px;
              }
#singleColumn li {
                   list-style-type: disc;
                   list-style-position: inside;
                   margin-top: 3px;
                   margin-bottom: 7px;
                   margin-left: 10px;
                   text-align: justify;
                   }
#singleColumn p,
#columns p {
             margin-top: 3px;
             margin-bottom: 7px;
             text-align: justify;
             }
.faq {
       margin-top: 10px;
       margin-bottom: 10px;
       }
#msgPanel {
            width: 70%;
            margin-right: auto;
            margin-left: auto;
            padding-top: 4px;
            padding-right: 4px;
            padding-bottom: 4px;
            padding-left: 50px;
            font-weight: normal;
            }
.msgFail {
            border-top: 1px solid red;
            border-bottom: 1px solid red;
            font-size: 10px;
            color: #b50000;
            background-color: #ffeeee;
            background-image: url('icon_status_fail.gif');
            background-repeat: no-repeat;
            background-position: 10px 50%;
           }
.msgNotice {
             color: #009900;
             font-size: 10px;
             background-color: #ddffdd;
             border-top: 1px solid #009900;
             border-bottom: 1px solid #009900;
             
             }
.msgOK {
             color: #009900;
             background-color: #ddffdd;
             border-top: 1px solid #009900;
             border-bottom: 1px solid #009900;
             background-image: url('icon_status_success.gif');
            background-repeat: no-repeat;
            background-position: 10px 50%;
             }
#flashContainer {
                  width: 880px;
                  height: 305px;
                  border-bottom: 0px solid #000;
                  background-image: url('../images/flash-new.png');
                  background-repeat: no-repeat;
                  }
#flashContainer form {
	float: right;
	font-size: 9px;
     padding-right: 18px;
     width: 320px;                          
	}

table#threeSections {
                      background-color: #e8eced;
                      }

td.buttons {
             padding: 15px 10px;
             }
td.homeBox {
             width: 300px;
             padding-bottom: 15px;
             vertical-align: top;
             text-align: center;
             background-color: #e8eced;
             background-image: url('gradient_vertial_gray_home.png');
             background-repeat: no-repeat;
             background-position: 100% 0;
             }
td.last {
          background: #e8eced;
          }
td.homeBox p {
               text-align: left !important;
               padding-right: 10px;
               padding-left: 10px;
               }
#mainContent {
               width: 590px;
               float: left;
               margin-top: 5px;
               padding-bottom: 15px;
               }
#searchContent {
               width: 750px;
               float: left;
               padding-bottom: 15px;
               }               
.seller {
          margin-bottom: 20px;
          }
.innerColumn {
               width: 290px;
               padding-right: 10px;
               padding-left: 10px;
               float: left;
               margin-left: 10px;
               }
.innerColumn h6,
.innerColumn li {
                  clear: both;
                  }
.attention {
             margin-top: 5px;
             margin-bottom: 10px;
             padding-bottom: 10px;
             padding-left: 10px;
             }
.simple {
          margin-bottom: 10px;
          margin-left: 10px;
          padding-top: 5px;
          position: relative;
          background-color: #ececec;
          }
.simpleWhite {
          margin-bottom: 10px;
          margin-left: 10px;
          padding-top: 5px;
          position: relative;
          background-color: #ffffff;
          }
.simpleTable {
          margin-bottom: 10px;
          margin-left: 10px;
          padding-top: 5px;
          position: relative;
          background-color: #ffffff;
          }
.receiptTable {
          margin-bottom: 10px;
          margin-left: 10px;
          padding-top: 5px;
          position: relative;
          background-color: #ffffff;
          }
.attention table,
.simple table {
                width: 100%;
                background-color: #ecedee;
                border: 1px solid #dcddde;
                clear: both;
                margin-top: 6px;
                }
.simpleWhite table,
.simpleTable table, 
.receiptTable table {
                width: 100%;
                background-color: #ffffff;
                border: 1px solid #dcddde;
                clear: both;
                margin-top: 6px;
                }
.attention th,
.simple th,
.simpleWhite th,
.simpleTable th,
.receiptTable th {
             height: 30px;
             border-top: 1px solid #acaa8d;
             background-color: #d8d7c0;
             vertical-align: middle;
             }
.attention td,
.simple td,
.simpleWhite td{
            vertical-align: top;
            padding-top: 7px;
            font-weight: bold;
            color: #000;
            font-size: 11px;
             }
.simpleWhite td ul{
            vertical-align: top;
            padding-top: 7px;
            font-weight: normal;
            color: #000;
            font-size: 11px;
             }
.simpleTable td,
.receiptTable td {
		vertical-align: top;
        padding-top: 7px;
        font-weight: normal;
        color: #000;
        font-size: 11px;             
}
.receiptDetails a,
.receiptDetails ul li a,
.receiptDetails a:visited,
.simpleTable td a,
.simpleTable td a:visited,
.receiptTable td a,
.receiptTable td a:visited {
		text-decoration: underline;
	    color: #1e5d7d;      
	    font-weight: normal;
            
}

.receiptDetails a:hover,
.receiptDetails td a:hover,
.simpleTable a:hover,
.simpleTable td a:hover,
.receiptTable a:hover,
.receiptTable td a:hover {
		text-decoration: none;
	color: #629623;
	font-weight: normal;
        
}

.receiptDetails,
.receiptDetails ul li a {
	font-size: 10px;
	}

.attention td a,
.simple td a,
.simpleWhite td a {
             font-weight: bold;
             color: #000;
             }
             
.attention td {
     font-weight: normal;
}

.attention table tfoot tr td,
.simple table tfoot tr td,
.simpleWhite table tfoot tr td,
.simpleTable table tfoot tr td,
.receiptTable table tfoot tr td {
                  padding: 5px;
}
.receiptTable table tfoot td.showHide .hidden {
     position: relative;
     right: -5px;
     width: 200px;
    }                         
.simpleWhite table tfoot td.showHide .hidden ,
.simpleTable table tfoot td.showHide .hidden {
     position: relative;
     right: -15px;
     width: 505px;
    }                         
.simpleWhite table tfoot td.showHide .hidden p,
.simpleTable table tfoot td.showHide .hidden p {
     position: relative;
     right: 25px;
     width: 505px;
    }                         
.receiptTable table tfoot td.showHide .hidden p {
     position: relative;
     right: 65px;
     width: 200px;
    }                         
.simpleWhite table tfoot td.showHide .hidden p u,
.simpleTable table tfoot td.showHide .hidden p u {
     position: relative;
     text-align: right;
     width: 505px;
    }                         
.receiptTable table tfoot td.showHide .hidden p u {
     position: relative;
     text-align: right;
     width: 200px;
    }                         
.simpleWhite table tfoot td strong,
.receiptTable table tfoot td strong,
.simpleTable table tfoot td strong {
                  font-weight: bold;
                  font-size: 12px;
                  }         
table.tablesorter tbody tr.even td {
                                    background-color:#fff;
                                    }
table.tablesorter tbody tr.odd td {
                                    background-color:#F0F0e4;
                                    }
.simple table.tablesorter tbody tr.odd td,
.simpleWhite table.tablesorter tbody tr.odd td,
.simple table.tablesorter thead tr th, 
.simpleWhite table thead tr th, 
.simpleWhite table.tablesorter thead tr th,
.simpleTable table thead tr th, 
.simpleTable table.tablesorter thead tr th,
.receiptTable table thead tr th, 
.receiptTable table.tablesorter thead tr th {
	             background-color:#ececec;
}

tfoot td strong {
                  font-weight: bold;
                  color: #000;
                  font-size: 14px;
                  }
tfoot td.showHide .hidden {
     position: relative;
     right: -55px;
     width: 305px;
    }
.receiptDetails {
                  margin-top: 10px;
                  width: 100%;
                  position: relative;
                  font-weight: normal;
        
                  }
.receiptDetails div {
                      width: 190px;
                      position: absolute;
                      top: 0;
                      right: -190px;
                      
                      }
h5 {
     font-size: 14px;
     padding-top: 10px;
     margin-bottom: 10px;
     }
     


#miniBar {
           width: 150px;
           float: left;
           margin-left: 20px;
           padding-bottom: 15px;
           }
#sideBar {
           width: 250px;
           float: left;
           margin-top: 5px;
           margin-left: 20px;
           padding-bottom: 15px;
           }

.infoBox {
           border: 1px solid #1e5d7d;
           padding-bottom: 10px;
           }
.infoBox ul {
              margin-top: 15px;
              margin-bottom: 20px;
              }
.promoBox ul {
              margin-top: 15px;
              margin-bottom: 20px;
              }
.promoBox div {
              margin-left: 15px;
              }
.promoBox {
           border: 1px solid #629623;
           padding-bottom: 10px;
           }
           
.sideBox h4,
.infoBox h4 {
              height: 30px;
              line-height: 30px;
              margin-bottom: 10px;
              color: #fff;
              font-size: 14px;
              font-weight: bold;
              text-align: center;
              background-color: #1e5d7d;
              }
.promoBox h4 {
              height: 30px;
              line-height: 30px;
              margin-bottom: 10px;
              color: #fff;
              font-size: 14px;
              font-weight: bold;
              text-align: center;
              background-image: url('bg_promo_table.gif');
              }
.infoBox p,
.promoBox p {
             padding-right: 10px;
             padding-left: 10px;
             }
             
             .infoBox a:hover,
.sideBox a:hover,
.promoBox a:hover {
		text-decoration: none;
	color: #629623;
	font-weight: normal;
        
}


.pager {
         text-align: right;
         margin-top: 5px;
         }
fieldset.outer,
fieldset.outer3 {
                 width: 70%;
                 }
fieldset.outer2 {
                 width: 95%;
                 }
#sideBar fieldset.outer,
#sideBar fieldset.outer2,
#sideBar fieldset.outer3 {
                          width: 90%;
                          margin-top: 10px;
                          }
fieldset.outer fieldset,
fieldset.outer2 fieldset,
fieldset.outer3 fieldset {
                          width: 100%;
                          border: 1px solid #204c80;
                          padding: 0 10px;
                          margin-bottom: 5px;
                          }
fieldset.outer fieldset legend,
fieldset.outer2 fieldset legend,
fieldset.outer3 fieldset legend {
                                 margin: 0px 10px;
                                 padding: 0px 10px;
                                 color: #4880B3;
                                 font-weight: bold;
                                 cursor: pointer;
                                 }
fieldset.outer fieldset div,
fieldset.outer2 fieldset div,
fieldset.outer fieldset p,
fieldset.outer2 fieldset p,
fieldset.outer3 fieldset div p {
                            margin-top: 7px;
                            margin-bottom: 5px;
                            overflow: auto;
                            }
fieldset.outer fieldset div label,
fieldset.outer2 fieldset div label {
                                    display: block;
                                    width: 48%;
                                    float: left;
                                    text-align: left;
                                    }
fieldset.outer3 fieldset div p label {
                                    display: block;
                                    width: 60%;
                                    float: left;
                                    text-align: left;
                                    }
fieldset.outer fieldset div select,
fieldset.outer2 fieldset div select,
fieldset.outer3 fieldset div select {
                                     display: block;
                                     }
#footer {
          height: 170px;
          clear: both;
          color: #fff;
          border-top: 10px solid #000;
          position: float;
          background-color: #1e5d7d;
          }
#footerLogo {
              position: relative;
              top: 10px;
              left: 35px;
              }
#addThis {
           text-align: right;
           position: bottom;
           top: 10px;
           right: 20px;
           }
#addThis h6 {
              margin-bottom: 5px;
              }
#footerLogo img {
                  width: 140px;
                  }
#hr {
      height: 2px;
      width: 100%;
      position: absolute;
      top: -3px;
      left: 0;
      background-color: #ebebeb;
      }
#footer .navigation {
	text-align: right;
}
#footer .navigation ul li {
                         top: 20px;
              			text-align: left;
           				 margin-right: 5px;
                         }
#footer .navigation ul li a {
                        color: #ffffff;
                        text-transform: uppercase;
                        font-weight: bold;
                        }
#retail li {
             display: inline;
             border-right: 1px solid #333333;
             margin-right: 5px;
             }
#retail a {
            color: #333333;
            text-transform: uppercase;
            }
#valid {
         position: absolute;
         top: 15px;
         right: 0;
         }

ul.rssFeed a,
#valid a {
           color: #333333;
           }

ul.rssFeed li a:hover,
#valid a:hover,
#retail a:hover,
#footer .navigation a:hover {
                              color: #fff;
                              }
/* form styles
   *********** */
.actionRun {
             height: 37px;
             width: 100px !important;
             color: #fff;
             font-size: 14px;
             font-weight: bold;
             background-color: transparent;
             background-image: url('actionRun.png') !important;
             background-position: 0 0;
             background-repeat: no-repeat;
             border: none;
             cursor: pointer;
             float: right;
             text-align: center;
             line-height: 37px;
             }

.actionLeft {
             height: 37px;
             width: 100px !important;
             color: #fff;
             font-size: 14px;
             font-weight: bold;
             background-color: transparent;
             background-image: url('actionRun.png') !important;
             background-position: 0 0;
             background-repeat: no-repeat;
             border: none;
             cursor: pointer;
             float: left;
             text-align: center;
             line-height: 37px;
             }

.last {
        border: none !important;
        }

.sideBox {
           margin-top: 10px;
           margin-bottom: 15px;
           }
.mainCat {
           margin-bottom: 10px;
           }
.mainCat li {
              margin-left: 5px;
              margin-bottom: 3px;
              }
.subCat li {
             margin-left: 30px;
             }
/* decoartion classes
   ****************** */
.headButton {
              position: absolute;
              top: 7px;
              right: 10px;
              }
.bigHeading,
.blueHeading {
              display: inline;
              color: #000;
              font-size: 16px;
              padding: 5px 10px;
              clear: both;
              letter-spacing: -1px;
              background-color: #f09427;
              }
.bigTitle {
              display: inline;
              color: #1e5d7d;
              font-size: 16px;
              /*padding: 1px 10px;*/
              clear: both;
              letter-spacing: -1px;
              background-color: #fff;
              }
.simple .bigHeading,
.simpleWhite .bigHeading,
.simpleTable .bigHeading,
.receiptTable .bigHeading,
.attention .bigHeading,
.blueHeading {
                      color: #fff;
                      background-color: #1e5d7d;
                      }
                      
.simple .bigTitle,
.simple .bigTitle {
                      color: #1e5d7d;
                      background-color: #fff;
                      }
.greenHeading {
              color: #629623;
              font-size: 16px;
              line-height: 2;
              font-weight: bold;
              letter-spacing: 1px;
              }
.smallTitle2 {
              color: #18447D;
              font-size: 20px;
              padding-right: 2px;
              text-align: right;
              font-weight: bold;
}             
.smallTitle3 {
              color: #18447D;
              font-size: 14px;
              padding-right: 2px;
              text-align: right;
              font-weight: bold;
              
}             

.smallTitle {
              height: 65px;
              color: #18447D;
              font-size: 20px;
              padding-top: 15px;
              padding-left: 8px;
              text-align: left;
              background-color: #f7f9f9;
              background-image: url('gradient_vertial_gray_home.png');
              background-repeat: no-repeat;
              background-position: 100% 0;
              text-transform: none !important;
              margin-top: 0 !important;
              margin-bottom: 15px;
              }
.smallTitle img {
                  float: right;
                  margin-top: -15px;
                  margin-right: 1px;
                  margin-left: 3px;
                  }
td.last .smallTitle img {
                          margin-right: 0;
                          }
.buttonsRow {
              margin-top: 10px;
              }
.buttonLink {
              display: block;
              height: 22px;
              width: auto !important;
              float: left;
              line-height: 22px;
              color: #fff;
              font-weight: bold;
              background-image: url('buttonLink.png') !important;
              background-repeat: no-repeat;
              cursor: pointer;
              text-align: right;
              margin-right: 5px;
              }
.submitLink {
              color: #fff;
              font-weight: bold;
              background-image: url('submitLink.png');
              background-repeat: repeat-x;
              border: 0px solid #666666;
              padding: 2px 7px;
              cursor: pointer;
              }
.buttonLink:hover {
                    text-decoration: none;
                    }
.buttonLink span {
                   display: block;
                   height: 22px;
                   float: left;
                   background-image: url('buttonLink.png') !important;
                   background-repeat: no-repeat;
                   padding-right: 8px;
                   padding-left: 8px;
                   cursor: pointer;
                   text-align: left;
                   }
.ice {
       background-position: 100% -22px;
       }
.ice span {
            background-position: 0 0;
            }
.sun {
       background-position: 100% -66px;
       }
.sun span {
            background-position: 0 -44px;
            }
.grass {
         background-position: 100% -110px;
         }
.grass span {
              background-position: 0 -88px;
              }
.buttonLink tt {
                 display: block;
                 height: 22px;
                 width: 13px;
                 padding-right: 8px;
                 cursor: pointer;
                 float: left;
                 font-size: 14px;
                 }
.buttonFlat {
              padding: 0px 5px;
              color: #fff;
              font-weight: bold;
              background-color: #598a11;
              text-transform: uppercase;
              text-decoration: none !important;
             }
.imgButton {
             padding: 1px 5px;
             color: #214D7B;
             font-weight: bold;
             text-transform: uppercase;
             text-decoration: none !important;
             }
.advancedToolTip li,
.itemToolTip li {
	padding: 1px 1px;
	font-size: 10px;
	
	}
.advancedToolTip li a,
.advancedToolTip li a:visited, 
.itemToolTip li a,
.itemToolTip li a:visited {
	text-decoration: underline;
    color: #1e5d7d;      
    font-weight: normal;
	
	}
span.calendar,
span.trash,
span.toggler,
span.promo,
span.recall,
span.receipt,
span.returned,
span.report,
span.rebate,
span.edit,
span.save,
span.add {
           padding-top: 3px;
           padding-bottom: 2px;
           padding-left: 15px;
           margin: 0 5px;
           background-image: url('button_plus.gif');
           background-position: 0 50%;
           background-repeat: no-repeat;
           text-decoration: none;
           }
span.promo {
             background-image: url('receipt_icon_promo.gif');
             }
span.recall {
              background-image: url('receipt_icon_recall.gif');
              }
span.receipt {
               background-image: url('receipt_icon.gif');
               }
span.returned {
                background-image: url('receipt_icon_returned.gif');
                }
span.report {
              background-image: url('button_report.gif');
              }
span.rebate {
              background-image: url('button_rebate.gif');
              }
span.edit {
            background-image: url('button_edit.gif');
            }
span.save {
            background-image: url('button_save.gif');
            }
span.toggler {
               background-image: url('toggler.gif');
               }
span.trash {
             background-image: url('trash.gif');
             }
span.calendar {
                background-image: url('calendar.gif');
                }
span.couponOff,
span.couponFree {
                  padding: 15px;
                  line-height: 36px;
                  margin: 0 5px;
                  background-image: url('off.gif');
                  background-position: 0 50%;
                  background-repeat: no-repeat;
                  text-decoration: none;
                  }
span.couponFree {
                  background-image: url('free.gif');
                  }
.productImg {
    float: left;
    margin: 15px;
    }
.productDescription {
    /*background-image: url('gradient_vertical_beige.gif');
    background-repeat: repeat-x;
    background-position: 0 100%;*/
    background-color: #ececec;
    clear: both;
    padding-left: 15px;
    }

/* tablesorter stuff
   ***************** */
.header {
          background-image: url('bg.gif');
          background-repeat: no-repeat;
          background-position: 3px 50%;
          }
.headerSortUp {
                background-image: url('asc.gif');
                background-repeat: no-repeat;
                background-position: 3px 50%;
                }
.headerSortDown {
                  background-image: url('desc.gif');
                  background-repeat: no-repeat;
                  background-position: 3px 50%;
                  }
/* form validator errors
   ********************* */
label.error {
              color: #ff0000;
              /*position: fixed; */
                           
              }

.datePicker {
              background-image: url('calendar.gif');
              background-position: 98% 50%;
              background-repeat: no-repeat;
              }
/* tooltips
   ******** */
#tooltipsContainer {
	display: none;
	
}


/* Receipt Popup views
   ******** */
   
   #backgroundPopup{   
   display:none;   
   position:fixed;   
   _position:absolute; /* hack for internet explorer 6*/  
   height:100%;   
   width:100%;   
   top:0;   
   left:0;   
   background:#000000;   
   border:1px solid #cecece;   
   z-index:1;   
 } 
   
#popupReceipt{   
	display:none;   
	position:fixed;   
	_position:absolute; /* hack for internet explorer 6*/  
	width:450px;   
	background:#FFFFFF;   
	border:2px solid #cecece;   
	z-index:2;   
	padding:12px;   
	font-size:13px; 
	cursor: pointer; 
	
}
#popupReceipt h1{   
	text-align:left;   
	color:#6FA5FD;   
	font-size:22px;   
	font-weight:700;   
	border-bottom:1px dotted #D3D3D3;   
	padding-bottom:2px;   
	margin-bottom:20px;   
	
}
#popupReceipt li{   
	list-style-type: none; 
	
}

#popupReceipt pre {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
	background: #FFFFFF;
}

#popupReceiptClose{   
	font-size:14px;   
	line-height:14px;   
	right:6px;   
	top:4px;   
	position:absolute;   
	color:#6fa5fd;   
	font-weight:700;   
	display:block;   
}
#popupTerms{   
	display:none;   
	position:fixed;   
	_position:absolute; /* hack for internet explorer 6*/  
	width:450px;   
	background:#FFFFFF;   
	border:2px solid #cecece;   
	z-index:2;   
	padding:12px;   
	font-size:13px; 
	cursor: pointer; 
	
}
#popupTermsClose{   
	font-size:14px;   
	line-height:14px;   
	right:6px;   
	top:4px;   
	position:absolute;   
	color:#6fa5fd;   
	font-weight:700;   
	display:block;   
}

.smallText {
       font-size: 10px;
       line-height: 1.3;
       font-weight:normal; 
       font-family: 'Verdana', 'Trebuchet MS','Helvetica', 'Tahoma', 'URW Gothic L', 'Arial', sans-serif;
}

.normalText {
       font-size: 11px;
       line-height: 1.3;
       font-weight:normal; 
       font-family: 'Verdana', 'Trebuchet MS','Helvetica', 'Tahoma', 'URW Gothic L', 'Arial', sans-serif;
}
.whiteLink {
              color: #ffffff;
              font-size: 10px;
              text-align: left;
              text-decoration: underline;
              text-align: right;             
}

/* coupon holder
   ************* */
.couponDetails {
                width: 470px;
                margin: 10px 0 0 5px;
                padding: 20px 10px;
                float: left;
                position: relative;
                }
.singleCoupon {
                width: 270px;
                height: 155px;
                margin: 10px 0 0 5px;
                padding: 20px 10px;
                background-image: url('couponHolder.png');
                background-repeat: no-repeat;
                background-position: 0 0;
                float: left;
                position: relative;
                }
.couponHolder {
                width: 270px;
                height: 155px;
                margin: 10px 0 0 5px;
                padding: 20px 10px;
                background-image: url('couponHolder.png');
                background-repeat: no-repeat;
                background-position: 0 0;
                float: left;
                position: relative;
                }
.couponHolder h4,
.singleCoupon h4 {
                   width: 160px;
                  	margin-top: 53px;
                   font-size: 14pt;
                   font-family: "Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W8", sans-serif;
                   color: #00549e;
                   }
.couponHolder strong,
.singleCoupon strong {
                       width: 160px;
                  	   font-size: 8pt;
                       font-family: "Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W8", sans-serif;
                       color: #00549e;
                       }
.couponHolder p,
.singleCoupon p {
                  width: 145px;
                  font-family: "Helvetica Neue", Arial, sans-serif;
                  font-size: 8pt;
                  /*color: #4e4f4f;*/
                  color: #000000;
                  }
.couponHolder p a,
.singleCoupon p a,
.couponHolder a,
.singleCoupon a{
                  font-size: 7pt;
                  color: #00549e;
                  }
.couponHolder .topTitle,
.singleCoupon .topTitle {
                  position: relative;
                  width: 200px;
                  font-family: "Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W8", sans-serif;
                   color: #00549e;
                   font-size: 8pt;
                  left: 50px;	
                  float: left;                       
                  }
.couponHolder .terms a,
.singleCoupon .terms a {
                         font-size: 8pt;
                         /*color: #4e4f4f;*/
                         color: #000000;
                         font-weight: bold;
                         }
.couponHolder .metaInfo,
.singleCoupon .metaInfo {
                          position: absolute;
	                       bottom: 20px;
	                       left: 10px;
	                       font-size: 7pt;
                          /*text-transform: uppercase;*/
                          font-family: "Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W8", sans-serif;
                          color: #2b2b2b;
                          /*color: #000000;*/
                          float: left;
                          }
.couponHolder .eDate,
.singleCoupon .eDate {
                       position: absolute;
                       bottom: 26px;
                       right: 20px;
                       font-family: "Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W8", sans-serif;
                       font-size: 7pt;
                       font-weight: bold;
                       color: #00549e;
                       }
.couponHolder .couponImg,
.singleCoupon .couponImg {
                           position: absolute;
                           top: 45px;
                           right: 20px;
}

/* loyalty information
   ************* */
.loyaltyInfo {
                width: 400px;
                
                }
.loyaltyInfo p {
		width: 90%; 
		font-size: 8pt;              
	}
.loyaltyInfo p label {
		font-size: 8pt;
        width: 90%;               
	}
.loyaltyInfo p label strong{
		font-size: 9pt;
            width: 90%;           
	}