/* FOR PROTOTYPE ONLY */
#pp_options {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 12px;
  line-height: 1;
  background: #f0f0f0;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#pp_options ul {
  margin: 0;
  padding: 0;
}
#pp_options li {
  display: inline;
  padding: 0 .3em;
  color
}
#pp_options li a {
  color: #666;
}
#pp_options li a.active {
  color: #000;
}
/* ========= */
/* = !RESET = */
/* ========= */
ul, li {list-style-position: inside;}
ul, li, p, form, form table {margin: 0; padding: 0;}
a img {border-width: 0; margin:0;}

/* ============== */
/* ! TYPOGRAPHY   */
/* ============== */

body, table, select, td, th, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;

}

body.rteTemplate {
  background: #e8e8e8 url(images/banner-repeat.jpg) top repeat-x;
  margin: 0;
  padding: 0;
  }

input {font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;}

input.checkbox {
  padding: 0;
  margin: 0;
}

.mainPageArea button {
  background:#E6F6FF url(images/create.gif) repeat-x scroll center top;
  border:1px solid #C1CAD3;
  color:#243C55;
  padding:1px 5px;
  text-decoration:none;
  font-size: 13px;
  }

.mainPageArea button[disabled] {
  background:#E6F6FF url(images/create.gif) repeat-x scroll center top;
  border:1px solid #C1CAD3;
  color:#666;
  padding:2px 5px;
  text-decoration:none;
  }

.mainPageArea button.tabled {display: block;}

hr.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0;
  padding: 0px;
  border: none;
  visibility: hidden;
}

hr.border {
  height: 1px;
  border-width: 0;
  color: #ddd;
  background-color: #ccc;
  clear: both;
  display:block;
  margin: 5px 0;
}

div#container {
  width: 999px;
  position: relative;
}

div#contentPadding {padding-bottom:15px;}

form.quickLookup, p#topLinks {  float: right;}
form.quickLookup label {color: #fff;}
form.quickLookup {margin: 10px 50px 0 0;}
p#topLinks {
  position: absolute;
  bottom: 43px;
  right: 50px;
  padding: 6px 0;
  line-height: 26px;
  margin: 0;
  text-transform: uppercase;
  color: #fff;
  font: normal 10px/26px Georgia, serif;
}

p#topLinks a {
  color: #fff;
  text-decoration: underline;
  padding: 0 3px;
}

p#home{

  position: relative;
  top:10px;
  left:5px;
  height:20px;
  width: 155px;
  cursor: hand;
}

form.quickLookup, p#topLinks {  float: right;}
form.quickLookup label {color: #fff;}
form.quickLookup {margin: 10px 50px 0 0;}
p#topLinks {
  position: absolute;
  bottom: 43px;
  right: 50px;
  padding: 6px 0;
  line-height: 26px;
  margin: 0;
  text-transform: uppercase;
  color: #fff;
  font: normal 10px/26px Georgia, serif;
}

p#topLinks a {
  color: #fff;
  text-decoration: underline;
  padding: 0 3px;
}

div#banner {
  background: url(images/banner.jpg) top left no-repeat;
  width: 999px;
  height: 105px;
  position: relative;
}
div#banner h1 {display:none;}
form#tmp {
  position: absolute;
  left: 160px;
  top: 10px;
}

form#tmp label {color: #fff;}
/* == MAIN NAVIGATION ---------------------------------------------*/
div#navBar {
  line-height: 26px;
  position: absolute;
  bottom: 4px;
}

ul#nav {
  list-style-type: none;
  margin: 0;
  clear: both;
  padding: 0;
}

ul#nav li {
  font-weight: bold;
  float: left;
  display: inline;
  margin: 0;
  color: #fff;
}

ul#nav li a {
  color: #003366;
  text-decoration: none;
  padding: 0 15px;
  font-family: Georgia, serif;
  font-size: 12px;
  font-weight: normal;
  display: block;
  float: left;
  text-align: center;
  line-height: 35px;
}

ul#nav li a.on {
  background: url(images/navtab-right.jpg) no-repeat right top;
  padding: 0;
  height: 35px;
  color: #fff;
}

ul#nav li a.on span {
    display:block;
    background: url(images/navtab-left.jpg) no-repeat left top;
    padding: 0 15px;
}

ul#nav ul {
  position: absolute;
  left: 0;
  top: 30px;
  margin: 0;
  padding: 0;
  width: 999px;
}

ul#nav li ul li a {color: #930;}
ul#nav li#admin_menu__customers ul li a.on {background-image: none;}
ul#nav li ul li a.on {color: #fff; background-image: none;}
ul#nav li ul li a.on span { background-image: none;}

/* == SUB-NAVIGATION ---------------------------------------------*/

div#subnavBar {
  line-height: 26px;
  position: absolute;
  bottom: 13px;
}

div#subnavBar select, div#subnavBar input {
  border: 1px solid #899ba9;
  font-weight: normal;
  }

ul#subnav {
  list-style-type: none;
  margin: 0;
  clear: both;
  padding: 0;
}

ul#subnav li {
  font-weight: bold;
  float: left;
  display: inline;
  margin: 0;
  color: #fff;
}

ul#subnav li.bar {
  margin: 0;
  padding: 4px 0 0 ;
  float: left;
  }

ul#subnav li a {
  color: #8f3900;
  text-decoration: none;
  padding: 0 15px;
  font-family: Georgia, serif;
  font-size: 12px;
  font-weight: normal;
  display: block;
  float: left;
  text-align: center;
  line-height: 35px;
}

