.container {
  margin: 15px auto;
  background: none;
}

#header-links-container, .main {
  width: 853px;
  margin-left: auto;
  margin-right: auto;
}
.steps {
  align: center;
  margin-right: auto;
  margin-left: auto;

}
.steps td {
  width: 119px;
  padding-bottom: 28px;

}
.steps td.on {
  width: 119px;

}

.banner {
  display: none;
}

.square .row-top .top-branch-off,
.square .row-top .top-leaf-off {
  position: relative;

  border: 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;

  background: #e5e5e5;
  background: -webkit-linear-gradient(#ccc, #fff);
  background: -moz-linear-gradient(#ccc, #fff);
  background: linear-gradient(#ccc, #fff);
  -pie-background: linear-gradient(#ccc, #fff);

  behavior: url(/hub/css/PIE.htc);
}

.square .row-top .top-branch-on,
.square .row-top .top-leaf-on  {
  position: relative;
  height:30px;
  background: #2B7483;
  border: 0px;

  -moz-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius:8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  behavior: url(/hub/css/PIE.htc);
}

.square .row-other td.gap {
  background-color: transparent;
}

.profile div.pagetitle,
.billing div.pagetitle {
  display: block;
}
.profile th.pagetitle,
.billing th.pagetitle {
  display: table-cell;
}



/*
  Add your desired container spans or divs to the list below to style with the light blue box look
*/
#formfooter\.footerbuttontext,
#formfooter\.footerblurb,
.personal-introtext,
.personal-accentnote,
#shipping\.mainshipcopy,
#shipping\.finalwarning,
#bill\.copy1,
#bill\.copy2,
.note items-table,
#review\.reviewafter {
  display: block;
  margin-top: 10px;
}

.header-links {
  border: 0px;
  padding: 4px;
}

.pageinstructions { 
  font-size: 13px;
  text-align: center;
  padding: 20px;
}

.personal-accentnote {
  position: relative;
  font-size: 12px;
  margin: auto;
  width: 654px;
  padding: 5px 15px;
  background-color: #DCE5EA;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-bottom: 10px;

  behavior: url(/hub/css/PIE.htc);
}


/*    !!~~~!! Canning Silvercloud Basket styles !!~~~!!
#basket-list-title {
  position: relative;
  margin-top: 7px;
  padding-top: 7px;
  margin-bottom: 7px;
  font-weight: bold;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  behavior: url(/hub/css/PIE.htc);
}
.basket-list-item {
  margin-bottom: 5px;
}

*/
.error {
  position: relative;
  font-size: 10px;
  text-align: center;
  text-align: left;
  padding:8px;
  width:400px;
  border: 1px solid #FF0000;
  background-color: #FFFFFF;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  behavior: url(/hub/css/PIE.htc);
}

/*    !!~~~!! Canning Silvercloud form styles !!~~~!!
.form-body,
.items-table {
  position: relative;
  font-size: 12px;
                                                     
  background: -webkit-linear-gradient(#EFEFEF, #DFDFDF);
  background: -moz-linear-gradient(#EFEFEF, #DFDFDF);
  background: -moz-linear-gradient(#EFEFEF, #DFDFDF);
  -pie-background: linear-gradient(#EFEFEF, #DFDFDF);
  margin: 10px auto;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  
  box-shadow: 0px 0px 0px 1px #999;
  behavior: url(/hub/css/PIE.htc);

}
  
.form-body th,
.form-ed-off th,
.form-ed-on th,
.tabular th {
  font-size: 14px;
  padding: 5px 0px 5px 15px !important;
  text-align:left;
}
.form-subheader,
.form-headernote,
.items-table th.numcol,
.items-table td.numcol,
.items-table td.total,
.items-table td.label {
  font-size: 12px;
  padding: 0px;
}  

.form-body td,
.tabular td,
.items-table td,
.items-table td.data {
  background-color: transparent;
}

.form-body td.label {
  background-color: transparent;
  font-weight: normal;
  width: 45%;
  min-width: 45%;
  max-width: 55%;
}

.form-body td.input-left {
  background-color: transparent;
  width: 45%;
  min-width: 45%;
  max-width: 55%;
}
.form-body td.label-right {
  background-color: transparent;
}

.form-body td.input,
.form-body td.input td,
.form-body td.input th {
  background-color: transparent;
}
  
.form-body td.submit {
  background-color: transparent;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 1853px;
}

.items-table td.label,
.items-table th {
  background-color: transparent;
  font-weight: normal;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
}
*/




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !! Custom CSS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/**************************************************************************/
/*** Begin Navigation changes, matching Apple *****************************/
table.steps { 
  min-width: 950px;
  max-width: 950px;
  width: 950px;
  font-family: Helvetica Neue,"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
  letter-spacing: -0.5px; 
  font-size: 13px;
  text-shadow: 0 -1px 3px #202020;
  height: 34px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: 300;
}

table.steps tr td { 
  background: rgb(120,120,120);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MzgzODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(120,120,120,1) 0%, rgba(94,94,94,1) 50%, rgba(112,112,112,1) 51%, rgba(131,131,131,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,120,120,1)), color-stop(50%,rgba(94,94,94,1)), color-stop(51%,rgba(112,112,112,1)), color-stop(100%,rgba(131,131,131,1)));background: -webkit-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);background: -o-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);background: -ms-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);background: linear-gradient(to bottom,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#838383',GradientType=0 );
  min-width: 103px;
  max-width: 103px;
  width: 103px;
  height: 34px; 
  display: block; 
  float: left;
  border-right: 1px solid #5d5d5d; 
  border-left: 1px solid #929292; 
  border-bottom: 1px solid #575757; 
  border-top: 1px solid #797979;
  padding-bottom: 0; 
  padding-top: 15px;
  color:#fff;
}

