/*Global*/
.thumbnail {background: none;border:none;display: initial;padding: 0;margin-bottom: 0;}
.delayed-show {overflow: auto;}
a.button {background: #999;}
/*Printing Page*/
#content #product-tabs .product div.product_info {width: auto !important;}


/*Buttons*/
@media (max-width: 980px) {
a.button, input.button {padding-top: 10px;padding-bottom: 10px;font-size: 22px;margin-left: auto;margin-right: auto;margin-top: 10px;margin-bottom:10px;}
}

@media (max-width: 540px) {
  .audio_wrap {display: none;}
}
/*Category Page*/
section.left {width: auto;margin-left: 0;}
section.left aside {min-height: 0 !important;margin-right:30px;}
section.right {width: 70%;}
section.right article {height:auto;}

@media (max-width: 980px) {
  .audio_wrap {display: none;}
  #content section.left,
  #content section.right {width: 100%;margin-left: 0;margin-right:0;margin-top:0;}
  section.right article p {font-size: 14px;line-height: 1.5em;}
  #content section.left aside {min-height: 330px;margin: 15px 0;padding: 0;width:100%;}
  section.left aside section {margin: 0;}
  .additional-products {display: none;}
  #content .product_image.product_page {display: none;width: 100%;height: auto;margin-left: auto;margin-right:auto;}
  #content #product_cats input[type="text"] {font-size: 18px;height: auto;margin: 0;padding: 10px 5px;width: 100%;}
  #content aside.account section ul li a{padding: 5px;}
  #productInfo h3.main {white-space: normal;margin-left: 0;}
  #docLibItem #productInfo {font-size: 16px;}
  #content #productscontainer li h3 {margin-bottom: 15px;width: 100%;font-size: 22px;}
  #content #productscontainer li .fullsize {width: 100% !important;}
  #content #productscontainer li .productfloat.fullsize input[type=text],
  #content #productscontainer li .productfloat textarea {width: 100%;max-width: 100%;}
  #productscontainer .inline-right {width: 65% !important;}
  #dockable .dock-box {width: 100%;}
  #dockable {position: static !important;width:100%!important;margin-left: 0!important;}
  .cart-help:not(.text-based) {width: 24px;height: 24px;border-radius: 14px;font-size: 18px !important;padding-top: 5px;}
  .cart-help:not(.text-based) span.cart-help-content {right: 100% !important;}
  .cart-help.text-based span.cart-help-content {left: 0 !important;}

  .custom_quote_links {text-align: center;}
  a.button span {}

}

/*Orderforms*/
@media (max-width: 980px) {
	.productfloat select {max-width: 100%;width: 100%;box-sizing: border-box;}
	#productscontainer li .productfloat .productfloat, #productscontainer li .dimension_container .productfloat.rightside {width: 100%;}
	#productscontainer li .rightside {margin: 0;}
	#productscontainer li .productfloat {margin-top:20px;}
	section input[type="text"], section input[type="email"], section input[type="password"] {margin: 0 5px 0 0 !important;}
	.productfloat > label {white-space: nowrap;width: calc(100% - 100px);}
}


/*Document library Item*/
@media (max-width: 980px) {
  #customer-service-pic {display: none;}
  aside.account {float: none;width: 100%;margin: 0;}
  #product_cats.expendable {display: block;}
  .thumbnail.disabled {display: none;}
  #opc_content article,
  #jobDetails section {width: 100%;max-width: 100%;}
  #productInfo > img {display: none;}
  #product-tabs .product div.user.product_info {margin: 0;}
  .listing-table>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}
  .listing-table>tbody>tr>td,
  .listing-table>tbody>tr>th,
  .listing-table>tfoot>tr>td,
  .listing-table>tfoot>tr>th,
  .listing-table>thead>tr>td,
  .listing-table>thead>tr>th {border-top: 1px solid #ddd;}
}

/*Shopping Cart Popup*/
@media (max-width: 980px) {
  section.ecommerce a {}
  article.shopping_cart section > div {border-top: 1px solid #ccc;}
  article.shopping_cart.engine-1 section div div.details{flex-grow: 1;height: auto !important;padding-bottom: 5px;}
  article.shopping_cart section div div p.actions {
    position: static;
    padding: 0;
    width: auto;
    display: block;
    height: auto;
    margin-bottom: 0;
    float: right;}
  section.ecommerce .button {font-size: 14px; margin-bottom: 10px;}
}
/*Checkout*/
section.ecommerce.shopping-cart {margin: 0;}
#cart-footer > footer {background: transparent;border-top: none;}
@media (max-width: 980px) {
  section#cart-footer {width: 100%;}
  section.ecommerce.shopping-cart article > section,
  section.ecommerce.shopping-cart article > section > section {width: 100%;}
  section.ecommerce.shopping-cart article.shopping_cart section table#item-listing td,
  section.ecommerce.shopping-cart article.shopping_cart section table#item-listing th {padding: 5px;}
  section.ecommerce.shopping-cart article.shopping_cart section > div#payment_details {padding: 5px;width: 100%;}
  section.ecommerce.shopping-cart article.shopping_cart p.continueshopping a,
  section.ecommerce.shopping-cart article.shopping_cart p.split_order a {position: initial;margin-left: auto;margin-right:auto;}
  section.ecommerce.shopping-cart article.shopping_cart p.continueshopping,
  section.ecommerce.shopping-cart article.shopping_cart p.split_order {padding: 0;text-align: center;}
  article.shopping_cart .full-width {width: 100%;}
  article.shopping_cart section > div > div,
  article.shopping_cart section div h3,
  #shipping-method #shipping_class,
  #shipping-method #shipping_address,
  section.ecommerce.shopping-cart article.shopping_cart section div.payopts,
  section.ecommerce.shopping-cart > article.shopping_cart section#additional-info ul.cart_questions,
  section.ecommerce.shopping-cart > article.shopping_cart section#additional-info div.cart_instructions {  width: 100% !important;display: block;padding: 5px;}
  #shipping-option p,
  #shipping-option h4 {padding: 0 5px;}
  section.ecommerce.shopping-cart article section div.address_form p.address-form > span.addr_name > a.button {float: none;margin-top: 15px;}
  section.ecommerce.shopping-cart > article.shopping_cart section#additional-info ul.cart_questions > li > h3 span.warning {position: initial;  margin-left: 0;}

  section.ecommerce.shopping-cart article.shopping_cart #checkout_form > form#CC fieldset {margin-left: 0;padding: 0 5px;width: 100%;}
  section.ecommerce.shopping-cart article.shopping_cart section > div#payment_details > div#billing_address > h4 > label {margin-top: 0;}

  section#cart-footer {position: initial !important;border-radius: 15px 15px 15px 15px;}
  #cart-footer > header {display: none;}
  #cart-footer > footer {text-align: center;width: 100%;display: block;}
  #cart-footer > ul.subtotal,
  #cart-footer > ul.total {width: 100%;text-align: center;display: block;}
  #cart-footer > ul > li {width: 100% !important;font-size: 24px;}
  #cart-footer > ul > li > span {margin: 0 15px; float: none !important;}
  #cart-footer > ul output {display: initial;color:#fff;font-size: inherit;}
  /*#cart-footer > ul.total > li > span {font-size: 28px;margin-top: 15px;}*/
  #cart-footer > ul > li > a.applyPromoCode {float: none;padding-top: 10px;padding-bottom: 10px;}
  .boxy-wrapper .title-bar .close {opacity: 1;}
  #cart-footer > footer > a.order-button {margin-right: 0;}
}

/*Account Summary Page*/
@media (max-width: 980px) {
  #opc_content.my-account > header {height: auto;overflow: hidden;}
  #opc_content > nav > a,
  #jobDetails > nav > a {width: 21%;min-width: 85px;}
  #opc_content article,
  #jobDetails section {padding: 0 5px;}
}

/*Andy's Styles*/
#content { min-width: 0; }
#resources { overflow: visible; }
@media (max-width:639px) {
    .expendable { display: none; }
}
@media (max-width:479px) {
    .resource .resource-image { float: none; }
    #opc_content > nav > a, #jobDetails > nav > a { margin-right: 0; width: auto; min-width: 0; padding-right: 8px; padding-left: 8px; }
}
.job .command { width: 32px; }
#opc_content article, #jobDetails section { width: 100%; max-width: 715px; }

/*Buttons*/
@media (max-width: 980px) {
    a.button, input.button {padding-top: 10px;padding-bottom: 10px;font-size: inherit;margin-left: auto;margin-right: auto;margin-top: 10px;margin-bottom:10px;}
    article.shopping_cart .quantity, article.shopping_cart .price { height: auto; }
    article.shopping_cart section div div a.expand-more_specs { position: static; }
    article.shopping_cart section div div p.actions { float: none; }
}
div.skinny.megamenu { width: 315px; }
div.ultraskinny.megamenu { min-width: 130px; width: auto; overflow: hidden; }
#opc_content.my-account > #settings > ul > li > a img, #opc_content.my-account > #settings > ul > li > a img {
    max-width: none;
}
@media (max-width: 980px) {
    .footer-address { border-bottom: 1px solid white;}
}

/*Start Grow Build*/
#start-your-business-header,
#build-an-empire-header,
#grow-your-business-header {height: auto;}

.start-your-business-step p,
.build-an-empire-step p,
.grow-your-business-step p {width: auto;padding: 5px;}

.start-your-business-step div,
.grow-your-business-step div,
.build-an-empire-step div {width: 312px;}

.start-your-business-step img,
.grow-your-business-step img,
.build-an-empire-step img {margin: 0 15px 0 0;}

.start-your-business-step a.learnmore,
.build-an-empire-step a.learnmore,
.grow-your-business-step a.learnmore {right: 15px;}

@media (max-width: 980px) {
    #start-your-business-header {background: none !important;}
}

/*Portfolio*/
#portfolio,
#galleria,
.galleria-container {width: 100%;}

#sub-text .sub-text {width: auto;}

/*Sign In Page*/
@media (max-width: 768px) {
  section.ecommerce {margin: 0;margin-left: -10px;margin-right: -10px;}
  article.account_login > section > h3 {margin-left: -5px;margin-right: -5px;}
  article.account_login > section,
  article.account_login section {width: 100%;}
  article.account_login section {margin-left: 0;padding: 0 5px;}
}