ul#subnav li a.on {
  background: none;
  padding: 0;
  height: 35px;
  color: #fff;
}

ul#subnav li a.on span {
    display:block;
    background: none;
    padding: 0 15px;
}

ul#subnav ul {
  position: absolute;
  left: 0;
  top: 30px;
  margin: 0;
  padding: 0;
  width: 999px;
}

ul#subnav li ul li a {color: #930;}
ul#subnav li#admin_menu__customers ul li a.on {background-image: none;}
ul#subnav li ul li a.on {color: #fff; background-image: none;}
ul#subnav li ul li a.on span { background-image: none;}


/* == MAIN CONTENT ---------------------------------------------*/
h1 {
  margin: 0;
  background-color: #e8e8e8;
  width: 1019px;
  font-size: 30px;
  font-weight: normal;
  color: #677890;
  padding: 5px 0;
  font: bold 18px Arial, sans-serif;
  position: absolute;
  top: 105px;
  left: 15px;
}

h1 span {display: block; padding-left: 15px;}

h2 {
  margin: 10px 0 0 0;
  font-size: 15px;
  color: #445A71;
  padding: 5px 0 2px 0;
  clear:both;
}

h2 span {
  padding: 0 5px;
}

h3 {
  margin: 10px 0 0 0;
  font-size: 12px;
  text-align: left;
  clear: both;
}

h4 {font-size: 13px; font-weight: bold; margin: 0 0 5px 0;}

a {  color:#369;}

a img {
  border-width: 0;
}

a:hover {
  text-decoration: underline;
color:#bb1016;
}

div.mainPageArea {
  background-color: #fff;
  margin: 0 0 0 15px;
  padding: 50px 20px 10px 20px;
  }

/* == FILTERS ---------------------------------------------*/
p.filterNames {
  margin: 0;
  position: relative;
  padding: 0;
  height: 32px;
  background: #7f89a4 url(images/contentNav.gif) top repeat-x;
  color: #fff;
}

span.filterName {
  border-left: 1px solid #8694b0;
  }

.filterName a {
  line-height: 32px;
  text-decoration: underline;
  color: #fff;
  padding: 0 20px;
}

.filterName a.expanded {
  font-weight: bold;
  text-decoration: none;
}

div.filterPanels {
  border-left: 3px solid #ddd;
  border-right: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  background-color: #eee;
  padding: 7px;
}

  /* == MASTER/DETAIL MANAGEMENT ---------------------------------------------*/
div.treeMaster {
  width: 25%;
  height: auto;
  float: left;
}

div.treeMaster tablele.wicket-tree-content {
  vertical-align: top;
}

div.treeDetail {
  width: 75%;
  float: right;
}

div.treeMaster ul, div.treeMaster ol {list-style-type: none; margin: 20px 0 0 0; }
div.treeMaster ol li ol {list-style-type: circle; margin: 0 0 5px 0;}
div.treeMaster ol li ol li ol {list-style-type: square;}
div.treeMaster a.selected {font-weight: bold; color: #000;}

/* == TREE (BY ITSELF) ---------------------------------------------*/
div.treeByItself {
  width: 100%;
  float: left;
  clear: both;
}

div.treeByItself table.wicket-tree-content {
  vertical-align: top;
}

/* == TOOLBAR ---------------------------------------------*/
div.toolbar {
    margin: 0;
    padding: 2px 0 5px 0;
}

div.toolbar div.leftActionPanel {
  float: left;
  }
div.leftActionPanel a {
  margin: 0 10px 0 0;
}
div.rightActionPanel {position:relative; top:3px;}
div.rightActionPanel a {
    margin: 0 0 0 10px;
}

div.actions {position: relative;}
div.toolbar button {margin-right:10px;}
div.toolbar div.rightActionPanel {
  float: right;
}

div.leftActionPanel a, div.rightActionPanel a {
  padding: 4px 5px;
  border: 1px solid #c1cad3;
  background: #e6f6ff url(images/create.gif) top repeat-x;
  color: #243c55;
  text-decoration: none;
  }

div.rightActionPanel .paginator {margin-left:20px;}
div.rightActionPanel .paginator a {
  border-width:0;
  background-image:none;
  background-color:transparent;
  padding:0;
  margin:0;}



div.leftActionPanel a.dropdown span,
div.rightActionPanel a.dropdown span {
  background-image: url(images/dropdown.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
  background-color: none;
  }

/* ================ */
/* ! SEARCH WIDGET   */
/* ================ */

#searchWidget {
  padding: 20px 10px 10px 10px;
  border: 1px solid #ddd;
  position:relative;
  margin-top: 15px;
}

#searchWidget ul#widgetNav  {
  list-style-type:none;
  position:absolute;
  top: -15px;
  }

#searchWidget ul#widgetNav li {
  float:left;
  display:inline;
  border: 1px solid #999;
  background-color:#FFF;
  margin:0;
  padding:1px;
  }




#searchWidget ul#widgetNav li a {
  display:block;
  padding: 1px 10px;
  text-decoration: none;
  font-weight:bold;
  }

#searchWidget ul#widgetNav li.current {background-color:#369;}

#searchWidget ul#widgetNav li.current a {
  color:#fff;
  font-weight:bold;
  }

form.filterSearch label {padding: 0 0 0 15px;}
div#filters {margin:0 0 0 0;}
div#filters ul ul{
/*  display: none;*/ /*for prototype*/
  text-indent:20px;
  }

