/**
 * responsive_tablet.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)
 */

/* Breakpoints are the point at which your sites content will respond to, to provide your visitors with the best possible layout to consume the information. */
/* 2.1 by default includes no breakpoints (ie. min-width or max-width) */
/* The orientation media query expression allows us to target specific styles based on the current screen or device orientation. We have 2 expressions; landscape and portrait which allows us to change a pages layout based on the browsers current orientation. */
/* A browser or device determines the orientation by listening to the width and height of the window. If the: */
/* height is larger than the width, the window is in portrait mode. */
/* width is larger than the height, the window is in landscape mode. */


/* 2.1 ALL TABLETS - ORIENTATION:LANDSCAPE */
@media only screen and (orientation:landscape)  {
div#headerWrapper {}


body{margin:0;padding:0;}
#top-inner-wrapper{margin-left:10px;}
#logo, #tagline{margin-left:10px;}
.ffCcol1{position:relative;left:20px;}
#navSuppWrapper{margin:0;}
#mobile-nav1{display:none;}
#home-images{margin:0 auto;width:99%;}
#header-cart{text-align:right;margin-right:10px;margin-bottom:20px;font-size:180%;}
}

/* 2.1 ALL TABLETS - ORIENTATION:PORTRAIT (DEFAULT LAYOUT) */
@media only screen and (orientation:portrait)  {
div#headerWrapper {}
.onerow-fluid>[class*="col"]{float:none;display:block;width:auto;margin:0;}
img.listingProductImage{max-width:200px;}
#headerWrapper,div#logoWrapper {height:auto;}
div#logo IMG {clear:both;}
.centerColumn{padding:0 0.5em 2.0em 0.5em;}
.cartProductDisplay {text-align:left;padding:5px;}
.cartQuantity INPUT {width:75%!important;}
td.productListing-data INPUT {width:20%!important;}
.leftBoxContainer, .rightBoxContainer {margin:0.5em;}
input[type="text"],input[type="password"],select {width:95%;}
div#advSearchDefault.centerColumn fieldset {clear:both;float:none;width:95%;}
.cartProductDisplay IMG,span#cartImage.back {display: none;visibility: hidden;}
.cartProductDisplay {text-align:left;padding:5px;}
.cartProductDisplay ul,span#cartProdTitle {text-align:left;padding:0px;margin:0;} 
div#checkoutBillto.back, div#checkoutShipto.forward,div#accountLinksWrapper {clear:both;float:none;width:95%;}
th#thcol1,th#thcol3,td#tdcol1,td#tdcol3,.minWidthHide {display:none;visibility:hidden;}
.minWidthShow {display:block;visibility:visible;}
body {margin:0;padding:0;}
a#foo2_next, a#foo1_next{right:0;}
#logo, #tagline{margin-left:10px;}
.banner span{font-size:140%;}
#menu{width:100%;position:absolute;top:0;float:none;margin-top:0;}
ul.slimmenu{position:relative;z-index:1000;background:#fff;}
#navMainWrapper{width:42%;}
#navMainSearch input[type=text]{width:140px;}
.slide-out-div{top:230px !important;}
.ad{max-width:220px;}
#home-text{margin:30px auto 0 auto;width:100%;}
#home-images{margin:0 auto;width:95%;}
#top-middle{width:99%;}
.flexFooterCol{width:100% !important;}
.ffCcol4 h4{text-align:center;}
#pi-left{float:none;width:97%;}
#pi-right{float:none;width:92%;}
.addthis_toolbox{width:50%;margin:0 auto;}
.top-specials{display:none;}
#top-inner-wrapper{margin-left:10px;}
#navSuppWrapper{margin:0;}
#mobile-nav1{display:none;}
#header-cart{text-align:right;margin-right:10px;margin-bottom:20px;font-size:180%;}
#indexHomeBody [class*="col"]{margin-left:0;}
}

/* ----------- iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

}

/* ----------- iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* ----------- iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}

/* ----------- iPad 3 (portrait) ----------- */
@media
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media
only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}