/**
 * responsive_default.css
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * Added by rbarbour (ZCAdditions.com), Responsive DIY Template Default for 1.5.x (65)
 * Modified by Sergio (Powersafe.it) Powersafe Responsive v1.0
/* 
This is the default css file if a UA is not detected, for a better user experience, I have added a few common breakpoints. 
*/
[class*="col"]{float:left;/*margin-left:5px;*/}
#account-nav-login {max-width:280px;}
#pinfo-left{margin-bottom:30px;background:#f4f4f4;border:1px solid #dbdbce;padding:10px;}
#pinfo-right{background:#f4f4f4;border:1px solid #dbdbce;}
#checkout{padding-top:24px}
.productListing-odd{padding:20px;}
.productListing-even{padding:20px;overflow:hidden;}
.productListing-rowheading a{padding:15px;background:none;}
.list-image{/*min-height:200px*/;min-width:20%;/*float:left;*/margin-right:5%;}
.list-price{font-size:140%;margin:5px 0;}
.list-more{display:block;padding:8px 20px;float:right;text-align:center;text-decoration:none !important;width:50%;}
.list-more:hover{}
#productsListingListingBottomLinks, #allProductsListingTopLinks, #allProductsListingBottomLinks, #featuredProductsListingTopLinks, #featuredProductsListingBottomLinks, #newProductsDefaultListingTopLinks, #newProductsDefaultListingBottomLinks, #productsListingListingTopLinks{width:47%;margin-left:25%;text-align:center;}
#productsListingBottomNumber, #allProductsListingBottomNumber, #allProductsListingTopNumber, #productsListingTopNumber, #featuredProductsListingBottomNumber, #featuredProductsListingTopNumber, #newProductsDefaultListingTopNumber, #newProductsDefaultListingBottomNumber{}
#productsListingListingBottomLinks {margin-top:15px}
h4.optionName {padding: 0.2em;}
.upd { display:none; }
#indexProductListCatDescription, #categoryDescription, #productListHeading {margin-left: 5%; float: left;}
#cat-top {margin-left: 5%;}
#navEZPagesTop{text-align: center;}
.messageStackError {padding:0.5em;}
#headerWrapper {margin:0;padding:0em;}
#navBreadCrumb{padding:0.5em;font-size:0.95em;font-weight:normal;color:#a0a0a0;}
#custom-tab-text{color:#444;line-height:22px;font-size:110%;float:right;width:65%;}
#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {padding:0.8em;}
.onerow-fluid{margin:0 auto !important;width:100%;}
#contentMainWrapper{margin:0;padding:0em;}

@media (max-width:480px){
/*#navMainWrapper{display:none;}*/
#headerWrapper, .buttonRow, #navSuppWrapper, .banners, .content-slider, .col250{display:none;}
img, .col720 {width:100%}
#indexDefaultMainContent img {width:auto}
}

.ad{width:280px;}
#home-images{width:92%;margin:0 auto;}
.fa-user{display:none;}
.fec-container{padding:15px;}
.fec-fieldset{padding:0 23px 21px;margin:0 0 10px;}
.fec-fieldset .fec-fieldset-legend{margin:0 -24px 17px;padding:13px 23px 15px;}
.fec-fieldset .fec-edit-button{margin:-53px -10px 0}
.fec-box-check-radio label,.fec-discount .fec-field-inline label, .fec-fieldset input[type=text],.fec-fieldset input[type=number],.fec-fieldset input[type=email],.fec-fieldset input[type=password],.fec-fieldset select,.fec-fieldset textarea{font-size:12px;}
#navEZPagesTop a{height: 59px;line-height: 55px;width: 80%}
.header-cart{padding:0.1em; margin-top: 2px;}
#pinfo-left{float:left;width:44%}
#pinfo-right{float:right;width:44%;padding:0 26px 26px 26px;}
.itemTitle{padding-top:0.8em;padding-right:20px;}
#navBreadCrumb {margin:18px 0 0 0;}
/*bof image display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {margin:0 1em 1em 0;}
.checkout-leftcolumn.split-column, .checkout-rightcolumn.split-column {float: left;width: 49%;}
#productInfoLink {font-size: 180%;}
#productsListingListingBottomLinks a, #productsListingListingTopLinks a{padding:8px}
#cartProdTitle{ font-size: large;}
.search-header-box {border-radius: 13px;height: 30px;width: 190px;border-color:#CAD000;background:#CAD000;}
#menu{float:left;margin-top:65px;width:42%;}

/*bof footer menu*/
#flex-navSupp ul {/*padding: 0.5em 0em;*/}
#flex-navSupp .flexFooterCol li {display: block;text-align: left;}

/*bof header*/
#top-wrapper{width:100%;/*height:30px;*/background:#686868;text-align:left;padding:0.5em 0; font-size:120%}
#top-wrapper a{color:#fff;}
#top-wrapper:hover{background:#3B859E;}
#productsListingListingTopLinks{padding:8px; margin: 10px}
#navMainWrapper {background:transparent;max-width:280px; float:right;}
#navMain{/*width:75%;*/display: -moz-inline-grid;}
#navMain ul {float:right;}
#navMain ul li a {font-size:110%; text-transform:uppercase; }
#account-nav-login a{padding: 0 5px 0 25px}