div#filters ul ul ul {  text-indent:40px;}
div#filters ul ul ul ul {text-indent:60px;}
div#filters ul ul ul ul ul {text-indent:80px;}
div#filters ul ul ul ul ul ul {text-indent:100px;}

div#filters ul li {position:relative;}
div#filters ul li {width:730px;}
body div#filters select.branchHead,
body div#filters select .secondary
 {font-weight: bold;}

div.searchBar form.inclusion select {margin-bottom:5px;}


div.searchBar {
  background-color: #dddddd;
  }
div.searchBar select {margin: 0 0 10px 0;}
div.searchBar h2 {margin:0; padding:0;}

h2#moreFilters a {   cursor: pointer;}

span.filterButtons {
  position:absolute;
  right:0;
}
img.filterButton {margin-left: 10px;}

/*div#filters {display:none;}*/

div#quickSearch input, div#quickSearch select {margin-right:15px;}
div.searchSaver {position:relative;}
div.saveBox  {
  position:relative;
  top: 0px;
  left: 0px;
  background-color:#FFF;
  padding: 10px;
  border: 1px solid #666;
  }

form.level1 {margin-left: 20px;}
form.level2 {margin-left: 40px;}

li#savedQuery {display:none;}

div#searchDetails {padding: 0 0 10px 0;}

/* == ANYLINK (dynamicdrive.com) -----------------------------------------------*/
div.droplist {padding: 0 3px 0 0;
  float: left;
  background:#E6F6FF url(images/create.gif) repeat-x scroll center top;
  border:1px solid #CCCCCC;
  position: relative;
  margin-right:10px;
  }
