/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Media Queries


/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #menu li a{ font-size: 14px; }
    #campaign{border:none;}
    .category{
        margin-bottom:20px;
        padding: 10px 12px;
    }
    #categories-v .content{
       margin:0px !important; 
    }
    #categories-v .category{
        margin:0px !important;
        padding:5px; 
    }
    .product-item .description { max-width: 270px; }
    #checkout-step{ background-image: url('/img/checkout_steps_sprite_748.png') !important; background-position-x:0px !important;}
    #promo-img-tool{ width: 100% !important; height: auto !important; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #container{padding-left: 10px; padding-right: 10px;}
    #menu li a{ font-size: 14px; }
    #campaign{border:none;}
    .category{
        margin:5px 10px !important;
        padding:8px; 
    }
    .product-item .description { min-width: 300px;}
    .product-item .bt-cart, .product-item .price{ right: 10px; }
    #checkout-step{ background-image: url('/img/checkout_steps_sprite_748.png') !important; background-position-x:0px !important;}
    #promo-img-tool, #po-img{ width: 100% !important; height: auto !important; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #logo, #promo, #offer, #campaign, #campaign-promo{margin: 0px 10px;}
    #logo-org, #campaign, #category-active {text-align: center; border:none; float: none; display: block;}
    #menu li{display: table-row;}
    
    .product-item .bt-cart, .product-item .price{ right: 10px; }
    .product-item .description { margin-bottom: 30px; padding-left: 10px;}
    #checkout-step{ background-image: url('/img/checkout_steps_sprite_420.png') !important; background-position-x:0px !important;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #logo, #promo, #offer, #campaign, #campaign-promo{margin: 0px 10px;}
    #logo-org, #campaign, #category-active{text-align: center; border:none; float: none; display: block;}
    #menu li{display: table-row;}
    
    .category{
        padding:12px !important; 
    }
    #categories-v .category{
        margin:5px 10px !important;
        padding:8px !important;
    }
    .product-item .bt-cart{ right: 10px; top:45px;}
    .product-item .description { min-width: 280px; margin: 0 10px;}
    #checkout-step{ 
        background-image: url('/img/checkout_steps_sprite_300.png') !important;
        background-position-x:0px !important;
    }
}