@media (max-width:600px){
#cartAdd input[type="number"], .cartQuantity input[type="number"] {width:3.0em;}
.slide-out-div{display:none;}
#navMainSearch {margin: 0;width: 50%;}
.flexFooterCol h4, .flexFooterCol a { font-size: large;}
#flex-navSupp .flexFooterCol a { font-size:70%}
#carttopcontainer {top:20%; left:24%; width:40%;}
.centeredContent { font-size: x-small}
.listing-left, .listing-right {width: 100%; margin: 0 auto; margin-right: auto; float: none;}
}
@media (min-width:601px){
.flexFooterCol h4 { font-size: 160%}
.flexFooterCol a { font-size: 110%}
#carttopcontainer {top:40%;left:36%;width:20%;}
.listing-left{width:25%;margin-right:2%; float:left;}
.listing-right{width:71%;margin-left:2%; float:right;}
}
@media (max-width:800px){
#support_image {width: 70%;}
#navMain ul li { margin-top:10px}
#footer-bottom {font-size: 70%;}
#navEZPagesTop a {margin: auto;
				height: auto;
				line-height: normal;
				display: block;}
.navNextPrevWrapper {display:none;}
#navMainSearch {margin: -4.0em 10.0em;}
.additionalImages{font-size: xx-small;}
#cartMenuTotals { display:none}
}

@media (max-width:1280px) and (min-width:801px){
#support_image {width: 80%;}
#navMain ul li { margin-top:10px}
.navNextPrevWrapper {display:none;}
#footer-bottom {font-size: 80%;}
#cartAdd input[type="number"], .cartQuantity input[type="number"] {width:3.0em;}
#navMainSearch {margin: -5em 16.0em;}
#navMainCategories {margin: 4.0em 16.0em;}
.additionalImages {font-size: x-small;}
#cartMenuTotals { display:none}
}

@media (min-width:1281px){

/* The responsive code automatically adjusts the width to 100% on a desktop screen */
/* Changing the % (100%) to a px (980px) will keep .onerow-fluid from expanding past (980px) */
/* The below (margin:auto;) centers .onerow-fluid if changed to a (px) value */
h3 {font-size: 120%;}
.button_in_cart{font-size:120% !important;}  
.onerow-fluid{width:96%;}
#navMainCategories {margin: 4.0em 22.0em;}
#navMainSearch {margin: -4.3em 23.0em;}
#footer-bottom {font-size: 100%;}
#productsListingTopNumber {margin-bottom: 30px;}
#productListHeading {margin-bottom:30px;margin-top:25px;}
.current {padding:8px;}
.courier-icons {margin: -1.5em 1.0em 0.2em;}
h3.leftBoxHeading, h3.rightBoxHeading {font-size: large ;}
.fec-shipping-address a{bottom:2px;position:absolute;right:0;text-transform:uppercase}
/* The below code will also keep your header and footer from expanding past (980px) */
/* div#headerWrapper,div#navSuppWrapper{width:980px;margin:auto;} */
}
@media (max-width:1600px) and (min-width:1281px){
#cartMenuTotals {font-size: x-small}
}
/*bof my account*/
#myAccountGen li, #myAccountNotify li {margin:0;list-style-type:none;}
#myAccountGen li a, #myAccountNotify li a{text-decoration:none;}
.accountTotalDisplay, .accountTaxDisplay {width:20%;text-align:right;}
.accountQuantityDisplay {width:10%;vertical-align:top;}
#gvFaqDefaultContent, #checkoutPayAddressDefault .instructions, #checkoutShipAddressDefault .instructions, #addressBookDefault .instructions, #myAccountNotify, #myAccountGen{padding:20px 20px 20px 30px;margin-top:0;}
#sendSpendWrapper h2, #accountDefault #sendSpendWrapper h2, #gvFaqDefaultSubHeading, #checkoutPayAddressDefaultAddress, #checkoutShipAddressDefaultAddress, #accountLinksWrapper h2, h2#addressBookDefaultPrimary{padding:10px;font-weight:normal;margin-bottom:0;text-align:center;}
#gvFaqDefaultSubHeading{clear:both;}
#accountDefault #sendSpendWrapper h2{margin-top:-20px;clear:both;}
#accountDefault #sendSpendWrapper{margin-top:30px;}
#accountDefault #sendSpendWrapper .buttonRow.forward{margin:0 20px 20px 0;}
#addressBookDefault .instructions{padding-bottom:40px;}
#checkoutPayAddressDefault address, #checkoutShipAddressDefault address, #addressBookDefault address{/*padding: 10px;margin: 10px;background-color: whitesmoke;border: 3px solid #ccc;*/}
#accountLinksWrapper{width:100%;}
#prevOrders td{padding:10px;}
#accountHistoryDefault .content.back{margin-right:5%;}
#accountHistInfo table td{padding:20px 10px;}
#accountHistInfo hr{display:none;}
#orderTotals{padding:10px;}
#myAccountPaymentInfo, #myAccountShipInfo{margin-top:10px; width:49%;}
#myAccountPaymentInfo h3, #myAccountShipInfo h3{margin-top:0;padding:10px;font-weight:normal;text-align:center;}
#myAccountPaymentInfo h4, #myAccountShipInfo h4{margin-top:0;padding:10px;font-weight:normal;text-align:center;}
#myAccountPaymentInfo address, #myAccountShipInfo address, #myAccountPaymentInfo div, #myAccountShipInfo div{padding:0 0 20px 30px;}
#accountHistoryDefault .buttonRow{margin-top:20px;clear:both;}
#accountHistoryDefault .content {margin-left:20px;}
#accountHistoryDefault .content.forward {margin-right:20px;}
#accountHistoryDefault .notice{margin-right:20px;}
#accountDefault #sendSpendWrapper{width:100%;border:none;}
#createAcctSuccess div{margin-bottom:30px;}