table.steps tr td.on {
  background: rgb(63,63,63);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzQzNDM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(63,63,63,1) 0%, rgba(56,56,56,1) 50%, rgba(67,67,67,1) 51%, rgba(85,85,85,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,63,63,1)), color-stop(50%,rgba(56,56,56,1)), color-stop(51%,rgba(67,67,67,1)), color-stop(100%,rgba(85,85,85,1)));background: -webkit-linear-gradient(top,  rgba(63,63,63,1) 0%,rgba(56,56,56,1) 50%,rgba(67,67,67,1) 51%,rgba(85,85,85,1) 100%);background: -o-linear-gradient(top,  rgba(63,63,63,1) 0%,rgba(56,56,56,1) 50%,rgba(67,67,67,1) 51%,rgba(85,85,85,1) 100%);background: -ms-linear-gradient(top,  rgba(63,63,63,1) 0%,rgba(56,56,56,1) 50%,rgba(67,67,67,1) 51%,rgba(85,85,85,1) 100%);background: linear-gradient(to bottom,  rgba(63,63,63,1) 0%,rgba(56,56,56,1) 50%,rgba(67,67,67,1) 51%,rgba(85,85,85,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#555555',GradientType=0 );
  -moz-box-shadow: inset 0 1px 2px 2px #000;
  -webkit-box-shadow: inset 0 1px 2px 2px #000;
  box-shadow: inset 0 1px 2px 2px #000;
  color:#fff;
  min-width: 106px;
  max-width: 106px;
  width: 106px;
  border-bottom: 1px solid #575757; 
  border-top: 1px solid #797979;
  font-weight: normal !important;
}



table.steps tr td.left-side { /* rounding top-left corner */
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-right: 1px solid #5d5d5d !important; 
  border-left: 1px solid #929292 !important; 
  border-bottom: 1px solid #575757 !important; 
  border-top: 1px solid #797979 !important;
  max-width: 50px !important;
  min-width: 50px !important;
  width: 50px !important;
  padding-top: 12px !important;
  padding-bottom: 3px !important;
  background: rgb(120,120,120);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MzgzODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(120,120,120,1) 0%, rgba(94,94,94,1) 50%, rgba(112,112,112,1) 51%, rgba(131,131,131,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,120,120,1)), color-stop(50%,rgba(94,94,94,1)), color-stop(51%,rgba(112,112,112,1)), color-stop(100%,rgba(131,131,131,1)));background: -webkit-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);background: -o-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);background: -ms-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);background: linear-gradient(to bottom,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#838383',GradientType=0 );

}

table.steps tr td.left-side img {
  margin-top: -9px;

}


table.steps tr td.right-side { /* rounding top-right corner */
  max-width: 20px !important;
  min-width: 20px !important;
  width: 20px !important;
  padding-top: 12px !important;
  padding-bottom: 3px !important;
  -moz-border-radius:0px 4px 4px 0px;
  -webkit-border-radius:0px 4px 4px 0px;
  border-radius:0px 4px 4px 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-right: 1px solid #5d5d5d !important; 
  border-left: 1px solid #929292 !important; 
  border-bottom: 1px solid #575757 !important; 
  border-top: 1px solid #797979 !important;
  background: rgb(120,120,120);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MzgzODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(120,120,120,1) 0%, rgba(94,94,94,1) 50%, rgba(112,112,112,1) 51%, rgba(131,131,131,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,120,120,1)), color-stop(50%,rgba(94,94,94,1)), color-stop(51%,rgba(112,112,112,1)), color-stop(100%,rgba(131,131,131,1)));background: -webkit-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);background: -o-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);background: -ms-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);background: linear-gradient(to bottom,  rgba(120,120,120,1) 0%,rgba(94,94,94,1) 50%,rgba(112,112,112,1) 51%,rgba(131,131,131,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#838383',GradientType=0 );
}
/*** End navigation changes `````````````````````````````````````````````````````````*/
/*************************************************************************************/


/**************************************************************************/
/*`` Site wide settings ``````````````````````````````````````````````````*/

/*[s*]*/ /*body { background-image: url('http://images.apple.com/v/ipod/home/a/images/gradient_texture.png'); } */ /* TMP using apple bg image */

/*[s*]*/#header-links-container { margin-right:0; }
/*[s*]*/.header-links > a:first-child {
  margin:0 10px;
}
/*[s*]*/.header-links > span.header-langlinks {
  margin: 0 2px 0 5px;
}

/*[s*]*/button { /*`` Modifying buttons, LNF editor doesn't offer this */ 
  /*text-shadow: -1px -1px 0 #666666; cursor: pointer; 
  width: 160px; min-width:160px; max-width:160px;  
  padding: 3px !important; font-size: 12px;*/  
}

/*[s*]*/.main { /*`` Content Container top parent */
  width: 900px;                             /* !! Setting different width that LNF "Page Width" because it needs to differ from parent container. */
  -moz-box-shadow: 0px 3px 3px #cecece;     /* !! box shadow on entire container */
  -webkit-box-shadow: 0px 3px 3px #cecece;  /* !! box shadow on entire container */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); /* !! box shadow on entire container */
  margin-top: 20px;                         /* !! moving this container away from top nav */
  padding: 10px;                            /* !! moving this container away from top nav */
  -moz-border-radius: 4px;                  /* !! content container borders */
  -webkit-border-radius: 4px;               /* !! content container borders */
  border-radius: 4px;                       /* !! content container borders */
}

/*[s*]*/.footer { /*`` Footer Container */
  position:relative; /* moving out outside of main */
  top:10px;
}

/*[s*]*/.form-body th, .tabular th, .form-body div.title, .form-body div.title > h1 { font-weight: 300; } /* Overriding all header styles... */
/*[s*]*/h4,
/*[s8]*/div.shipping span#shipping\.top_blurb { /*`` Content Headers */
  font-weight: 300 !important; /* LNF doesn't allow lighter as an option */
  margin: 10px 0 0 15px;
  font-size: 26px;
  font-family: Helvetica Neue,"Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial !important;
  color: #333333;
  text-align: center;
  margin: 10px 0 0 15px !important;
}

