/* mobile */
@media screen and (min-width: 320px) and (max-width: 767px) {
    @font-face{
        font-family: "FontAwesome";
        src: url('/template/crater/fonts/FontAwesome.otf'),
        url('/template/crater/fonts/FontAwesome.otf'); /* IE */
    }

    body{
        font-family: 'Roboto Condensed', sans-serif;
        margin:0;
        padding:0;
    }
    a, visited{
        text-decoration:none;

    }
    a:hover{
      color:#53A02D;  
    }
    .error{
        /*background-color: red;*/
        height:15px;
        padding:20px 20px 20px 20px;
        text-align:center;
        color:red;
    }
    .success{
        background-color: #53A02D;
        width:70%;
        height:30px;
        padding:20px 20px 20px 20px;
        text-align:center;
        color:white;
    }

    .pager_next, .pager_prev{
        padding-left:10px;
        padding-right:10px;
        font-size:20px;
    }
    .pager_counter{
        padding-left:10px;
        padding-right:10px;
        font-size:20px;
    }
    .pager{
        text-align:center;
        margin-top:50px;
    }

    .green_btn{
        font-size:24px;
        color:#6d6e71;
        border:2px #6ad05b solid;
        padding:5px 5px 5px 5px;
        text-transform: uppercase;
        cursor: pointer;
        text-align:center;
    }
    .green_btn:hover{
        color:#ccc;
    }
    .green_btn_sm{
        border:2px #6ad05b solid;
        font-size:14px;
        width:auto;
        color:#6d6e71;
        height:19px;
        padding:5px 20px 5px 20px;
        margin-top:5px;
        text-align:center;
        cursor:pointer;
        text-transform: uppercase;
    }
    .green_btn_sm:hover{
        color:#ccc;
    }
    .red_btn_sm{
        background-color:#B91133;
        color:#fff;
        font-size:14px;
        width:auto;
        height:19px;
        padding:5px 20px 5px 20px;
        margin-top:5px;
        text-align:center;
        cursor:pointer;
    }
    .red_btn_sm:hover{
        background-color:#9C0E2B;
    }
    
    /* styles */

    #page_wrap{
        width:100%;
        position: relative;
    }
    #page_head{
        background-image:url(/template/crater/images/header_mobile.png);
        height:257px;
        background-position: center;
        background-clip: content-box;
    }
    .logo{
        position: absolute;
        top: 78px;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
    .blink_logo{
        position: relative;
        top: 162px;
        left: 45px;
        display:none;
        z-index: 17;
    }
    #register_link{
        
    }
    #page_content{

    }
    .info_bg{
        background-image: url(/template/crater/images/info_bg.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        height:100px;
        font-size:17px !important;
        text-transform: uppercase;
        color:#6d6e71;
        margin-top:88px;
		padding-top:89px;
        text-align:center !important; 
        background-position: center;
        position:relative;
        top:-70px;
    }
    .review_bg{
        background-image: url(/template/crater/images/reviews_bg.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        height:100px;
        font-size:16px;
        color:#6d6e71;
        padding-top:78px;
        background-position: center;
        position:relative;
        top:-70px;
    }
    .review_bg_title{
        font-weight:bold;
    }
    .review_bg_sender{
        font-weight: normal;
    }
    #page_footer{
        background-image: url(/template/crater/images/footer.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        padding-top:20px;
        width:100%;
    }
    #page_footer .stamp{
        display:none;
    }
    #inner_content{
        margin-top: 0px;
        margin-left: 0px;
        width:87%;
        text-align: left;
    }
    #cart_item_link{
        position: relative;
        left: 38%;
        top: 4px;
        font-size: 12px;
        width: 100px;
    }
    #clogin_item_link{
        position: relative;
        top: 111px;
        text-align: center;
        font-size: 12px;
        width: 100%;
    }
    .dotted_separator{
        border-bottom:2px #ccc dotted;
        padding-top:10px;
        padding-bottom:10px;
    }
    #footer_menu{
        padding-bottom:10px;
    }
    #copyright{
        text-align:center;
        font-size:12px;
        color:#bcbdc0;
        position: relative;
        top:14px;
        left:0;
    }
    #social_top{
        position: relative;
        left:0% !important;
        top:0px !important;
        display:none !important;
    }
    #social_bottom{
        margin-top:40px !important;
    }
    .social #social_title{
        color:#bcbdc0;
        font-size:22px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .bottom_menu{
        display: inline-block;
        list-style: none;
        margin: 0px;
        padding: 0px;
        padding-right: 10px;
        padding-top: 10px;
        font-weight: normal;
        vertical-align: top;
        text-align:center;
    }
    .bottom_menu li{
        text-align:left;
    }
    #content{
        margin-top: 0px !important;
        text-align: left;
        width: 87%;
    }
    #inner_content_title{
        text-align: left;
        border-bottom: 2px #ccc dotted;
        width: 87%;
        padding: 0;
        margin: 0px;
        font-size: 29px;
        color: #6d6e71;
        text-transform: uppercase;
        font-weight: normal;
    }
    #inner_content p a img{
        width:100% !important;
    }
    #authVal{
        width:85%;
        margin-left:21px;
    }
    #authForm p{
       margin-left: 30px;
    }
    #subAuth{
        margin-left: 30px;
    }
    #membership_cont{
        position: relative;
        left: 38%;
        top: -9px;
        font-size: 12px;
        width: 50px;
    }
    #membership_cont .icon{
        position: relative;
        top: 20px;
        width: 19px;
        left: -14px
    }
    #membership_cont .status{
        font-size:12px;
        position:relative;
        display:none;
    }
    #membership_cont .expiration{
        margin-left:30px;
        font-size:12px;
        position:relative;
        display:none;
    }
    #membership_cont .short_status{
        display: block;
        color: #006600;
        font-size: 14px;
        position: relative;
        top: 0px;
        left: 17px;
    }
	#trusp_ddl{
		display:none;
	}
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 991px){
     @font-face{
        font-family: "FontAwesome";
        src: url('/template/crater/fonts/FontAwesome.otf'),
        url('/template/crater/fonts/FontAwesome.otf'); /* IE */
    }

    body{
        font-family: 'Roboto Condensed', sans-serif;
        margin:0;
        padding:0;
    }
    a, visited{
        text-decoration:none;

    }
    a:hover{
      color:#53A02D;  
    }
    .error{
        /*background-color: red;*/
        height:15px;
        padding:20px 20px 20px 20px;
        text-align:center;
        color:red;
    }
    .success{
        background-color: #53A02D;
        width:70%;
        height:30px;
        padding:20px 20px 20px 20px;
        text-align:center;
        color:white;
    }

    .pager_next, .pager_prev{
        padding-left:10px;
        padding-right:10px;
        font-size:20px;
    }
    .pager_counter{
        padding-left:10px;
        padding-right:10px;
        font-size:20px;
    }
    .pager{
        text-align:center;
        margin-top:50px;
    }

    .green_btn{
        font-size:24px;
        color:#6d6e71;
        border:2px #6ad05b solid;
        padding:5px 5px 5px 5px;
        text-transform: uppercase;
        cursor: pointer;
        text-align:center;
    }
    .green_btn:hover{
        color:#ccc;
    }
    .green_btn_sm{
        border:2px #6ad05b solid;
        font-size:14px;
        width:auto;
        color:#6d6e71;
        height:19px;
        padding:5px 20px 5px 20px;
        margin-top:5px;
        text-align:center;
        cursor:pointer;
        text-transform: uppercase;
    }
    .green_btn_sm:hover{
        color:#ccc;
    }
    .red_btn_sm{
        background-color:#B91133;
        color:#fff;
        font-size:14px;
        width:auto;
        height:19px;
        padding:5px 20px 5px 20px;
        margin-top:5px;
        text-align:center;
        cursor:pointer;
    }
    .red_btn_sm:hover{
        background-color:#9C0E2B;
    }
    
    /* styles */

    #page_wrap{
        width:100%;
        position: relative;
    }
    #page_head{
        background-image:url(/template/crater/images/header_mobile.png);
        height:257px;
        background-position: center;
        background-clip: content-box;
    }
    .logo{
        position: absolute;
        top: 78px;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
    .blink_logo{
        position: relative;
        top: 162px;
        left: 45px;
        display:none;
        z-index: 17;
    }
    #register_link{
        
    }
    #page_content{

    }
    .info_bg{
        background-image: url(/template/crater/images/info_bg.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        height:100px;
        font-size:17px !important;
        text-transform: uppercase;
        color:#6d6e71;
        margin-top:85px;
        text-align:center !important; 
        background-position: center;
        position:relative;
        top:-70px;
    }
    .review_bg{
        background-image: url(/template/crater/images/reviews_bg.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        height:100px;
        font-size:16px;
        color:#6d6e71;
        padding-top:78px;
        background-position: center;
        position:relative;
        top:-70px;
    }
    .review_bg_title{
        font-weight:bold;
    }
    .review_bg_sender{
        font-weight: normal;
    }
    #page_footer{
        background-image: url(/template/crater/images/footer.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        padding-top:20px;
        width:100%;
    }
    #page_footer .stamp{
        display:none;
    }
    #inner_content{
        margin-top: 0px;
        margin-left: 0px;
        width:87%;
        text-align: left;
    }
    #cart_item_link{
        position: relative;
        left: 38%;
        top: 4px;
        font-size: 12px;
        width: 100px;
    }
    #clogin_item_link{
        position: relative;
        top: 148px;
        text-align: center;
        font-size: 12px;
        width: 100%;
    }
    .dotted_separator{
        border-bottom:2px #ccc dotted;
        padding-top:10px;
        padding-bottom:10px;
    }
    #footer_menu{
        padding-bottom:10px;
    }
    #copyright{
        text-align:center;
        font-size:12px;
        color:#bcbdc0;
        position: relative;
        top:14px;
        left:0%;
    }
    #social_top{
        float:left;
        position: relative;
        left:30% !important;
        top:121px !important;
        display:none !important;
    }
    #social_bottom{
        margin-top:40px !important;
    }
    .social #social_title{
        color:#bcbdc0;
        font-size:22px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .bottom_menu{
        display: inline-block;
        list-style: none;
        margin: 0px;
        padding: 0px;
        padding-right: 10px;
        padding-top: 10px;
        font-weight: normal;
        vertical-align: top;
        text-align:center;
    }
    .bottom_menu li{
        text-align:left;
    }
    #content{
        margin-top: 0px !important;
        text-align: left;
        width: 87%;
    }
    #inner_content_title{
        text-align: left;
        border-bottom: 2px #ccc dotted;
        width: 87%;
        padding: 0;
        margin: 0px;
        font-size: 29px;
        color: #6d6e71;
        text-transform: uppercase;
        font-weight: normal;
    }
    #inner_content p a img{
        width:100% !important;
    }
    #authVal{
        width:85%;
        margin-left:21px;
    }
    #authForm p{
       margin-left: 30px;
    }
    #subAuth {
        margin-left: 30px;
    }
    #membership_cont{
        position: absolute;
        top: 83px;
        left: 77%;
    }
    #membership_cont .icon{
        position: relative;
        top: 21px;
        width: 44px;
        left: -15px;
    }
    #membership_cont .status{
        font-size:12px;
        position:relative;
    }
    #membership_cont .expiration{
        margin-left:30px;
        font-size:12px;
        position:relative;
    }
    #membership_cont .short_status{
        display:none;
        color:#006600;
        font-size:14px;
    }
	#trusp_ddl{
		position: absolute;
		top: 17px;
		left: 15px;
	}
}

