/***************************************************************************************
****************************************************************************************
****************************************************************************************
******************************* ~~--Hack Day Project Start--~~ ***********************
****************************************************************************************
****************************************************************************************/


/****************************************************************************************
*************************************GLOBAL**********************************************
****************************************************************************************/

.main {
  -webkit-box-shadow: 0 6px 10px #777;
  -moz-box-shadow: 0 6px 10px #777;
  box-shadow: 0 6px 10px #777;
}

.header {
  margin-bottom: -30px;
}
 .main .buttonsbar button {
  margin-bottom: 20px;
 }

h2.pagetitle,
.pagetitle{
  font-size: 16px;
  color: #333;
  font-weight: bold;
  text-shadow: none;
}

.header-links {
  text-decoration: none;
}

.header-links a {
  text-decoration: none;
}


/****************************************************************************************
***********************************END GLOBAL********************************************
****************************************************************************************/


/****************************************************************************************
****************************************BUTTONS*****************************************
****************************************************************************************/

.button:hover
.button .span:hover,
.button .span{
 color: #000000;
}

/*something's wrong here:*/
button:hover span.button_arrow_right{
  color: #000000;
}

/****************************************************************************************
*************************************END BUTTONS*****************************************
****************************************************************************************/

/****************************************************************************************
**************************************** INDEX *****************************************
****************************************************************************************/

.index-container {
  margin: 20px 20px;
  padding-bottom: 20px;
  font-size: 14px;
}


/****************************************************************************************
*************************************END INDEX*****************************************
****************************************************************************************/


/*...........forgot divisions...........*/
.divisions button {
  margin-bottom: 20px;
}



/****************************************************************************************
***************************************CATALOG*******************************************
****************************************************************************************/

.select-items .vertical-shell {
  margin-left: 10px!important;
}

.select-items .image-container img {
  margin: 10px 0;
}

.select-items .longname *,
.select-items .longname *{
  font-size: 14px;
}

.select-items .pagetitle{
  margin-left: 10px!important;
}

.select-items .buttonsbar button {
  margin-bottom: 20px;
}

#submit_catalog_add{
  margin-top: 5px;
}

#copy4 {
  display: none;
}

.bundle_subitem_preview img {
  border: 1px solid gray;
}

.qtyspec_label {
  margin-left: 5px;
}
/****************************************************************************************
*************************************END CATALOG*****************************************
****************************************************************************************/

/****************************************************************************************
*****************************************QUOTES/SBS***********************************
****************************************************************************************/

table#sr_wi_bc_front_thumbcontainer,
table#sr_wi_bc_front_thumbcontainer td,
table#sr_wi_bc_front_thumbcontainer div,
table#sr_wi_bc_front_thumbcontainer span {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.buttonsbar,
.form-body {
  border-radius: 0px!important;
}

#estimate-item-container{
  padding: 20px 0;
}

.submit.center button{
  margin-bottom: 20px!important;
}

#all_options,
#all_options_container {
  border: none!important;
}

#all_options_container *{
  background-color: #FFFFFF!important;
}

.fileSpec {
  position: relative;
  left: 10px;
}

.form-subheader {
  text-align: left!important;
}

#approval_checkbox_group input *{
  width: 100px;
  height: auto;
}

.uploadIcon {
  margin-top: 5px!important;
}

div#confirm_container button{
  margin-top: 20px!important;
}

.checkbox-table {
  margin-left: 0!important;
}
/****************************************************************************************
***************************************END SBS*******************************************
****************************************************************************************/

/****************************************************************************************
 * ************************************MAIL MERGE*****************************************
 * ****************************************************************************************/

.mail-merge header {
  margin-left: 25px;
}

.mail-merge nav.submit {
  padding-bottom: 30px!important;
}

#listimp-s3-section-5 div {
  margin-left: 25px;
}

div.error {
  margin-bottom: 10px;
}

#ml-handle-link {
  margin-left: 25px;
}

.personal-list-actions {
  text-align: center!important;
}

form[name='clientlist'] div:last-child {
  padding: 20px 20px!important;
}

/****************************************************************************************
 * ***********************************END MAIL MERGE**************************************
 * ****************************************************************************************/


/****************************************************************************************
*************************************BASKET VIEW*****************************************
****************************************************************************************/

.basket-view td.previewcell{
  background-color: transparent!important;
}

.basket-view .buttonsbar button{
  margin-bottom: 20px;
}

.basket-view table:not(.items-table){
  width: auto;
  margin: 0 auto;
}

/****************************************************************************************
**********************************END BASKET VIEW****************************************
****************************************************************************************/


/****************************************************************************************
***********************************Delivery Methods************************************
****************************************************************************************/