/* Applying global header re-styling, LNF doesn't allow 'lighter' as font-weight */
/*[s*]*/div.main div.pagetitle { font-weight: 300 !important; margin: 10px 0 0 15px; color: #333333 !important;} 
/*[s*]*/div.main div.pagetitle { font-weight: 300 !important; margin: 10px 0 0 15px; color: #333333 !important;}  /* no... this is not a mistake... this is here twice because only in Safari, and only on the Shipping page, it will not render "lighter" text, unless this is entered twice. ?.?  */

/*[s*]*/.error {  /* polishing error container & text... */
  font-size: 12px !important;
  font-family: Helvetica Neue,"Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial !important;   
  border-radius: 5px !important;
  border: 1px solid red !important;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(135, 3, 3, .75);
  box-shadow:  0px 0px 5px 0px rgba(135, 3, 3, .75);
  background: #fff;
  padding: 15px;
  margin-top: 20px;
  text-align: center !important;
}

/*`` Content text containers & elements seen through each of the steps */
/*````` Selector Definition List ``````````````````````````````````````*/
/*``````` [s1]  div.index-container div#maincopy-wrapper ----------------------- Starting page, index.cgi
/*``````` [s2]  div.authorization span#login\.intro ---------------------------- Next step after hitting 'Start a New Order' button, aka Authorization page
/*``````` [s3]  div.divisions -------------------------------------------------- Choosing a divisions page
/*``````` [s4]  div.select-items ----------------------------------------------- Catalog page
/*``````` [s5]  div.select-items table.vertical-shell td.tab-section.tab-upper - Catalog page: Left vertical tab list
/*``````` [s6]  div.after ------------------------------------------------------ Catalog page: Shopping basket container
/*``````` [s7*] div.imprint ---------------------------------------------------- Imprint page: Headers / Global
/*``````` [s7a] div.imprint ---------------------------------------------------- Imprint page: Editing UI customizations
/*``````` [s7b] div.imprint ---------------------------------------------------- Imprint page: Left side Form Element tweaks (positioning & form element styles)
/*``````` [s7c] div.imprint ---------------------------------------------------- Imprint page, after selecting item from Catalog page
/*``````` [s8]  div.shipping --------------------------------------------------- Shipping section, after confirming proof
/*``````` [s9]  div.review ----------------------------------------------------- Review orders page
/*``````` [s10] div.done ------------------------------------------------------- Order Complete
/*``````` [s11] div.oops ------------------------------------------------------- Order Processing error page
/*`````````````````````````````````````````````````````````````````````*/
/*`` Content Parent Container(s), within .main */
/*[s1]*/div.index-container,
/*[s2]*/div.authorization,
/*[s3]*/div.divisions,
/*[s4]*/div.select-items,
/*[s7]*/div.imprint,
/*[s8]*/div.shipping,
/*[s9]*/div.review,
/*[s10]*/div.done,
/*[s11]*/div.oops {
  border-radius: 4px;              /* !! content container borders */
  background: #ffffff !important;  /* !!overriding LNF "main page foreground" because it sets both .container and .main inline, needs important to override */
}

/*`` Buttons within Content */
/*[s*]*/div.center,
/*[s*]*/div.center *,
/*[s*]*/div.buttonsbar,
/*[s2]*/.authorization table td.submit,
/*[s4]*/div.select-items div#lower_buttons,
/*[s8]*/#final-buttonsbar {
  text-align:right !important;
}
/*[s8]*/div.shipping div#qtysel-buttonsbar { padding-right: 55px; } /* Nudging buttons below Shipping page table at top of page */
/*[s8]*/#final-buttonsbar {  /* Review Order button has it's own centering inline style... cannot overwrite alignment, so pushed it over */
  padding-left: 735px;
}
/*[s9]*/div.review div.buttonsbar {  /* killing random spacing on buttons bar, to allow right alignment */
  width: auto !important;
  clear:both;
  padding: 20px 55px 10px 0;
}
/*[s9]*/div.review div.note {
  padding-right: 55px;
}


