/*
* 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
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

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

@media only screen and (min-width: 1200px) {
    #slogan li {
        margin: 0 60px;
    }
    #select_top{width: auto;}


    #select_top .sbHolder{
        width: 240px;
    }

    #search, #search_shopomania{
        width: 220px;
    }




}

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




    .phone {display:none;}
    #select_top_nav {display: block;}


    #nav_first {
        position:relative;
        left:0px;
        top:0px;
        width:185px;
        float:left
    }

    #nav_first #nav_block_head{display: block}
    #nav_first .nav_block_dropdown{
        background-color: #F8F8F8;
        list-style: none;
        margin: 0;
        padding: 10px 0 0 0;
        width: 185px;
        display:none;
        position:absolute;
        top:36px;
        left:0px;
        z-index:99999;
        display: none
    }
    #nav_first .nav_block_dropdown li {
        padding: 0 10px;
        float:none;
    }
    #nav_first .nav_block_dropdown a {
        border-bottom:1px dotted #DFDFDF;
        display: block;
        outline: none;
        padding:4px 0 6px;
        line-height:18px;
        height:auto;
        color: #4F4F4F;
        text-decoration: none;
        text-transform:none;
        font-size:12px
    }
    #nav_first .nav_block_dropdown a:hover{	color: #000;text-decoration:none !important}
    #nav_first .nav_block_dropdown li.last a {	border-bottom: none;}

    #nav_first .visible_on{display: block}

    #slogan li {
        margin:0 15px 5px;
    }




}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #slogan li{margin: 0}

    #select_top{width: auto;}


    .newsletter_footer_input{
        width: 150px;
    }
    .newsletter_footer_input input{
        padding: 6px 0px 5px 12px;
        width:138px;
    }


    #social_icons a, #payment_services span{margin-right: 3px}




}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    .tabs {
        margin:5px 0 0 0;
        padding-bottom:70px;
    }



}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .img_link_wrapper{
        display: none;
    }
    .currency {
        margin: 0 10px 0 0;
    }
    .footer_customer_service{
        clear: both;
    }

    .padding-2 {
        padding-top:10px;
    }
    .shopping_cart > .shopping_cart_b > a {
        padding-right:10px;
    }
    #search, #search_shopomania{
        width: 200px;
    }
    #search input[type=text], #search_shopomania input[type=text] {
        width:140px;
    }


    .product-tabs li{display: block;}
    .product-tabs li {margin-right: 0}



    .es-nav span{
        right:41px;
    }
    .es-nav span.es-nav-next{
        right:5px;
    }

    .tabs {
        padding-bottom:41px;
    }


    .callbacks_nav{top:25px !important;height: 90px;background-position: 0px -10px }
    .callbacks_nav.next{background-position: right -10px}


    #select_top{display: block}
    #slogan ul{text-align: left}



    .nav-container{
        text-align:left;
        background: none;
        margin-top: 0
    }
    .nav-container #menu_block_head{display: block;margin-bottom: 20px}
    .nav-container  .nav_block_head_field{
        width:250px;
        padding-left:10px;
        background-color: #F8F8F8;
        float:left;
        height:36px;
        color: #4f4f4f;
        outline: none;
        text-decoration: none;
        line-height:36px;
        cursor:pointer
    }
    .nav-container .menu_block_head_button{
        background: url(../images/shopomania_images/select-icons1.png) 10px 15px no-repeat #F8F8F8;
        display: block;
        float:left;
        height: 36px;
        outline: none;
        width: 30px;
        cursor:pointer
    }


    .nav-container .menu_block_dropdown{
        background-color: #F8F8F8;
        list-style: none;
        margin: 0;
        padding: 15px 0 0 0;
        width: 290px;
        display:none;
        position:absolute;
        top:36px;
        left:0;
        z-index:99999;

        -moz-box-shadow:0px 10px 20px 2px #727272;
        -webkit-box-shadow:  0px 10px 20px 2px #727272;
        box-shadow:  0px 10px 20px 2px #727272;

    }
    .nav-container .menu_block_dropdown .az_categ_box{padding:0 10px 20px}
    .nav-container .menu_block_dropdown .cat-name{
        float:none;
        display:block;
        border:none
    }
    .nav-container .menu_block_dropdown .az_categ_box a {
        display: block;
        outline: none;
        line-height:18px;
        height:auto;
        color: #4f4f4f;
        text-decoration: none;
        text-transform:none;
        font-size:12px;
        float:none;
        padding:6px 0 6px 10px;
        border-bottom:1px dotted #DFDFDF;
        line-height: 18px;
        font-weight:bold
    }
    .nav-container .visible_on{display: block}
    .cat-name, .sub-cat-name, .subsub-cat-name{float: none;}
    #drop-box, .drop-box-subcat, .drop-box-subsubcat, .drop-box-3subcat, .drop-box-4subcat{
        position: static;
        display: block !important;
    }
    .nav-container .menu_block_dropdown .az_categ_box .sub-cat-name a,
    .nav-container .menu_block_dropdown .az_categ_box .subsub-cat-name a{font-weight: normal;}
    .nav-container .menu_block_dropdown .az_categ_box .sub-cat-name a:hover,
    .nav-container .menu_block_dropdown .az_categ_box .subsub-cat-name a:hover{text-decoration: underline}



    #slider_top{margin-bottom: -100px}

    .product_page p{clear: both !important;}

    .prod_info_price{text-align: left}
    .prod_info_name h1{margin-bottom: 0}
    #piGal{float: left;margin-right: 10px}


    .count_3cols_col_1{clear:none;}
    .count_2cols_col_1{clear: both;}
    .product_info_wrapper{
        clear: both;
        margin-right:0;
        padding-top: 20px
    }
    .product_page .product_info_wrapper_short{clear: both;margin-left: 0}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.currency {
	margin: 0 0 0 0;
	float: left;
	}
	.language {
	margin-right:10px;
	float: left;
	}
	.ilogo {
	margin-right:50px;
	}
	.facebook_like {
	float:left;
	padding:0;
	margin-left:10px;
	}
	
	#select_top, #slogan, .facebook_like, #columnLeft, .row-2 {
	display: none;
	}
	
    .cms-index-index #slider_top, #slider_top,
    .img_link_wrapper{
        display: none;!important
    }

    .nav-container{
        text-align:left;
        background: none;
        margin-top: 0
    }
    .nav-container #menu_block_head{display: block;margin-bottom: 20px}
    .nav-container  .nav_block_head_field{
        width:250px;
        padding-left:10px;
        background-color: #F8F8F8;
        float:left;
        height:36px;
        color: #4f4f4f;
        outline: none;
        text-decoration: none;
        line-height:36px;
        cursor:pointer
    }
    .nav-container .menu_block_head_button{
        background: url(../images/shopomania_images/select-icons1.png) 10px 15px no-repeat #F8F8F8;
        display: block;
        float:left;
        height: 36px;
        outline: none;
        width: 30px;
        cursor:pointer
    }


    .nav-container .menu_block_dropdown{
        background-color: #F8F8F8;
        list-style: none;
        margin: 0;
        padding: 15px 0 0 0;
        width: 290px;
        display:none;
        position:absolute;
        top:36px;
        left:0;
        z-index:99999;

        -moz-box-shadow:0px 10px 20px 2px #727272;
        -webkit-box-shadow:  0px 10px 20px 2px #727272;
        box-shadow:  0px 10px 20px 2px #727272;

    }
    .nav-container .menu_block_dropdown .az_categ_box{padding:0 10px 20px}
    .nav-container .menu_block_dropdown .cat-name{
        float:none;
        display:block;
        border:none
    }
    .nav-container .menu_block_dropdown .az_categ_box a {
        display: block;
        outline: none;
        line-height:18px;
        height:auto;
        color: #4f4f4f;
        text-decoration: none;
        text-transform:none;
        font-size:12px;
        float:none;
        padding:6px 0 6px 10px;
        border-bottom:1px dotted #DFDFDF;
        line-height: 18px;
        font-weight:bold
    }
    .nav-container .visible_on{display: block}
    .cat-name, .sub-cat-name, .subsub-cat-name{float: none;}
    #drop-box, .drop-box-subcat, .drop-box-subsubcat, .drop-box-3subcat, .drop-box-4subcat{
        position: static;
        display: block !important;
    }
    .nav-container .menu_block_dropdown .az_categ_box .sub-cat-name a,
    .nav-container .menu_block_dropdown .az_categ_box .subsub-cat-name a{font-weight: normal;}
    .nav-container .menu_block_dropdown .az_categ_box .sub-cat-name a:hover,
    .nav-container .menu_block_dropdown .az_categ_box .subsub-cat-name a:hover{text-decoration: underline}



    #select_top{float: left;margin-top: 10px}
    #slogan ul{text-align: left}


    .tabs li { margin-bottom: 3px;}
    .tabs li a {
        padding: 3px;
    }


    .product-tabs li {margin-right: 0}

    .padding-2 {
        padding:10px 0;
        margin:0;
    }
    .shopping_cart {
        float:left;
        margin-top:8px;
    }
    .shopping_cart > .shopping_cart_b > a {
        padding-right:20px;
    }
    #shopping_cart_mini {
        left: 0
    }


    .product-tabs li{display: block;}




    button.button{
        line-height: 14px;
        padding-top: 3px;
        padding-bottom: 3px
    }




    .es-nav span{
        right:36px;
    }
    .es-nav span.es-nav-next{
        right:0;
    }

    .tabs {
        padding-bottom:41px;
    }



    .prod_info_price{text-align: left}
    .prod_info_name h1{margin-bottom: 0}

    .product_info_wrapper{
        clear: both;
        margin-right:0;
        padding-top: 20px
    }

    .product_page .product_info_wrapper_short{clear: both;margin-left: 0}

}


/* #Font-Face
================================================== */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/bebasneue-webfont.woff') format('woff'),
    url('fonts/bebasneue-webfont.ttf') format('truetype'),
    url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}