tr.dpt--headerRow,
tr.dpt--headerRow span,
tr.dpt--headerRow *,
tr.item_row * {
  font-size: 14px!important;
}

#i-dropship {
  position: relative;
  font-size: 14px;
  color: #00000A;
  font-family: "Lucida Sans", "Trebuchet MS", "Arial";
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-weight: normal;
  padding: 4px 10px 4px 10px;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 0em;
  -webkit-border-radius: 0em;
  border-radius: 0em;
  background: #FFFFFF;
  background: linear-gradient(#FFFFFF, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
  background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
  background: -ms-linear-gradient(#FFFFFF, #CCCCCC);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#CCCCCC');
  -pie-background: linear-gradient(#FFFFFF, #CCCCCC);
  position: relative;
  behavior: url(/hub/css/PIE.htc);
}

.mail-merge .buttonsbar,
.mail-merge .buttonsbar a,
.mail-merge .buttonsbar a:link,
.mail-merge .buttonsbar * {
  text-decoration: none!important;
  text-align: center!important;
}

.mail-merge .buttonsbar {
  margin-bottom: 10px;
}

tr.dpt--finalizeRow td.dpt--status{
  border-bottom: 0px!important
}

/****************************************************************************************
**********************************END Delivery Methods********************************
****************************************************************************************/

/****************************************************************************************
***************************************SHIPPING******************************************
****************************************************************************************/

.mail-merge .pagetitle{
  margin-left: 15px!important;
}

#see_shipping_methods{
  position: relative;
  font-size: 14px;
  color: #00000A;
  font-family: "Lucida Sans", "Trebuchet MS", "Arial";
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-weight: normal;
  padding: 4px 10px 4px 10px;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 0em;
  -webkit-border-radius: 0em;
  border-radius: 0em;
  background: #FFFFFF;
  background: linear-gradient(#FFFFFF, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
  background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
  background: -ms-linear-gradient(#FFFFFF, #CCCCCC);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#CCCCCC');
  -pie-background: linear-gradient(#FFFFFF, #CCCCCC);
  position: relative;
  behavior: url(/hub/css/PIE.htc);
  max-width: 150px;
  text-shadow: none!important;
}

.mail-merge .field-note{
  display: none!important; /*can't do much better without source change*/
}

.mail-merge #throbber {
  margin-bottom: 20px!important;
}

.mail-merge .field-container *{
  color: #333333!important;
}

label[for="comments"] {
  position: relative;
  bottom: 12px;
}

.shipping .form-body {
  width: 80%;
}

form[action="shiptrack.cgi"] {
  padding-bottom: 25px!important;
}

/****************************************************************************************
*************************************END SHIPPING****************************************
****************************************************************************************/

/****************************************************************************************
*****************************************BILLING*****************************************
****************************************************************************************/

.billing .pagetitle{
  margin-left: 15px!important;
}

.billing .buttonsbar button{
  margin-bottom: 20px;
}

.billing *{
  font-size: 14px!important;
}

.billing .form-body {
  width: 740px;
  margin-top: 0;
  margin-bottom: 0;
}

/****************************************************************************************
*************************************END BILLING*****************************************
****************************************************************************************/


/****************************************************************************************
*****************************************REVIEW******************************************
****************************************************************************************/

.review .buttonsbar button{
  margin-bottom: 20px;
}

.review .pageinstructions {
  font-size: 14px;
}

.review *{
  font-size: 14px!important;
}

.review td.data {
  background-color: #eeeeee;
}

.review div {
margin: 0 10px;
}

.pagetitle {
  margin-left: 10px;
}

.main p {
  margin-left: 10px;
}

.message-block {
  line-height: 30px;
}

.accept-proofs table{
  width: 80%;
  margin-bottom: 20px;
}

/****************************************************************************************
*************************************END REVIEW****************************************
****************************************************************************************/

/****************************************************************************************
*****************************************ACCEPT******************************************
****************************************************************************************/
.done div *{
  font-size: 14px;
}

.done td.data{
  background-color: #eeeeee;
}

.done .accept-proofs .form-body{
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 30px;
  width: 80%;
}

.done div {
margin: 0 10px;
}

.catalog--container .pagetitle {
 margin-top: 10px!important;
}

.accept-proofs  b{
  margin-left: 20px;
  margin-top: 10px;
  line-height: 30px;
}


.previewcell a span {
    position: relative;
    font-size: 14px;
    color: #00000A;
    font-family: "Lucida Sans", "Trebuchet MS", "Arial";
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-weight: normal;
    padding: 4px 10px 4px 10px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 0em;
    -webkit-border-radius: 0em;
    border-radius: 0em;
    background: #FFFFFF;
    background: linear-gradient(#FFFFFF, #CCCCCC);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
    background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
    background: -ms-linear-gradient(#FFFFFF, #CCCCCC);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#CCCCCC');
    -pie-background: linear-gradient(#FFFFFF, #CCCCCC);
    position: relative;
    behavior: url(/hub/css/PIE.htc);
    margin: 5px 20px;
}

.previewcell a {
  text-decoration: none;
  margin: 0px auto;
  line-height: 50px;
  text-align: center;
}

.previewcell *{
  text-align: center!important;
}

/****************************************************************************************
*************************************END ACCEPT****************************************
****************************************************************************************/



/***************************************************************************************
****************************************************************************************
****************************************************************************************
***************************** ~~--Jakes common stuff below--~~ ***********************************
****************************************************************************************
****************************************************************************************/







/*Jake's stuff*/


/********************
********************
Header:
Edit this section to effect any of the header placed items including logo and header links.
Please note you will need to make sure your CSS is located outside of the book ends. These are used to place comments as well as remove unused css commands.
Note !important commands are often necessary to override default CSS.
********************
*******************/




/********************
#header-wrapper {
   background-color: #fff ;

}

.header {
    background-color: #fff;
    padding: 0px;
    margin: 0px auto;
    border: 0px none;
    width: 100%;
}

#header_logo {
   background-color: #fff;
   margin: 0px;
   padding: 20px;
}

#header-links-container {
background-color: #fff !important;
width: 100%;
color: #444;
margin-left: 0px auto !important;
margin-right: 0px auto !important;
}


.header-links {
    width: 100%;
    background-color: #fff;
    color: #444;
    border: 0px none;
    padding-right: 50px !important;
    width: 100px !important;
    text-align: right;
}

.header-links a {

  color: #444;
}
********************/



/********************
********************
Steps:
if you have the Progression bar active you can edit CSS properties here
********************
*******************/



/********************
.steps {
    background-color: #fff !important;
    border-collapse: collapse;
    border: 0px none;
    padding: 0px;
    margin: 0px auto !important;
    width: 950px !important;
    min-width: 950px !important;
    max-width: 950px !important;
    height: 50px !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 25px !important;
}


.steps td
{
  background-color: #fff;
  width: 100px;
  padding-bottom: 0px;
  font-size: 18px !important;
}
*******************/



/********************
********************
Body:
Body CSS properties here
********************
*******************/




/********************
body {
  background-color: ;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 0px 155px;
  color: #000000;
  border-top-width: 0px;
  border-right-width-value: 0px;
  border-bottom-width: 0px;
  border-left-width-value: 0px;
  border-top-style: none;
  border-right-style-value: none;
  border-bottom-style: none;
  border-left-style-value: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  min-width: 500px;
  max-width: none;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align: center;
  vertical-align: top;
  font-family: "Lucida Sans","Trebuchet MS",Arial,Helvetica,Arial,"Lucida Sans","Trebuchet MS",Arial;

}
*******************/



/********************
********************
Container:
Container CSS properties here
********************
*******************/

/********************
.container {
    width: 100%;
    height: 100%;
    min-height: 500px;
    min-width: 100%;
    max-width: 100%;
    background-color: #eee !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0px 146px;
    padding: 0px;
    margin: 0px auto;
    text-align: left;
    vertical-align: top;
}


.catalog--container {
    min-height: 400px !important;
    width: 950px !important;
    margin: 10px auto;
}


.index-container {
width: 950px;
min-height: 300px !important;
margin: 0px auto;
padding-top: 20px;
padding-bottom: 120px;
padding-left: 20px;
padding-right: 20px;
}

.catalog--container {
  min-height: 400px !important;
  width: 950px !important;
}

.decal {
margin-top: 0px;
margin-bottom: 0px;

}

.center, .center * {
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;

}
*******************/

/********************
********************
Main:
Main CSS properties here... i.e. drop shadow on main section.
********************
*******************/


/********************
********************
Shell and Vertical:
CSS properties here... i.e. catalog and imprint layouts.
********************
*******************/

/********************
.vertical-shell .tab-section {
padding: 0px;
padding-bottom: 3px;
padding-left: 0px;
margin: 0px;
width: 200px;
background-color: #fff !important;
border-right: solid 0px #ddd !important;
vertical-align: top;
}

.vertical div.on {
display: block;
background-color: #eee !important;
}

*******************/


/********************
********************
Footer:
Footer CSS properties here. There is also a Site Footer page under Site-Wide Appearance.
********************
*******************/

/********************
.footer {
width: 100%;
height: 150px !important;
background-color: #transparent !important;
color: #333;
margin: 0px;
padding: 0px;

}

.footer a {
color: #333 !important;


}
****************/