/*[s1]*/div.index-container div#maincopy-wrapper,
/*[s2]*/div.authorization span#login\.intro,
/*[s10]*/div.done div.accept-msg p,
/*[s10]*/div.done div.accept-msg2 p,
/*[s11]*/div.oops {
  font-family: Helvetica Neue,"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif !important;
  font-size: 14px;
  color: #666666;
  word-spacing: -1px;
  line-height: 22px;
  padding: 0 70px;
  font-weight:normal !important;
  display:block;
}

/*[s1]*/div.index-container div p   { margin-bottom: 15px; }
/*[s1]*/div.index-container div p b { color: #000000; }


/*[s3]*/div.divisions blockquote input { margin-right: 5px; } /* putting a little spacing to the left of radio buttons on the division chooser page */
/*[s3]*/div.divisions blockquote input,                       /* adding vertical spacing between division choices. */
/*[s3]*/div.divisions blockquote b {
  margin-bottom: 20px;
  font-family: Helvetica Neue,"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif !important;
  font-size: 14px;
  color: #666666;
  font-weight: 300;
}

/*[s5]*/table.vertical-shell td.tab-section { width:200px !important; min-width:200px !important; max-width:200px !important; }
/*[s5]*/table.vertical-shell td.main-section { padding-left: 35px; }
/*[s5]*/table.vertical-shell td.main-section table#table_1 tr td.pretty-item { text-align:left !important; display:block; width: 270px; margin-right: 30px; float:left; padding-right: 10px !important; margin-right: 30px; margin-bottom: 40px; height: 240px; }
/*[s5]*/table.vertical-shell td.main-section table#table_1 tr td.pretty-item .image-container,
        table.vertical-shell td.main-section table#table_1 tr td.pretty-item .image-container * { margin-bottom: 5px; }  /* spacing below catalog thumbnail images */
/*[s5]*/table.vertical-shell td.main-section table#table_1 tr td.pretty-item div.pretty-tagcheck { margin-top: 7px; } /* spacing between catalog item title & quantity dropdown */
/*[s5]*/table.vertical-shell td.main-section table#table_1 tr td.pretty-item div.pretty-tagcheck span.qtyspec_label { font-size: 12px; margin-left: 5px;  } /* Editing font size on "Card" after qty dropdown */
/*[s5]*/table.vertical-shell td.main-section table#table_1 tr td.pretty-item div.pretty-tagcheck div { display:inline; } /* repositioning ADD button to same line as Qty dropdown */
/*[s5]*/table.vertical-shell td.main-section table#table_1 tr td.pretty-item div.pretty-tagcheck div input {float: right; } /* aligning button right w/ float */
/*[s5]*/table.vertical-shell td.main-section table#table_1 tr td.pretty-item b.pretty-longname { margin-left: 5px; font-size: 12px; display:block; min-height: 30px; } /* aligning catalog item title with quantity dropdown */

/*[s5]*/table.vertical-shell td.main-section table#table_1 tr td.pretty-item span.menu-knob { margin-top:10px; }

/*[s5]*/div.select-items table.vertical-shell div.after, div.select-items .vertical div.on, div.select-items .vertical { background-color:transparent !important; } /* Removing left catalog background colors... tab categories and shopping cart */
/*[s5]*/div.select-items table.vertical-shell td.tab-section.tab-upper div#tab_vertical dfn { font-family: Helvetica Neue; font-size: 14px; } /* simple font changes to catalog list items */
/*[s5]*/#table_1 th #table_1 .last     { width: 200px !important; }
/*[s5]*/#table_1 th #table_1 .longname { vertical-align:top; margin-left: 4px; }
/*[s5]*/div.select-items table.vertical-shell { margin-left: 20px; border-collapse: separate; } /* Aligning left catalog navigation with top header, and changing border styles */
/*[s5]*/div.select-items table.vertical-shell td.tab-section.tab-upper div#tab_vertical div#tab_0 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #ddd solid; }
/*[s5]*/div.select-items table.vertical-shell td.tab-section.tab-upper div#tab_vertical div.off:hover { background-color: transparent; }

/*[s5/6]*/div.select-items table.vertical-shell td.tab-upper div#tab_vertical div#tab_1,
/*[s5/6]*/div.select-items table.vertical-shell td.tab-upper div#tab_vertical div#tab_1:hover,
/*[s5/6]*/.vertical div:hover div { background:none !important;} /* Removing extra background on nested catalog containers static and on hover */

/*[s5/6]*/div.select-items table.vertical-shell td.tab-upper div#tab_vertical,
div.select-items table.vertical-shell td.tab-upper div.after { /* Placing category tabs & shopping cart in seperate visual containers. */
  background:#F2F2F2; background: rgb(242,242,242);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmNWY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%, rgba(242,245,246,1) 100%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1)), color-stop(100%,rgba(242,245,246,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%,rgba(242,245,246,1) 100%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%,rgba(242,245,246,1) 100%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%,rgba(242,245,246,1) 100%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%,rgba(242,245,246,1) 100%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
  border: 1px solid #dcdcdc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding-top:10px;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

/*[s6]*/div.select-items table.vertical-shell td.tab-upper div.after { padding: 0;} /* Removing padding from shopping cart to allow the top header bar to fit smoothly */
/*[s6]*/div.select-items table.vertical-shell td.tab-upper div.after div#basket-list-title { /* Applying consistent header to cart, same as SBS headers and shipping / review table headers */
  text-align:left;
  color: #fff;
  font-weight:bold;
  text-shadow: -1px -1px 0 #666666; 
  font-family: Helvetica Neue,"Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial !important;
  font-size: 12px;
  padding: 15px 10px 10px 15px;
  border-radius: 5px 5px 0 0;
  background:#3F4C6B !important; background: rgb(63,76,107);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDZjODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(63,76,107,1) 0%, rgba(96,108,136,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,76,107,1)), color-stop(100%,rgba(96,108,136,1)));background: -webkit-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);background: -o-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);background: -ms-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);background: linear-gradient(to bottom,  rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=0 ) !important;
  border-bottom: 1px solid #000;
}
/*[s6]*/div.select-items table.vertical-shell td.tab-upper .after div.basket-list-item a img { width: 15px; height: 14px; margin-top: 6px; margin-left:5px;} /* shrinking ugly close button */
/*[s6]*/div.select-items table.vertical-shell td.tab-upper .after div.basket-list-item b a { font-weight:normal; margin-top: -4px;     border-bottom: 1px dotted #999999; text-decoration: none; } /* alternative link bottom border / underline */
/*[s6]*/div.select-items table.vertical-shell td.tab-upper .after div.basket-list-subtotal { text-align:right; margin-right: 10px; margin-top: 10px; font-weight: bold; font-style:italic;} /* emphasizing Subtotal & re-aligning */
/*[s6]*/div.select-items table.vertical-shell td.tab-upper .after div.basket-list-subtotal span { /* Repositioning the subtotal note, taxes etc. */
  color: #999999 !important;
  font-size: 12px !important;
  font-weight: normal; 
  margin: 5px 0px 10px 10px !important;
  padding-top: 7px !important;
  text-align: justify !important;
  display:block;
}

/*[s6]*/div.select-items table.vertical-shell td.tab-upper .after div.basket-list-item { padding: 5px; }
/*[s6]*/div.select-items table.vertical-shell td.tab-upper .after div#basket_button_container { text-align: right; margin-right: 10px; margin-bottom: 10px; } /* floating checkout button to the right */


/**[s7*]**************************************/
/*`Imprint SBS - Left side Headers / Globals */
/*[s7*]*/div.imprint td.left-side div.form-body { /* Matching each SBS container to the gradient used elsewhere in the custom theme */
  background: rgb(242,242,242);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmNWY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%, rgba(242,245,246,1) 100%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1)), color-stop(100%,rgba(242,245,246,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%,rgba(242,245,246,1) 100%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%,rgba(242,245,246,1) 100%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%,rgba(242,245,246,1) 100%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%,rgba(242,245,246,1) 100%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
  border: 1px solid #dcdcdc;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  font-family: Helvetica Neue,"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif !important;
  font-size: 14px;
  color: #666666;
  font-weight: 300 !important;
}

/*[s7*]*/div.imprint div.form-body div.field-container { border-bottom:0; }
/*[s7*]*/div.imprint div.form-body div.field-container.title h1 {  /* Customizing SideBySide left column form headers */
  color: #fff;
  font-weight:bold;
  text-shadow: -1px -1px 0 #666666; 
  font-family: Helvetica Neue,"Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial !important;
  font-size: 14px;
  padding: 15px 10px 10px 15px;
  border-radius: 5px 5px 0 0;
  background: rgb(63,76,107);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDZjODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(63,76,107,1) 0%, rgba(96,108,136,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,76,107,1)), color-stop(100%,rgba(96,108,136,1)));background: -webkit-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);background: -o-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);background: -ms-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);background: linear-gradient(to bottom, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=0 );
  border-bottom: 1px solid #000;
}