div.droplist .dropper {
  cursor:pointer;
  font-size: 13px;
  display: block;

  color: #243C55;
  padding:2px 20px 2px 3px;
  background:url(images/dropdown.gif) right 9px no-repeat;
}
div.droplist .links { display:none; position:absolute; background:#FBFBFB; border:1px solid #CCCCCC; padding:3px 0; top:19px; left: -1px;}
div.droplist .links h3 { color: #666; margin: 0; font-size: 11px;}
div.droplist .links a {display:block; width: 100%; line-height: 2em; text-decoration: none; height: auto;}
div.droplist .links a:hover {background-color:#ccc; }
div.droplist .links a span {padding-left:10px;}
div.leftActionPanel .links a, div.rightActionPanel .links a {background: none; border-width: 0; padding: 0;}


/*
.listTable .slickbox {
position:absolute;
right: -30px;
top: -30px;
z-index:100;
display: none;
background-color: #eee;
}

.listTable .slickbox ul, .listTable .slickbox ul li {margin: 0; padding: 0}
*/

div.anylinkcss {
  position: absolute;
  visibility: hidden;
  border: 1px solid #999;
  line-height: 20px;
  z-index: 100;
  background-color: #fff;
  margin: 0px;
  white-space: nowrap;
  margin-top: 4px;
}

div.rightActionPanel div.anylinkcss {right: 0;}
div.leftActionPanel div.anylinkcss {left: 0;}

div.anylinkcss a {
  width: auto;
  display: block;
  padding: 3px;
  margin: 0;
  text-decoration: none;
  background-image: none;
  background-color: #fff;
  border-width: 0;
  border-bottom: 1px solid #ccc;
}

div.anylinkcss a:hover {
  text-decoration: underline;
}

/* == LIST TABLE ---------------------------------------------*/


div.listManager {
  margin: 0;
  padding: 0;
}

div.listToolbar {
  margin: 10px 0;
}

div.listToolbar div.leftActionPanel {
  float: left;
  width: 40%;
}

div.listToolbar div.rightActionPanel {
  float: right;
}

div.columnSelector {
  font-size: 9px;
}

div.columnSelector a {
  padding: 1px 5px 1px 5px;
  margin: 2px;
  border: 1px solid #ff4500;
  color: #ff4500;
}

div.columnSelector a:hover {
  text-decoration: none;
  background-color: #ff4500;
  color: #fff;
}

div.topPager, div.bottomPager {
  padding: 5px;
  background-color: #eee;
  color: #555;
}



div.tableToolPanel {text-align: center; margin: 0 0 10px 0; background-color: #eee; padding: 5px;}

form.pageSelect {float: right; margin-left: 10px;}
form.paginator {display: inline; text-align: center;}

div.listTable {
  margin: 10px 0 10px 0;
  clear: both;
}

  div.listTable table {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-bottom:10px;
}

div.listTable table form {
  margin: 0;
  padding: 0;
}

div.listTable table thead td, div.listTable table thead th {
  background-color: #777;
  color: #fff;
  font-weight: bold;
  vertical-align: bottom;
}

div.listTable table thead td a, div.listTable table thead th a {text-decoration: underline; color: #fff;}

table tbody tr.odd, div.listTable table tbody tr.odd {
  background-color: #eee;
}

div.listTable tbody tr.selected {
  background-color: #ff7;
}

div.listTable tbody tr.selected td {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
div.listTable table td, div.listTable table th {
  padding: 5px;
  color: #333;
  border-right: 1px solid #ccc;
  vertical-align: top;
}


table.skuTable {margin: 0 0 15px 0;}
table.skuTable td, table.skuTable th {
  padding: 3px 10px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  }
table.skuTable thead td {font-weight: bold;}
table.skuTable form {margin: 0; padding: 0;}
table.skuTable form button {font-size: 11px;}

div.listTable table.skuTable {border-width: 0;}
div.listTable table.skuTable td, div.listTable table.skuTable th {border-width: 0;}
td.checkboxCell {width: 8px;}
div.listTable table.skuTable thead td {color: #000; background-color: #ccc;}

div.listTable table td.checkBoxHeader {
  width: 8px;
}

div.listTable table td.imgCell {
  width: 16px;
}

div.listTable table td.imgHeader {
  width: 16px;
}

div.listTable table td.actionCell {
  width: 18px;
}

div.listTable table td.actionHeader {
  width: 18px;
}


div.listTable table td.checkBoxCell {
  width: 8px;
}

div.listTable table td.checkBoxHeader {
  width: 8px;
}

div.listTable table td.actionCell {
  width: 18px;
}

div.listTable table td.actionHeader {
  width: 18px;
}

div.listTable table td.checkbox {width: 18px;}

div.listTable table td.channelOff {background-color: #ccc; color: #666;}


/* ================== */
/* ! PRODUCT IMAGES   */
/* ================== */

table.imageTable td {
  padding: 20px 40px;
  border-bottom: 2px solid #000;
}



form.pagination button {
  margin: 0 5px 0 5px;
  padding: 2px 5px;
}

p.buttons button {
  margin: 0 10px 0 0;
}

p.buttons a {
  position: absolute;
  right: 10px;
}

span.contextualButtons button {
  margin-right: 10px;
}

span.nonContextualButtons button {
  margin-left: 10px;
}

span.nonContextualButtons {
  position: absolute;
  right: 0;
}

div.searchFilter {
  padding: 10px;
}

form.pagination {
  text-align: center;
}



 /* == EXPORT TABLE ---------------------------------------------*/
div.exportTable {
  margin: 3px;
}

div.exportTable table {
  width: 100%;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

div.exportTable table thead td {
  background-color: #ccc;
}

div.exportTable table tbody tr.odd {
  background-color: #d9d9ff;
}

div.exportTable table td {
  padding: 3px;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
}

/* == FORMS ---------------------------------------------*/
form ol, form ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

form ol li, form ul li {
  display: block;
  clear: both;
  margin: 0 0 10px 0;
  position:relative;
}

form ul li em {
  font-weight:normal;
}

form li span {font-style:italic; font-weight:normal;}

/* !!! */
ol.form span.help {

}

form ol label, form ul label {
  display: block;
  font-weight: bold;
}

form ol li.optional label, form ul li.optional label {font-weight:normal;}
form ol li label.optional, form ul label.optional {font-weight:normal;}
span.cardImages {position: relative; top: 5px;}

select option {
  white-space: pre;
}

form fieldset.radios ul li {margin: 0;}
form fieldset.radios ul {margin-bottom:10px;}


div#statuses65 {  margin-bottom: -15px;}

div#statuses65 input {
  float: left;
  margin-right: 5px;
}

.securityImage {position: absolute; bottom: 0; right: 150px;}

/*RADIO BUTTONS*/
fieldset.syndicate span {display: block; margin-left:180px;}


/*PAYMENT METHOD CONFIG*/
span#paymentMethodTypesc2b input {float: left;}

/*INLINE LABELS*/

input.unfilled {color:#666;}

/* =============== */
/* ! FORM ERRORS   */
/* =============== */

body ol li.error {
  padding: 7px 10px;
  margin: 0;
  background-color: #ffcfcf;
  font-weight: bold;
  border: 2px dotted #ccc;
  }
body ol.form {list-style-type:none; margin: 0; padding: 0;}

div.tab-panel ul {list-style-type:none;}

ul.feedbackPanel {
  font-weight: bold;
  border: 2px dotted #ccc;
  padding: 0;
  margin: 0 0 5px 0;
  list-style-type: none;
  display: none;
}
body ul.feedbackPanel li.feedbackPanelINFO {background-color: #ffff66; padding: 7px 10px; margin: 0;}
body ul.feedbackPanel li.feedbackPanelERROR {background-color: #ffcfcf; padding: 7px 10px; margin: 0;}

/* Item Listing */
.panelListingEdit {width: auto;}

.panelListing li {
  list-style-type: none;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0;
}

ul.panelListing li span {font-weight: normal}

/* Customer Panel */
table.userDetails th, table.reportListing th {
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}

table.reportListing th {width: 200px;}

table.userDetails td, table.userDetails th, table.reportListing td, table.reportListing th {padding-bottom: 10px}
table.userDetails  p, table.reportListing p {margin: 0; padding: 0;}



/* FORM STYLES ==================================================== */

ol label {
  float: left;
  clear: both;
  text-align: left;
  width: 11em;
  display: inline;
  padding-top: 3px;
  margin-right: 5px;
}

form ol {width: auto;}

form ol li {
  list-style-type: none;
  margin-bottom: 6px;
  padding: 0;
}



fieldset {
  border-width:0;
  padding: 0;
  }
fieldset legend {
  display: block;
  width: 400px;
  font-weight: bold;
  font-size: 13px;
  margin: 0 0 5px 0;
  color: #446600;
  padding: 5px 0 0 0;
  border-width:0;
  }

fieldset fieldset {border-width: 0;}
fieldset fieldset legend {font-size: 14px; color: #333; border-bottom: 1px solid #333;}

form ol li span {font-weight: normal}

form ol li em strong {font-size: 1.3em}

ol.commonForm li label {
  text-align: right;
  margin-right: 10px;
  }

fieldset.formButtons {
  margin: 0 0 0 11.5em;
  border-width: 0;
  padding: 5px 0 0 0;
}
fieldset.formButtons button, fieldset.buttons button {margin-right: 20px; padding: 0 5px; }

fieldset.buttons {border-width: 0; padding-top: 10px;}

li.checkbox label {display: inline; margin: 0 0 0 4px; padding: 0; clear: none; float: none;}
/*ol li.checkbox input {display: inline; margin: 0 0 10px 185px; padding: 0; float: none; clear: none;}*/
ul.li checkbox input {display: inline; margin: 0; padding: 0; float: none; clear: none;}

span.checkboxGroup label {
  float: left;
  clear: none;
  display: block;
  text-align: left;
  width: 130px;
}

span.checkboxGroup input {
  float: left;
  padding: 5px;
  width: 20px;
}

span.radioChoice label {
  float: left;
  clear: none;
  display: block;
  text-align: left;
  width: 130px;
}

span.radioChoice input {
  float: left;
  padding: 5px;
  width: 20px;
}

form ol li ul {
  clear: both;
  padding: 0 0 10px 155px;
  color: red;
  margin: 0;
  position: relative;
  top: -5px;
  list-style-type: none;
}

form ol li ul li {
  margin: 0;
  padding: 0;
  margin-top: 5px;
}

/* END FORM STYLES ==================================================== */

/* ================ */
/* = ITEM DETAILS = */
/* ================ */
.dialogWindow {display:none;}

h2 button {margin-left: 10px;}
div.infoPanel {border: 1px solid #ddd; background-color: #eee; padding: 5px; margin-bottom: 5px;}
div.mainInfo  {position:relative; margin: 10px 0;}
div.mainInfo p {margin: 0 0 10px 0;}
div.mainInfo span {padding: 0 10px; font-size:15px;}
div.mainInfo span.itemName {padding: 0 10px 0 0; font-weight:bold;}
div.mainInfo a.editLink {
  position:absolute;
  right: 10px;
    bottom: -2px;
  font-weight:bold;
}
a#deleteButton {color: #CF1010; font-size:14px;}

div.mainInfo div.droplist a span {font-size:12px; white-space:nowrap;}

div.infoPane {margin: 10px 0 0 0; border-top: 1px solid #839DAF; padding-top: 10px;}
div.infoPane h3 {margin:5px 0 0 0;}
div.infoPane h2 a {font-size:12px; padding-left: 20px;}
div.infoPane div.listTable {margin: 0;}

div.tabContent blockquote {font-size:13px; margin: 5px 0 0 0; padding: 5px; background-color:#efefef;}
div.contentBox {padding: 5px;}
div.contentBox p, ul {margin: 5px 0; }
a.mainItem {font-size: 13px; font-weight: bold; padding-bottom: 5px; display: block;}

/* REPORTS */
span#statusesf label {float: left;}
span#statusesf input {
  float: left;
  clear:left;
  margin-bottom: 7px;
  }

/*SITE CONTENT DISPLAY */

div#siteContent {
  height: 175px;
     overflow-y: scroll;
  border: 1px solid #999;
}

/* == TABS -----------------------------------------------*/
div.tab-row {
  width: 944px;
  float: left;
  margin: 0 0 10px 0;
  display: inline;
  padding: 0;
  }

div.tab-row ul {
  width: 100%;
  height: 29px;
  border-bottom: 4px solid #7894bb;
  display: inline;
  list-style-type: none;
  text-align: left;
  padding: 0;
  margin: 7px 0 0 0;
  float: left;

}

div.tab-row li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

div.tab-row ul li {
  float: left;
  display: inline;
  padding: 0;
  margin: 0 0 0 5px;
  background: #445a71;
  border-bottom: 3px solid #fff;
  }

div.tab-row ul li a {
  color: #fff;
  display: block;
  padding: 6px 15px 5px 15px;
  margin: 0;
  text-decoration: none;
  font-weight: bold;
  }

div.tab-row ul li a:hover {text-decoration: none; border-bottom: 1px dotted #369;}

div.tab-row ul li.selected {
  background: #7894bb;
  border-bottom-width: 0;
  }

div.tab-row ul li.selected a {padding-bottom: 9px;}

div.tab-row ul li a span {
  color: #fff;
  }

div.tab-panel {
  clear: left;
  }

div.tab-panel div.tab-row {width: 708px;}

/* ============ */
/* ! SUB TABS   */
/* ============ */


div.sub-tab {margin-bottom: 10px; border-bottom: 1px solid #7894BB;}
div.sub-tab ul {margin: 0 0 5px 0; padding: 0;}
div.sub-tab ul li {display: inline; margin: 0; padding: 0 15px 0 0;}
div.sub-tab ul li a {color: #16355B; font-size: 14px;}
div.sub-tab ul li.selected a {font-weight: bold; color: #000;}

/* ========== */
/* = WIZARD = */
/* ========== */
tr.wizard-commands {
  background-color: #ddd;
}



/* == VIEW ORDER -----------------------------------------------*/
div.viewOrder div.leftPanel {  float: left;}
div.viewOrder div.rightPanel p {margin: 5px 0 10px 0;}

div.viewOrder div.rightPanel {
  float: right;
}

div.viewOrder div.rightPanel table {width: 650px;}
.subtotalColumn {text-align: right;}

/* MODAL WINDOW STYLES ==================================================== */

span.modalHeader {
  font-weight: bold;
  display: block;
  margin: 5px 0 0 0;
  }

div.wicket-mfu-caption {padding: 5px 0; text-decoration: underline;}
div.wicket-mfu-container input {margin-left: 10px;}
div.uploaded {margin: 5px 0 10px 0;}

/* REPORTS */
span#statusesf label {float: left;}
span#statusesf input {
  float: left;
  clear:left;
  margin-bottom: 7px;
  }



/* == ORDER WORKFLOW -----------------------------------------------*/

h2.checkOn {background: url(images/check_on.gif) left top no-repeat;}

h2.checkOff {background: url(images/check_off.gif) left top no-repeat;}
h2.checkPartial {background: url(images/check_partial.gif) left top no-repeat;}
h2.holdOff {background: url(images/hold_off.gif) left top no-repeat;}
h2.holdOn {background: url(images/hold_on.gif) left top no-repeat;}
h2.xOn {background: url(images/x_on.gif) left top no-repeat;}
h2.xOff {background: url(images/x_off.gif) left top no-repeat;}

h2.status {
  font-size: 14px;
  color: #8490b5;
  padding: 10px 0 10px 35px;
}

div.paymentStatus form ol label,
div.orderStatus form ol label,
div.shipmentStatus form ol label {display: block; width: auto; float: none; text-align: left;}

div.paymentStatus, div.shipmentStatus {
  width: 30%;
  float: left;
}
div.orderStatus {width: 20%; float: left;}

div.itemSelector table {
  border-bottom: 2px solid #666;
  margin: 10px 0;
  padding: 5px 0;
  }

/* == DISCOUNTS -----------------------------------------------*/
div.edit-discount {
  border: 1px solid #999;
  padding: 10px ;
}

div.edit-discount p {
  padding-top: 10px;
}

div.edit-discount .edit-clause {
  margin-left: 3px;
  margin-right: 3px;
  padding: 5px;
  border: 1px solid #bbb;
  padding: 5px;
}

div.edit-discount a.edit-link {
  text-decoration: underline;
  color: black;
}

div.edit-discount a.edit-link:hover {
  color: blue;
}

div.edit-discount a.cancel-link {
  font-size: 9px;
  padding: 1px 5px 1px 5px;
  border: 1px solid #ff4500;
  color: #ff4500;
}

div.edit-discount a.cancel-link:hover {
  text-decoration: none;
  background-color: #ff4500;
  color: #fff;
}

div.edit-discount a.submit-link {
  font-size: 9px;
  padding: 1px 5px 1px 5px;
  border: 1px solid #009900;
  color: #009900;
}

div.edit-discount a.submit-link:hover {
  text-decoration: none;
  background-color: #009900;
  color: #fff;
}

div.edit-discount form {
  display:inline;
  margin:0;
  padding:0;
}

span.clause-controls {
position:absolute;
right:0;
}
span.clause-controls img {padding: 0 5px;}

/************ DEFAULT TABLE ********/

.defaultTable {
  margin: 20px 0 10px 0;
  border: 1px solid #ccc;
  clear: both;
  border-bottom-width: 0;
}

table.defaultTable {
}

table.defaultTable thead td {
  background-color: #777;
  color: #fff;
  font-weight: bold;
}

table.defaultTable thead td a {text-decoration: underline; color: #fff;}

table.defaultTable tbody tr.odd {
  background-color: #eee;
}

table.defaultTable tbody tr.selected {
  background-color: #ff7;
}

table.defaultTable td {
  padding: 5px;
  color: #333;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
}

table.defaultTable td a {color: #333; text-decoration: underline;}

/************** VIEW TABLE *********/
.propertyTable {
  margin: 0 0 10px 0;
  padding: 0;
}

table.propertyTable p {
  margin: 0;
  padding: 0;
}

table.propertyTable th {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #ddd;
}

table.propertyTable td {
  text-align: left;
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #ddd;
}

/************ SUMMARY TABLE ********/

.summaryTable {
  margin-bottom: 15px;
  clear: both;
}

table.summaryTable {
}

table.summaryTable thead td {
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

table.summaryTable thead td a {text-decoration: underline; color: #fff;}

table.summaryTable tbody tr.odd {
  background-color: #eee;
}

table.summaryTable tbody tr.selected {
  background-color: #ff7;
}

table.summaryTable td {
  padding: 5px;
  padding-right: 20px;
  color: #333;
  vertical-align: top;
}

table.summaryTable td a {color: #333; text-decoration: underline;}

/* == FEEDBACK -----------------------------------------------*/
div.feedback {
  color: red;
}

/* == CREATE WINE PAGE -----------------------------------------------*/
#taxable65, #forsale66, #published67 {display:inline;}


/* == ADMIN CART -----------------------------------------------*/
span.tiny {
  font-size: 9px;
}

th.Supplier {
  font-size: 13px;
  color: #333333;
  text-align: left;
}

table.SupplierCart {border: 1px solid #333;}

div.adminCart {
  width: 850px;
  float: right;
}

table.cartLineTable td, table.cartLineTable th {

}


table.cartLineTable td {text-align: right; padding: 2px 0;}

table.cartLineTable tr.header {
  text-align: right;
}

table.cartLineTable span.totalLabel {
  float: right;
  text-align: right;
}

table.cartLineTable span.discountLabel {
  font-size: 9px;
  color: #990000;
}

table.cartLineTable th.itemName {
  text-align: left;
}

table.cartLineTable td.itemName {
  width: 400px;
  text-align: left;
}

table.cartLineTable td.itemAmount {
  width: 75px;
  text-align: right;
}

table.cartLineTable td.lineQuantity {
  width: 50px;
  text-align: right;
}

table.cartLineTable td.lineAmount {
  width: 75px;
  text-align: right;
}

table.cartLineTable td.lineAction {
  padding-left: 10px;
  width: 100px;
}

table.orderPaymentsTable tr {
  vertical-align: top;
  text-align: left;
}

tr.subtotals td {font-weight: bold;}
tr.grandTotal td {font-weight: bold; border-top: 1px solid #666; padding-bottom: 15px;}
tbody.grandTotal td, tbody.grandTotal th {background-color: #ddd;}
.detailForm {margin: 15px 0 0 218px;}

p  {margin: 0;}

.leftCol {
  float: left;
  width: 465px;
}

.rightCol {
  float: right;
  width: 465px;
}

.leftCol div.toolbar div.rightActionPanel {margin-right: 200px;}

ul.left {
  float: left;
  margin-left: 10px;
  width: 45%;
}

ul.right {
  float: right;
  width: 45%;
}

div#copyright {width: 944px; margin: 10px 0 10px 20px;}

table.items-table tr {
    border: none;
    padding: 0px;
}

table.items-table tr td {
    border: none;
    vertical-align: top;
    padding: 0px;
    padding-right: 10px;
}

/* ============ */
/* ! WORKFLOW   */
/* ============ */
/* == VIEW ORDER ---------------------------------------------*/

div#view_order_nav {
  width: 910px;
  height: 40px;
  float: left;
  margin: 0 0 0 10px;
  display: inline;
  padding: 0;
  }

ul#view_order {
  width: 910px;
  height: 25px;
  border-bottom: 4px solid #7894bb;
  display: inline;
  list-style-type: none;
  text-align: left;
  padding: 0;
  margin: 7px 0 0 0;
  float: left;
  }

ul#view_order li {
  width: 94px;
  display: inline;
  padding: 0;
  margin: 0;
  }

ul#view_order li a {
  color: #fff;
  background: #445a71;
  padding: 6px 9px 6px;
  margin: 0;
  width: 100%;
  text-decoration: none;
  }

ul#view_order li a.on {
  background: #7894bb;
  padding: 8px 9px 10px;
  }

ul#view_order li a span {
  color: #fff;
  }

div#order_info {
  width: 890px;
  float: left;
  display: inline;
  margin: 10px 0 0 10px;
  padding: 0;
  }

div#cmsContentArea.view_order h3 {
  color: #748dac;
  display: inline;
  padding: 0;
  margin: 0;
  }

div#cmsContentArea.view_order h3.x {
  padding: 4px 0 13px 40px;
  background: url(images/redx.gif) no-repeat;
  }

div#cmsContentArea.view_order h3.on {
  padding: 4px 0 13px 40px;
  background: url(images/check_on.gif) no-repeat;
  }

div#cmsContentArea.view_order h3.off {
  padding: 4px 0 13px 40px;
  background: url(images/check_off.gif) no-repeat;
  }

div.billingInfo h3 {
  color: #748dac;
  display: inline;
  padding: 0;
  margin: 0;
  }

div#order_info p.status {
  float: left;
  display: inline;
  width: 400px;
  margin: 5px 0 0 0;
  padding: 0;
  line-height: 20px;
  }

div#order_info p.customer {
  float: right;
  display: inline;
  width: 400px;
  margin: 5px 60px 0 0;
  padding: 0;
  line-height: 20px;
  }

div#billingInfo {
  width: 890px;
  float: left;
  display: inline;
  margin: 10px 0 0 10px;
  padding: 0;
  }

div#billingInfo p.card {
  float: right;
  display: inline;
  width: 400px;
  margin: 5px 60px 0 0;
  padding: 0;
  line-height: 20px;
  }

p.address {
  float: left;
  display: inline;
  width: 400px;
  margin: 5px 0 0 0;
  padding: 0;
  line-height: 20px;
  }

div#shippingInfo {
  width: 890px;
  float: left;
  display: inline;
  margin: 10px 0 0 10px;
  padding: 0;
  border-bottom: 1px solid #efefef;
  }

div#cmsContentArea.view_order {
  background: #fff;
  width: 908px;
  padding: 0;
  float: left;
  margin: -4px 0 8px 10px;
  display: inline;
  border: 1px solid #f0f0f0;
  line-height: 20px;
}

div#cmsContentArea.view_order input {
  border: 1px solid #899ba9;
  width: 200px;
  height: 18px;
  }

div#cmsContentArea.view_order input.checkbox {
  width: 10px;
  height: 10px;
  border: 1px solid #1f4e78;
  }

div#cmsContentArea.view_order select {
  border: 1px solid #899ba9;
  font-weight: normal;
  }


h3.orderNumber {
  color: #748dac;
  display: inline;
  padding: 0;
  float: left;
  margin: 9px 0 9px 10px;
  }

h1.view {
  border-bottom: 1px solid #79889f;
  }

div#buttons {
  width: 910px;
  display: inline;
  float: left;
  padding: 0;
  margin: 0 0 0 10px;
  border-bottom: 1px solid #f0f0f0;
  height: 48px;
  }

button {
  padding: 0 5px;
  border: 1px solid #c1cad3;
  background: #e6f6ff url(images/create.gif) top repeat-x;
  color: #243c55;
  font: normal 13px Arial, Helvetica, sans-serif;
  cursor: pointer;
  }

button.back {
  padding: 5px;
  border: 1px solid #c1cad3;
  background: #e6f6ff url(images/create.gif) top repeat-x;
  margin: 10px 0 10px 0;
  float:left;
  color: #243c55;
  }

button.email_order {
  padding: 5px;
  border: 1px solid #c1cad3;
  background: #e6f6ff url(images/create.gif) top repeat-x;
  margin: 10px 0 10px 0;
  float:right;
  color: #243c55;
  }

div#order_detail_left {
  float: left;
  display; inline;
  padding:0;
  width: 550px;
  margin: 9px 0 0 10px;
  background: none;
  }

div#order_detail_right {
  float: right;
  display; inline;
  padding:0;
  width: 320px;
  margin: 9px 10px 0 0;
  background: none;
  }

div#authorize {
  width: 550px;
  float: left;
  margin: 8px 0 0 0;
  padding: 0;
  background: none;
  border-bottom: 1px solid #f1f1f1;
  }

