/* shop style */

.shop .chooser { width: 681px; }

.shop .chooser #prod_next { cursor: pointer; margin: 0 240px 10px; font-weight: bold}

.shop .chooser #prod_next img { top: 5px; position: relative; top: 7px }

.shop .chooser .products {border-style: solid;
                          border-color: #ddd;
                          border-width: 3px 3px 3px 3px;
                          clear: left;
                          position: relative;
                          width: 675px;
                          z-index: 5} 

.shop .chooser .products .prodcontainer { width: 675px;
                                          position: relative;
                                          overflow: hidden;} 

.shop .chooser .webdoc_body { margin: 0 10px }

.shop .chooser ul#prodlist { height: 285px;
                             width: 10000px;
                             padding: 0; 
                             margin: 0;
                             position: relative}
                  
.shop .chooser ul#prodlist li { width: 225px;
                                padding: 0; 
                                margin: 0; 
                                display: block; 
                                float: left;
                                text-align: center} 

.shop .chooser ul#prodlist .title { color: #666; font-weight: bold }
.shop .chooser ul#prodlist .image { }
.shop .chooser ul#prodlist li td.description { color: #666; height: 50px }
.shop .chooser ul#prodlist .price { color: #FE9B00; font-weight: bold }
.shop .chooser ul#prodlist li td.actions { height: 25px }

.shop .chooser ul#prodlist li table { height: 260px;
                                      width: 226px;
                                      border-right: 1px solid #ccc;
                                      border-collapse: separate }

.shop .chooser ul#prodlist li td { text-align: center;
                                   vertical-align: middle }

.shop .chooser ul#prodlist li td.actions img { padding-right: 5px }

.shop .chooser ul.tabs { clear: left;
                         padding: 0; 
                         position: relative; 
                         top:3px;
                         _top: 4px; 
                         width: 675px;
                         height: 32px;
                         z-index: 10}

.shop .chooser ul.tabs li { display: block;
                            float: left;
                            width: 150px;
                            height: 32px;
                            line-height:2.75em;
                            text-align: center;
                            font-weight: bold;
                            background:url(/images/greytab-noncurrent.gif) no-repeat; }

.shop .chooser ul.tabs li a { width: 150px;
                              height: 30px; 
                              display: block;
                              color: #333; 
                              text-decoration:none;
                              cursor: pointer;}

.shop .chooser ul.tabs li.current { background:url(/images/greytab-current.gif) no-repeat; }

.producttable { border: 1px dotted black;
        border-collapse: collapse;
        width: 395px;
        margin-top: 10px; 
        margin-left:50px;}

.producttable th.tbodyheading { text-align: center; background-color: #ddd}
.producttable .currency {text-align: right; }
.producttable .quantity {text-align: right; }

.shop { /* width: 650px */}

.shop .producttable td { border-bottom: 1px dotted black; 
                   text-align: left;
                   height: 20px;
                   padding: 0 5px 0 5px;
                   vertical-align: middle}

.shop .producttable th { border-bottom: 1px dotted black; 
                   text-align: center;
                   height: 20px;
                   padding: 0 5px 0 5px;
                   vertical-align: middle}
           
.producttable .bottomline td, .producttable .bottomline th{ border-top: 1px solid black;
                                                            background-color: #fff}

.adjustform input.quantity { width: 50px}

.buttonsleft  { width: 200px; float: left;}
.buttonsleft input { margin: 10px 2px 5px 15px}
.buttonsright { width: 325px; float: right;}
.buttonsright input { margin: 10px 2px 5px 2px;}

.serviceoptions { margin: 20px 0 20px 15px; clear: left}
.serviceoptions label { display: block; float: left; width: 180px; padding-right: 10px}
.serviceoptions select {}

#prevnext { margin: 10px 0 10px 0 }

form.cmxform { z-index: 100 }

form.cmxform fieldset {
	clear: left;
  margin: 10px 0 0 8px;
  border: 0;
}

form.cmxform legend {
  font-weight: bold;
  display:none;
}

form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}

form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  padding: 0 5px 15px 0;
  display: block;
  clear: left;
  line-height: 2em;
}

form.cmxform label {
  display: block;
  width: 110px;
  float: left;
  margin: 0;
  padding: 0 2px 6px 0;
}
form.cmxform .field {
  width: 200px;
}
form.cmxform #purchase_reason{
  height: 40px;
}
form.cmxform select {
  margin-right: 8px
}

form.cmxform input.radio { width: auto; margin-right: 5px; float: none; display: inline }
form.cmxform label.radio { width: auto; float: none; display: inline }

.fielderror {
  color: red;
  font-size: 80%;
}
.paymenterror {
  color: red;
  font-weight: bold;
}
.checkoutconfirm { width: 565px;}

.checkoutconfirmtable { border-collapse: collapse;
              border: 1px dotted black;
            width: 395px; 
            margin-top: 20px; 
            margin-left:15%;
            margin-right:15%}

.checkoutconfirmtable th,.checkoutconfirmtable td { border-bottom: 1px dotted black;
                                    text-align: left;
                              height: 20px;
                              padding: 0 5px 0 5px;
                              background-color: #fff;
                              vertical-align: middle}

.checkoutconfirmtable th.tbodyheading { text-align: center; background-color: #ddd}
.checkoutconfirmtable th.fieldheading {width: 100px }

.mandarisk {color:red }
.shop .instruct {margin: 10px 0 0 8px}
.shop .instruct .title {font-size: 120%; font-weight:bold;}
.shop table.prodlist { margin-left: 8px; width: 640px;  }
.shop table.prodlist td { vertical-align:middle }
.shop table.prodlist td.prodimg { padding-left: 20px }
.shop table.prodlist td.bordered {  border-bottom: 2px dotted #ddd}
.shop table.prodlist td.proddetails { padding-left: 50px;}
.shop table.prodlist td.proddetails .title {font-weight:bold;}
.shop table.prodlist td.proddetails .price {line-height: 40px; font-weight:bold; color:#09F}
.shop table.prodlist td.prodactions img { padding: 0 5px 5px 0 }

.shop table.prodlist td.proddetails span { display: block }

.shop .spectablecontainer { border: 1px solid #cdccc1; padding:2px; width:560px;}
.shop table.spectable { width:560px;
                        border-collapse: collapse;
                        border-spacing: 0;}
                        
.shop table.spectable td {padding: 4px; border: 0; margin:0}
.shop th {font-weight: bold; text-align:left}
.shop td.sectiontitle { font-weight: bold;  text-align: left; text-transform: uppercase;  background-color: #80ccff;  padding: 4px;}
.shop td.rowtitle { font-weight: bold;  text-align: left; padding: 4px; width:33%;}
.shop tr.row1 { background-color: white;}
.shop tr.row2 { background-color: #cdccc1;}