/*[s7*]*/div.imprint div.form-body div.field-container.title h2.form-subheader, /* Setting title sub-headers with inset box */
/*[s7*]*/div.imprint div.form-body div.WebsiteField div.form-sublabel {         /* Setting website field sub-headers with inset box */            
  display:block;
  font-size: 10px;
  font-weight:lighter !important;
  background: #E6ECEF;
  border-radius: 4px;
  margin: 5px 5px 5px 5px;
  text-align:left;
  padding: 10px;
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .5);
  box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .5);
}

/**[s7a]****************************************/
/*`Imprint SBS - Left side Editing mode tweaks */
/*[s7a]*/div.imprint td.left-side .form-ed > div:hover,                                                                                                                              /* Custom background colors & borders when editing SBS items */
/*[s7a]*/div.imprint td.left-side div.form-body.form-ed div.field-container div.field-divider { background: #37aaea !important; color: #000 !important; border-radius: 5px 5px 0 0;} /* Custom background colors & borders when editing SBS items */
/*[s7a]*/div.imprint td.left-side div.form-body.form-ed div.field-container div.field-divider { border-radius: 0 0 5px 5px !important; }                                             /* Custom background colors & borders when editing SBS items */

/*[s7a]*/div.imprint td.left-side div.form-body.form-ed div.field-container:hover div.field-indicator,           /* Custom "(+) insert row" bar, background colors & borders */
/*[s7a]*/div.imprint td.left-side div.form-body.form-ed div.field-container:hover div.field-divider-indicator {  /* Custom "(+) insert row" bar, background colors & borders */
  background: linear-gradient(#37aaea, #117ed2) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#37aaea), to(#117ed2)) !important; /* for webkit browsers */
  background: -moz-linear-gradient(top,  #37aaea, #117ed2) !important; /* for firefox 3.6+ */
  background: -ms-linear-gradient(#37aaea, #117ed2) !important;
  -pie-background: linear-gradient(#37aaea, #117ed2) !important;
  border: 0 !important;
  border-top: 1px solid #fff !important;
  border-radius: 0 0 5px 5px;
}

/*[s7a]*/div.imprint td.left-side .form-ed > div:hover span.editing-note { color: #555 !important; margin-left: 5px; } /* Bump Edit Note over on hover */
/*[s7a]*/div.imprint td.left-side div.form-body.form-ed div.edcontrols span.menu-knob-img a i:hover { color: #fff !important; } /* Edit controls turning white :hover */


/**[s7b]******************************/
/*`Imprint SBS - Form element tweaks */
/*[s7b]*/div.imprint div.form-body input { /* Slight modifications to form input elements to mirror apple site */
  border: 1px solid #CCCCCC;
  box-shadow: 0 1px 0 #E5E5E5 inset;
  padding: 3px 2px;
}

/*[s7b]*/div.field-container.invalid div.input input,  /* changes to Invalid & required alerts */
/*[s7b]*/div.field-container.invalid 
/*[s7b]*/div.input select, 
/*[s7b]*/div.field-container.invalid div.input textarea {
  -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 34, 34, .4);  /* setting smoother required field border coloring, inset */
  box-shadow: inset 0px 0px 1px 1px rgba(255, 34, 34, .4);          /* setting smoother required field border coloring, inset */
  border:1px solid #cccccc !important;                              /* setting smoother required field border coloring, inset */
}

/*[s7b]*/div.imprint td.right-side div.form-body {
  margin: 0 auto !important;
}

/*[s7b]*/div.imprint td.right-side div.form-body div.buttonsbar {
  text-align: center !important;
}


/**[s7c]****************************/
/*`Imprint SBS - Confirm Container */
/*[s7c]*/div#confirm_container div.buttonsbar { /* Confirm proof container, removing BG and changing positioning */
  background: none !important;
  margin: 10px 40px !important;
  text-align:right !important;
}

/*[s7c]*/div#confirm_container div.buttonsbar p {
     font-weight: 300 !important; /* LNF doesn't allow lighter as an option */
  margin: 10px 0 0 15px;
  font-size: 26px;
  font-family: Helvetica Neue,"Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial !important;
  color: #333333;
  text-align: left;
  margin: 10px 0 0 -25px !important;
  display:block;
}

/*[s7c]*/div#confirm_container div.buttonsbar button { /*Checkbox for confirm container buttonsbar */
  margin-top: 20px; 
}

/*[s7c]*/div#confirm_container div.buttonsbar span#imprint\.proofs_approval_blurb {
  font-family: Helvetica Neue,"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif !important;
  font-size: 14px;
  color: #666666;
  word-spacing: -1px;
  line-height: 22px;
  text-align:left;
  font-weight:normal;
}


/**[s8] [s9] [s10]************************************/
/*`Shipping Page & Review Page & Order Complete Page */

/*[s8]*/div.shipping table.form-body td.label { /* Shipping - Matching global label styles/formatting */
  max-width: 25%;
  min-width: 25%;
  width: 25%;
  font-family: Helvetica Neue,"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif !important;
  font-size: 14px;
  color: #666666;
  word-spacing: -1px;
  line-height: 22px;
  font-weight: 300 !important;
}

/*[s8]*/div.shipping div.message-block { /* /* Shipping - Moving header notes up to same line as header, conserving space & matching styles */
  float:right;
  font-weight:lighter;
  width: auto;
  font-style:italic;
  font-size: 12px;
  color: #666;
  margin-top: -25px;
  margin-right: 50px;
} 


/*[s8]*/div.shipping table.form-body tr th.center { /* Shipping - Error Alert, matching SBS */
  font-size: 10px;
  font-weight:lighter;
  margin: 5px 5px 5px 5px;
  text-align:right !important;
  padding: 10px;
}

/*[s8]**/div.shipping table#shipping-pricetable,  /* Shipping - Items Table - Sizing & Positioning */
/*[s9]**/div.review table#review-items-table,     /* Review   - Items Table - Sizing & Positioning */
/*[s10]*/div.done table#review-items-table {      /* Complete - Items Table - Sizing & Positioning */
  width: 845px;
  /*background: none;*/
  margin: 20px auto 10px;
  background-color: #fff !important;
  border-radius: 5px;
}

/*[s8]**/div.shipping table#shipping-pricetable th, /* Shipping Items Table - Dark blue gradient headers */
/*[s9]**/div.review table#review-items-table th,    /* Review Order Items Table - Dark blue gradient headers */
/*[s9]**/div.review table#bill-sect th,             /* Review Order Billing Table - Dark blue gradient headers */
/*[s9]**/div.review table#ship-sect th,             /* Review Order Shipping Table - Dark blue gradient headers */
/*[s10]*/div.done table#bill-sect th,               /* Order Complete Billing Table - Dark blue gradient headers */
/*[s10]*/div.done table#ship-sect th,               /* Order Complete Shippping Table - Dark blue gradient headers */
/*[s10]*/div.done table#review-items-table th {     /* Order Complete Items Table - Dark blue gradient headers */
  text-align: left !important;
  border-radius: 5px 0 0 0 !important;
  border-right: 5px solid #fff !important;
  color: #fff !important;
  font-weight: 300 !important;
  padding: 6px 0 6px 7px !important;
  font-size: 14px !important;
  text-shadow: 0 -1px 3px #202020 !important;
  font-family: Helvetica Neue,"Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial,"Lucida Sans","Trebuchet MS",Arial !important;
  background: rgb(63,76,107);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDZjODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(63,76,107,1) 0%, rgba(96,108,136,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,76,107,1)), color-stop(100%,rgba(96,108,136,1)));background: -webkit-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);background: -o-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);background: -ms-linear-gradient(top, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);background: linear-gradient(to bottom, rgba(63,76,107,1) 0%,rgba(96,108,136,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=0 );
}