div#fulfillment {
  width: 550px;
  float: left;
  margin: 14px 0 0 0;
  padding: 0;
  background: none;
  border-bottom: 1px solid #f1f1f1;
  }

div#shipped {
  width: 550px;
  float: left;
  margin: 14px 0 0 0;
  padding: 0;
  background: none;
  border-bottom: 1px solid #f1f1f1;
  }

div#settled {
  width: 550px;
  float: left;
  margin: 14px 0 0 0;
  padding: 0;
  background: none;
  }

div#admin_note {
  width: 318px;
  height: 214px;
  float: left;
  margin: 0px 0 0 0;
  padding: 6px 0 0 0;
  background: #eee;
  border: 1px solid #ededed;
  }

div#cmsContentArea.view_order div#order_detail_right p {
  padding: 0 0 0 10px;
  }

div#cmsContentArea.view_order div#order_detail_right input {
  padding: 0 0 0 10px;
  }
div#cmsContentArea.view_order div#order_detail_right h3 {
  padding: 0 0 0 10px;
  }

div#cmsContentArea.view_order div#order_detail_right h3.on {
  display: inline;
  margin: 0 0 0 10px;
  padding: 4px 0 13px 40px;
  background: url(images/check_on.gif) no-repeat;
  }

div#cmsContentArea.view_order div#order_detail_right h3.off {
  display: inline;
  margin: 0 0 0 10px;
  padding: 4px 0 13px 40px;
  background: url(images/check_off.gif) no-repeat;
  }