/* desktop */
@media screen and (min-width: 992px) {
    @font-face{
        font-family: "FontAwesome";
        src: url('/template/crater/fonts/FontAwesome.otf'),
        url('/template/crater/fonts/FontAwesome.otf'); /* IE */
    }

    body{
        font-family: 'Roboto Condensed', sans-serif;
        margin:0;
        padding:0;
    }
    a, visited{
        text-decoration:none;

    }
    a:hover{
      color:#53A02D;  
    }
    .error{
        /*background-color: red;*/
        height:15px;
        padding:20px 20px 20px 20px;
        text-align:center;
        color:red;
    }
    .success{
        background-color: #53A02D;
        width:70%;
        height:30px;
        padding:20px 20px 20px 20px;
        text-align:center;
        color:white;
    }

    .pager_next, .pager_prev{
        padding-left:10px;
        padding-right:10px;
        font-size:20px;
    }
    .pager_counter{
        padding-left:10px;
        padding-right:10px;
        font-size:20px;
    }
    .pager{
        text-align:center;
        margin-top:50px;
    }

    .green_btn{
        font-size:24px;
        color:#6d6e71;
        border:2px #6ad05b solid;
        padding:5px 5px 5px 5px;
        text-transform: uppercase;
        cursor: pointer;
        text-align:center;
    }
    .green_btn:hover{
        color:#ccc;
    }
    .green_btn_sm{
        border:2px #6ad05b solid;
        font-size:14px;
        width:auto;
        color:#6d6e71;
        height:19px;
        padding:5px 20px 5px 20px;
        margin-top:5px;
        text-align:center;
        cursor:pointer;
        text-transform: uppercase;
    }
    .green_btn_sm:hover{
        color:#ccc;
    }
    .red_btn_sm{
        background-color:#B91133;
        color:#fff;
        font-size:14px;
        width:auto;
        height:19px;
        padding:5px 20px 5px 20px;
        margin-top:5px;
        text-align:center;
        cursor:pointer;
    }
    .red_btn_sm:hover{
        background-color:#9C0E2B;
    }
    
    /* styles */

    #page_wrap{
        width:1200px;
        position: relative;
    }
    #page_head{
        background-image:url(/template/crater/images/header.png);
        height:257px;
    }
    .logo{
        position: relative;
        top:20px;
        left:128px;
    }
    .blink_logo{
        position: relative;
        top:88px;
        left:-10px;
        z-index: 17;
    }
    #page_content{

    }
    .info_bg{
        background-image: url(/template/crater/images/info_bg.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        width:1123px;
        height:100px;
        font-size:20px !important;
        text-transform: uppercase;
        color:#6d6e71;
        padding-top:78px;
        text-align:center !important; 
    }
    .review_bg{
        background-image: url(/template/crater/images/reviews_bg.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        width:1123px;
        height:100px;
        font-size:20px;
        color:#6d6e71;
        padding-top:70px;
    }
    .review_bg_title{
        font-weight:bold;
    }
    .review_bg_sender{
        font-weight: normal;
    }
    #page_footer{
        background-image: url(/template/crater/images/footer.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        padding-top:20px;
        width:1120px;
    }
    #inner_content{
        margin-top: 0px;
        margin-left: 0px;
        width:1120px;
        text-align: left;
    }
    #cart_item_link{
        position: relative;
        left: -648px;
        top: 30px;
    }
    #clogin_item_link{
        position: relative;
        top: 12px;
        text-align: right;
        left: 310px;
        width: 500px;
    }
    .dotted_separator{
        border-bottom:2px #ccc dotted;
        padding-top:10px;
        padding-bottom:10px;
    }
    #footer_menu{
        float:left;
        padding-bottom:10px;
    }
    #copyright{
        float:left;
        text-align:center;
        font-size:12px;
        color:#bcbdc0;
        position: relative;
        top:14px;
        left:58px;
    }
    .social{
        float:left;
        position: relative;
        left:40px;
        top:10px;
    }
    .social #social_title{
        color:#bcbdc0;
        font-size:22px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .bottom_menu{
        float:left;
        list-style: none;
        margin:0px;
        padding:0px;
        padding-right:20px;
        padding-top:10px;
        font-weight:normal;
    }
    .bottom_menu li{
        text-align:left;
    }
    #content{
        margin-top:0px !important;
        padding-left:46px;
        padding-right:40px;
        text-align:left;
    }
    #inner_content_title{
        text-align: left;
        border-bottom: 2px #ccc dotted;
        width: 1108px;
        padding: 0;
        margin: 0px;
        font-size: 29px;
        color: #6d6e71;
        text-transform: uppercase;
        font-weight: normal;
    }
    #membership_cont{
        position:absolute;
        top:-22px;
        left:79%;
    }
    #membership_cont .icon{
        position: relative;
        top: 21px;
        width: 44px;
        left: -15px;
    }
    #membership_cont .expiration{
        margin-left:22px;
    }
    #membership_cont .short_status{
        display:none;
        color:#006600;
        font-size:14px;
    }
	#trusp_ddl{
		position: absolute;
		top: 17px;
		left: 15px;
	}
}