/*[s8]*/div.shipping table#shipping-pricetable td span.qtyspec_label, /* Shipping Items Table - Adding spacing to right of items */
/*[s8]*/div.shipping table#shipping-pricetable td.left,               /* Shipping Items Table - Adding spacing to right of items */
/*[s8]*/div.shipping table#shipping-pricetable td.middle {            /* Shipping Items Table - Adding spacing to right of items */
  padding-left: 5px;
  font-size: 12px;
}

/*[s8]*/div.shipping table#shipping-pricetable td.left input[type=checkbox] { /* Shipping Items Table - Hacky positioning of 'Done' */
  margin-left: 20px !important;
}

                                           
/*[s8]*/div.shipping table#misc-comment-table th div,  /* Shipping - Moving 'Order Approval' header notes up to same line as header, conserving space & matching styles */
/*[s8]*/div.shipping table#shipaddr-info tr th font {  /* Shipping - Moving 'Ship To' header notes up to same line as header, conserving space & matching styles */
  float:right;
  font-weight:lighter;
  width: auto;
  font-style:italic;
  font-size: 12px;
  color: #666;
} 


/*[s8]*/ div.shipping table#rush-info { /* Shipping - widening Rush table */
  width: 100% !important;
}

/*[s8]*/ div.shipping table#rush-info td.input-left { /* Shipping - moving around the Rushing Shipping info box. */
  min-width: 35px;
  max-width: 35px;
  width: 35px;
}