div#cancelled {
  width: 318px;
  height: 108px;
  float: left;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  background: #eee;
  border: 1px solid #ededed;
  }

div#returned {
  width: 318px;
  height: 160px;
  float: left;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  background: #eee;
  border: 1px solid #ededed;
  }

div#cmsContentArea.view_order div#order_detail_right select {
  padding: 0 0 0 10px;
  }

div#cmsContentArea.view_order textarea.notebox {width: 300px; height: 92px; overflow: auto; border: 1px solid #899ba9;}


/* ============================== CLUBS =========================== */
table.groupCart th, table.groupCart td {text-align: left; padding: 5px 15px 0 0;}
table.groupCart .discount {color: #c71e13;}
table.groupCart tbody.totals th, table.groupCart tbody.totals td {text-align: right;}
/*fieldset.groupInfo {border-width: 0;}
fieldset.groupInfo legend {padding: 0 0 15px 0;}
fieldset.left {width: 450px; float: left;}
fieldset.right {width: 450px; float: right;}*/
fieldset.formBox {border-width: 0; padding: 10px; background-color: #dae4f5; border: 1px solid #DDE4EE; margin: 0;}
fieldset.formBox span {padding: 0 5px;}
th input.checkbox {float: left; margin-right: 10px;}
/* ============================ END CLUBS ========================== */


/* ============ */
/* = TOOLTIPS = */
/* ============ */

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(images/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(images/tipsy-west.gif); background-position: left center; }

/* ================= */
/* ! ORDER HISTORY   */
/* ================= */

table.orderTable {border: 1px solid #ccc; margin: 5px 0 0 0;}
table.orderTable th {padding: 0 0 0 10px;}
table.orderTable td {padding: 10px 20px 10px 10px;}
table.orderTable tr.orderRow td  {border-top: 1px solid #ddd;}

/* ================ */
/* ! MODAL WINDOW   */
/* ================ */

#dialog {background-color:#FFF;}

#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
}

#boxes .window {
  position:absolute;
  width:440px;
  display:none;
  z-index:9999;
  position:fixed;
  z-index:9999;
  border: 2px solid #333;
     /* Firefox / Gecko */
     -moz-border-radius-topleft: 10px;
     -moz-border-radius-topright: 10px;
     -moz-border-radius-bottomleft: 10px;
     -moz-border-radius-bottomright: 10px;

     /* Webkit (Safari, Chrome, Konqueror, etc.) */
     -webkit-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;
     -webkit-border-bottom-left-radius: 10px;
     -webkit-border-bottom-right-radius: 10px;

     /* CSS3 Spec */
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
  }

}

#boxes .window p, #boxes .window h3 {padding: 0 20px 0 0;}

/* Customize your modal window here, you can add background image too */
#boxes #shippingPolicies,#boxes #stateAvailability  {
  width:500px;
  top: 100px;
  background-color:#fff;
  border: 2px solid #efefef;
}

.modalContent {overflow-y: scroll; height: 300px; margin: 20px 0 20px 20px;}

div.modalContainer {padding: 20px; text-align: left;}