/*[s8]*/ div.shipping table#rush-info td.label-right p.rush-order-text { /* Shipping - positioning the Rush order copy */
  display: block;
  margin-top:3px;
  font-size: 12px;
  font-color: #333;
}

/*[s8]*/ div.shipping table#rush-info td.label-right ul { /* Shipping - moving Shipping Details info up closer to rush order text */
  margin-left: -20px;
  margin-top: -5px;
}

/*[s8]*/div.shipping table#misc-comment-table th, /* Shipping - Matching 'Order Approval' section to match others */
/*[s8]*/div.shipping table#shipaddr-info th {     /* Shipping - Matching 'Ship To' section to match others */
  padding-left: 20px !important;
}

/*[s8]*/div.shipping table#misc-comment-table tr th,  /* Shipping - Matching 'Order Approval' header to other headers */
/*[s8]*/div.shipping table#shipaddr-info tr th {      /* Shipping - Matching 'Ship To' header to other headers */
  font-weight: 300 !important;
  margin: 10px 0 0 25px;
  font-size: 26px !important;
  font-family: Helvetica Neue,"Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial !important;
  color: #333333;
  text-align: left;
  margin: 10px 0 0 0px !important;

}

/*[s8]*/div.shipping table#shipaddr-info tr th font { font-size: 12px; margin-top: -15px; color: red; } /* Shipping - Polishing Ship To warning note */
/*[s8]*/div.shipping div.center { padding: 10px 5px 0 0 !important; font-style:italic; color: #666; } /* Shipping - Styling text below Review Order button */


/**[s9] [s10]************************************/
/*`Review Page & Order Complete Page */

/*[s9]*/div.review div.pageinstructions { font-size: 13px; margin-right: 20px; margin-top: -22px; padding: 0; text-align: right; }

/*[s9]*/div.review table#review-items-table tr td.numcol {  /* "Review Table" formatting, aligning left w/ padding */
  text-align:left;
  padding-left: 10px;
}

/*[s9]*/div.review table#review-items-table tr td.total {  /* Enlarging text on review page totals under the table */
  font-family: Helvetica Neue,"Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial !important;
  color: #333333;
  font-size: 18px;
  padding-top:15px;
  padding-bottom: 20px;
  border-top: 1px dotted #dcdcdc;
}



/*[s9]*/div.review table#bill-sect,  /* placing both Billing & Shipping tables on the same line to tighten layout. */
/*[s9]*/div.review table#ship-sect,
/*[s9]*/div.review .items-table,
/*[s10]*/div.done table#bill-sect,
/*[s10]*/div.done table#ship-sect,
/*[s10]*/div.done .items-table {
  float:left !important;
  background: none !important;
  margin-right: 20px !important;
  margin-left: 30px !important;
  background-color: #FFF !important;
  border-radius: 5px;
}

/*[s9]*/div.review table#bill-sect td.label , /* removing backgrounds from left column on billing/shipping confirmation table */
/*[s9]*/div.review table#ship-sect td.label { background: none !important; font-weight: bold; }

/*[s9]*/div.review > div.center { padding: 10px 55px 0 0 !important; font-style:italic; color: #666; } /* Review - Styling text below Send Order button */



/*[s10]*/div.done div.pagetitle span,  /* Matching headser on the "Order Received" and "Error" pages */
/*[s11]*/div.oops div.pagetitle span {
  font-family: Helvetica Neue,"Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial !important;
  color: #333333 !important;
  font-size: 26px !important; 
  text-align: left !important;
  font-weight:lighter !important;
  padding: 0;
}




/*[s10]*/div.done div.accept-acceptsection { text-align:center !important; } /* Centering Order Confirmation order details */
/*[s10]*/div.done div.accept-acceptsection p { text-align:left; } /* Left aligning text underneath order details */

/*[s10]*/div.done div.accept-showneworderbutton, /* Centering 'Begin New Order' button under Order Confirmation details */
/*[s10]*/div.done div.accept-showneworderbutton form,
/*[s10]*/div.done div.accept-showneworderbutton form button { text-align: center !important;}

/*[s10]*/div.done div.pagetitle { margin-top: 30px; display:block; clear:both; }

/*[s10]*/div.done table#bill-sect td.label, /* removing backgrounds from left column on billing/shipping confirmation table */
/*[s10]*/div.done table#ship-sect td.label { background: none !important; font-weight: bold; }

/*[s10]*/div.done div.accept-proofs table.form-body { width: 90%; margin-left:20px; } /* Minor positiong of Proof's showing on Orer Confirmation page */
/*[s10]*/div.done div.accept-proofs table.form-body th { border-bottom: 2px solid #dcdcdc; font-weight:bold; } /* Slight text style to titles of proof images in Order Confirmation page */
/*[s10]*/div.done div.accept-proofs table.form-body td.previewcell table td img { border: 1px solid #dcdcdc; } /* Order Confirmation page, proof images */


/*[s11]*/div.oops { width: auto; } /* error page tweak to allow proper width, was overflowing outside of proper width */
/*[s11]*/div.oops div.pagetitle { text-align:center; padding-top: 30px !important;}

















/*******************************/
/*******************************/
/*******************************/
/*******************************/
/** OOOOOOOOPPPPPPPS **/
/** Error page 'Continue Shopping' button is an INPUT not a BUTTON **/
/*******************************/
/*******************************/
/*******************************/
/*******************************/
div.oops div.buttonsbar {
  padding-bottom: 20px;
}

div.oops div.buttonsbar input#submit_start_order {
  /*text and colors*/
  font-size: 14px;
  color: #fff;
  font-family: Helvetica Neue,"Lucida Sans Unicode", "Lucida Grande", "Verdana", "Arial", "Helvetica", "sans-serif";
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-weight: normal !important;
  /*size*/
  padding: 5px 10px 5px 10px;
  /*border*/
  border: 1px solid #4C88BC;
  -moz-border-radius: -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;;
  -webkit-border-radius: -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;;
  border-radius: -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;;
  background: #37aaea; /* for non-css3 browsers */
  /* gradients */
  background: linear-gradient(#37aaea, #117ed2);
  background: -webkit-gradient(linear, left top, left bottom, from(#37aaea), to(#117ed2)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #37aaea, #117ed2); /* for firefox 3.6+ */
  background: -ms-linear-gradient(#37aaea, #117ed2);
  -pie-background: linear-gradient(#37aaea, #117ed2);
  position: relative;
  behavior: url(/hub/css/PIE.htc);
}

div.oops div.buttonsbar input#submit_start_order:link {
  color: #fff;
  text-decoration: none;
  width: 100px;
}
div.oops div.buttonsbar input#submit_start_order:hover {
  position: relative;
  text-decoration: none;
  color: #FFFFFF;
  background: #2F90D5; /* for non-css3 browsers */

  /*gradients */
  background: linear-gradient(#2F90D5, #0351b7);
  background: -webkit-gradient(linear, left top, left bottom, from(#2F90D5), to(#0351b7)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #2F90D5, #0351b7); /* for firefox 3.6+ */
  background: -ms-linear-gradient(#2F90D5, #0351b7);
  -pie-background: linear-gradient(#2F90D5, #0351b7);
  behavior: url(/hub/css/PIE.htc);
}

div.oops div.buttonsbar input#submit_start_order img {
  margin-bottom: 0px;
  padding-bottom: 0px;
}