/* Responsive Styles */


/* Max Width "966px" - Min Width "768px" */
@media (min-width: 768px) and (max-width: 966px) {
  
    #head { 
        margin-left: 0px;
         width: 860px;
    }
    #header-logo {
        width: 510px;
        overflow-x:hidden;
    }
    #header-img1 {
        width: 289px !important;
    }
    div#mainnav-container {
        width: 639px;
    }
    #mainnav-dept img {
        width: 75px !important;
    }
    div#secondarynav {
        width: 639px;
    }
    div#secondarynav a.menu-item span {
        padding-left: 3px;
        padding-right: 14px;
    }
    #container {
         width: 860px;
    }
    #content_twocol {
        width: 860px;
    }
    #right { 
        width: 724px;
    }
    
    #left { 
        width: 124px;
        margin-left: 0px;
    }
    #left li {
        
    }
    #left h3.sidenav_header {
        background: #494949 url(/images/navig/sidenav/sidenav_h3bg_short.png) no-repeat top left;
    }
    .sideads img {
        max-width: 100%;
    }
    #linkSidePrice:before {
        display: block;
    }
    #footer {
        width: 861px;
    }
    div#footer div {
      width: 164px;
      margin: 17px 0 0 6px;
    }
    div.footer_copy {
        width: 655px;
    }
}
/* Max Width "767px": Becomes Fluid Layout with Menu */
@media (max-width: 767px) {
  
    /* Fluid layout */
    #container {
        width: 100%;
    }
    
    #head { 
        margin-left: 0px;
         width: 100%;
        height: 79px;
    }
    
    #head .header-wrapper {
        height: 66px;
        overflow: hidden;
        width: 100%;
    }
    
    #mobilelinks-side {
        float: none;
        width: auto;
        overflow: hidden;
        height: 66px;
        background: url(/images/navig/mainnav/nav_02.jpg) top left no-repeat;
        background-size: 100% 100%;
    }
    
   /* #mainnav-mobile-separator {
        width: 100%;
        height: 14px;
        background: #2e2e2e;  url(/images/navig/mainnav/bg-menu.png) top left repeat-x 
    }*/
    #header-logo {
        width: 221px;
    }
    #header-img1 {
        display: none !important;
    }
    div#mainnav-container, div#secondarynav, div.cartlinks {
        display: none;
    }
    #mainnav-dept {
        display: none;
    }
     div#searchnav {
         position: absolute;
         top:10px;
         text-align: left;
         right: 100px;
         width: 140px !important;
         background: none;
     }
    div#searchnav #q {
        width: 80px;
    }
    div#searchnav > div {
       display: none;
    }
    #linksearchq {
        float: right;
    }

      /**********************  Mobile Links ******************/
    .mobilelinks {
        display: block !important;
        position: absolute;
        top: 0;
        right: 0;
        width: 116px;
        height: 66px;
    }
    
    #mobilemenu {
        display: block;
        background: url(/images/navig/mainnav/menu-toggle.png) center center no-repeat;
        width: 80px;
        height: 68px;
    }
    #mobilemenu > span {
        color: #fff;
        line-height: 68px;
        vertical-align: middle;
        padding-left: 68px;
        font-size: 14px;
    }
    #mobilemenu:hover {
        text-decoration: none;
    }
    #mobilemenu-close {
        float: right;
        margin: 3px;
    }
    
    /********************** Mobile Menu ******************/
    #mainnav-mobile {
      display: block !important;
      position: fixed;
      background-color: #222;
      height: 100%;
      z-index: 50;
      width: 90%;
      color: #ddd;
      top: 0;
      left: -90%;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      opacity: 1;
        overflow-y: auto;
    }
    #mainnav-mobile.show { 
        display: block !important;
        left: 0; 
    }

    #mainnav-mobile ul {
      list-style: none;
      margin-top: 0;
      padding: 0
    }

    #mainnav-mobile ul li { border-bottom: 1px solid #2a2a2a; }

    #mainnav-mobile>ul>li>a { border-left: 4px solid #222; }

    #mainnav-mobile ul li a {
      color: inherit;
      font-size: 16px;
      display: block;
      padding: 8px 0 8px 7px;
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      font-weight: normal;
    }
    
    #mainnav-mobile ul span.mdi-chevron { 
        float: right; 
         margin-right: 6px;
          margin-top: -5px;
    }
    
    #mainnav-mobile a.mobilemenu-item, #mainnav-mobile a.mobilemenu-navlink {
        background: url(/images/navig/mainnav/chevron-right.png) no-repeat;
        background-position: right 10px top 2px;
    }
    #mainnav-mobile a.mobilemenu-item.active, #mainnav-mobile a.mobilemenu-navlink.active {
        background-image: url(/images/navig/mainnav/chevron-down.png);
    }

    #mainnav-mobile ul a:hover,
    #mainnav-mobile ul a.active {
      background-color: #111;
      border-left-color: #2768a0;
      color: #2768a0;
    }

    #mainnav-mobile ul a:hover i:first-child { color: #2768a0; }

    /* Submenu */

    #mainnav-mobile ul li a.active+ul { display: block }

    #mainnav-mobile ul li ul {
      margin-top: 0;
    }
    #mainnav-mobile div.mobilemenu-sub {
        display: none;
    }

    #mainnav-mobile ul li ul li { border-bottom: none; }

    #mainnav-mobile ul li ul li a { padding-left: 30px; }
    #mainnav-mobile ul li ul li ul li a { padding-left: 50px; }

    #mainnav-mobile ul li ul li a:hover { background-color: #1A1A1A; }

    /* /Submenu */
    
    #mobilemenu-close a > span {
          color: #ccc;
          font-size: 14px;
          font-weight: bold;
          line-height: 24px;
    }
    #mobilemenu-close a {
        display: block;
        text-decoration: none;
        width: 70px;
        height: 24px;
        background: url(/images/navig/mainnav/close-circle.png) no-repeat top right;
    }
    
    /********************** End Mobile Menu ******************/
    
    /* Re-style to become mobile menu 
    #mainnav-mobile {
        width: 97%;
        height: auto;
        border:1px solid #ccc;
        background: #fff;
        position: absolute;
        top:18px;
        left:8px;
        z-index: 15;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    } 
    
    
     #mainnav-mobile a {
         font-size: 14px;
         display: block;
         width: 100%;
         padding: 6px 4px;
     }
    
    #mainnav-mobile li, .mobilemenu-sub li {
        float: none;
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    a.mobilemenu-item {
        
    }
    div.mobilemenu-sub {
        margin-left: 14px;
        display: none;
        background-color: #eee;
    }
    div.mobilemenu-sub ul li {
        margin-left: 14px;
        background-color: #ccc;
    }
    div.mobilemenu-sub ul li.vmenu-line {
          margin:0;
          padding:0;
    }
    a.mobilemenu-navlink {
            
    }*/
    
    /**********************End Mobile Links *************************/
    
    
    #content_twocol {
        width: 100%;
    }
    #right {
        width: 100%;
    }
    #left {
        width: 96%;
        clear: right;
    }
    #left li {
        font-size: 14px;
        padding:8px 0;
    }
    #right img {
        max-width: 100%;
        height:auto;
    }

    h3.sidenav_header {
        background-image:none;
        width: auto;
    }
  
    .results-header, .refinelinks {
        width:100%;
    }
    
    #right .results {
        width: 100%;
        padding-bottom: 18px;
    }
    
    #left .sidenav {
        background: #f0f0f0;
    }
    ul.sidenav_brandshowcase li  {
        background: none;
          border-bottom: 1px dotted;
    }
    div.homepage, #shopbybrand, .round725_border, .breadcrumbs {
        width: 100%;
    }
    
    div.homepage img {
        max-width: 100%;
    }

    div.homepage .a1 {
        width:100%;
        height: auto;
        min-height: 90px;
    }
    
    div.homepage .a2 {
        clear:both;
        display: none;
    }

    /* jcarousel a1 */
    #display_ad_a1,  #display_ad_a1 .a1_ad { width: 100%; }
    #display_ad_a1 .a1_ad img { 
        max-width: 100%; 
        width: 100% !important;
        height: auto !important;
    }
    
    div.categorypage, div.roundcontent, div.roundcontent_grad {
        width: 100%;
    }
    div.categorypage .a1 {
        margin-left: 0;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
    }
    #right .categorypage .a1 {
        background-position: bottom right !important;
        background-size: 100%;
    }
    div.categorypage .a2 {
        display: none;
    }
    div.categorypage .a1 .a1_bg {
        background: none;
        width: 94%;
    }
    .roundcontent_item {
        width: 16%;
    }
    div.roundcontent_title {
        width:40%;
    }
    div.roundcontent_alpha,#right #header_top {
         width: 100%;
        background-size: 100%;
    }
    .round725_shaded {
        width: 100%;
    }
    .threecol img {
        max-width: 100%;
        height:auto;
    }
    #right .cattable {
        width: 100%;
    }
    #right .carttable td {
        white-space: normal !important;
    }
    /* Configurators */
     div.roundcontent_grad {
         overflow-x: auto;
     }
     /* Product Detail page*/
     .productinfo img, .productinfo iframe, .productinfo table {
         max-width: 100%;
     }

    #detail_overview {
        width: 100%;
    }
     #detail_imagearea {
          width: 46%;
          float: right;
      }
     #detail_buyarea
     {
         float:none;
         width:100%;
         padding:0 20px 0 5px;
     }
     #detail_buyarea .divShippingArea {
      margin: 11px auto 0 auto;
      width:285px;
    }

     #detail_buyarea .postalCode {
         padding-right:20px;
     }
    
     .tdImageProd
     {
         display:none;
     }
    .white-popup-block {
        width:95%
    }
    /* Clearance details */
    #right .detail_maininfo, #detail_imagearea {
        float: none;
        width: 100%;
        margin-left: 4px;
    }
    
    #right .clearance_layout, #right  .clearance_left,  #right .clearance_right {
        width: 100%;
        float: none;
    }
    #right .clearance_a1 {
         width: 100%;   
        float: none;
    }
    #right .clearance_a2 {
        margin: 0 auto;
        float: none;
    }
    .clearance_a1 img {
        max-width: 100%;
        height: auto;
    }
    .content04 div {
        width: 50%;
        text-align: center;
    }
    
    #content_twocol450 {
        width: 100%;
    }
    #content_twocol450_left, #content_twocol450_right {
        width: 100%;
        float: none;
    }
    .form_longform label {
        width: auto;
        margin-right: 4px;
    }
    .form_longform input {
        max-width: 100%;
    }
    
    #about_gallery, #careers_gallery { 
        /* Flash gallery */
        display: none;
    }
    #right .community_content {
        width: 100%;
    }
    #right .community_listing_floatbox {
        width: 100%;
    }
    #right .community_detail_right {
        float: none;
    }
    #right .community_refine_links {
        width: 100% !important;
        float: left !important;
        margin-left: 14px;
    }
    #tcontainer #tsidenav {
        float: none;
    }
    /* Footer */
    #footer, div#footer div.footer_copy {
        width: 100%;
        height: auto;
    }
    div#footer div {
      width: 163px;
    }

    
    /* Commercial */
        div.two-col-container{
        width:100%;
    }
    div.two-col-container div.left{
        float:none;
        width:100%;
    }
    div.two-col-container div.right{
        float:none;
        width:100%;
        margin-right:0px;
    }
    div.two-col-container div.right div.content02_264_right
    {
        margin-left:10px;
    }

    /* Enews */
    div.enewsSignUpHorizontal .wrapper .chkSections
    {
        float:none;
        width:100%;
    }
    div.enewsSignUpHorizontal .wrapper .chkSections div
    {
        display:inline;
    }
    div.enewsSignUpHorizontal .wrapper div.txtfield
    {
        float:none;
        width:100%;
        margin-right:2%;
        margin-top:8px;
    }
    div.enewsSignUpHorizontal .wrapper .pastPurchase
    {
        float: none; 
        text-align: center; 
        font-size: 15px;
        width:100%;
        padding-top:24px;
    }
    div.enewsSignUpHorizontal .wrapper .submit
    {
        float: none; 
        padding-top: 7.5px; 
        width: 214px;
        margin-left:auto;
        margin-right:auto;
    }
    div.share
    {
        float:none;
        padding-top:9px;
        padding-bottom:12px;
        width:100%;
        clear:both;
    }
    div.enewsSignUpHorizontal .wrapper .pastPurchase .rdoPastPurchase
    {
        display:block;
    }
    div.mobile_welcome
    {
        display:block;
    }
    #enews_head	{
	background: url(../../enews/images/head_enews.jpg) no-repeat left top;
    background-size: 100%;
    width:100%;
	}
     #enews_head h1
    {
        padding-top:20px;
        padding-left:360px;
    }
    #enews_head div.welcome
    {
        display:none;
    }
    #enews_head.sectionheader	{
	width: 100%;
	margin-bottom: 9px;
    height:auto;
    }

    /* Warrenty */
    #header_warranty	{
		width: 100%;
	}
    #header_warranty.sectionheader {
        height:auto;
    }

        /* Home Page */
        #frmEnewsSignUp
    {
        display:none;
    }
    #EnewsSignUpMobile
    {
        display:block;
        width:100%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
    /* gift cards */
       .gift_right_container
    {
        width: 100%; padding: 6px;
    }
        .gift_right_container .gc1
    {
        float: left; width: 150px;margin-left:10px;padding: 0;
    }
    .gift_right_container .gc2
    {
        float: left; width: 150px;padding: 0 0 0 5px;
    }
    .gift_right_container .gc3
    {
        float: left;  width: 150px;padding: 0 0 0 5px;
    }
    /* safe shopping */
    div#header_safeshopping	{
		background:none;
	}
	div#header_safeshopping h1, div#header_safeshopping p, div#header_safeshopping ul	{
		margin: 0 11px 9px 10px;
	}
    #safeshoppingContainer .sectionheader
    {
        width:100%
    }
    #safeshoppingContainer
    {
        padding:0 5px 0 10px;
    }
}

/* Max Width "480px" */
@media (max-width: 480px) {

    #head .header-wrapper {
        background-size: 100%;
    }
    .mobilelinks {
        width: 66px;
    }
    #mobilemenu > span {
        display: none;
    }
    div#searchnav {
        right: 48px;
        width: 110px;
    }
    div#searchnav #q {
        width: 70px;
    }
    /* jqModal Images */
    #prodimg_window {
          width: 303px;
          margin-left: -156px; 
    }
    #prodimg_large, #prodimg_large img {
        width: 310px;
        height: 310px;
    }
    .results .r-text {
          width: 320px;
    }
    .results .r-image {
        padding-bottom: 50px;
    }
    #right #featuredprods > div, #right #featuredprods div div.featuredprods_freeshipb, #right .featuredhomeitem div.featuredprods_freeshipb,
    #right #featuredprods > div .featuredprods_photo {
       width: 170px;
    }
    #right #featuredprods div div.featuredprods_btns {
        width: 156px;
    }
    #tabs.ui-tabs-nav ul li a > span {
        font-size: 12px !important;
    }
     div.categorypage .a1 {
        margin-left: 0;
    }
    .roundcontent_small {
        width: 100%;
    }
    #txtComments {
          width: 100%;
    }
    #right div.bicolumn {
        margin-right: 10px;
        margin-left: 10px;
    }
    .round725_border h2 {
        clear: right;
    }
    .events_upcoming_filter > li {
        clear:left;
    }
    .events_upcoming_title {
        float left;
    }
    #events_upcoming {
        height: auto;
    }
    .event_layout_left, .event_layout_right {
        width:90%;
    }
    #registerform .floatleft {
        width: 90%;
        float: none;
    }
    #registerform .justaline {
        display: none;
    }
    .categorypage .a1 {
        background-size: 100% !important;
    }
    .categorypage .a1 div.a1para p {
        font-size: 11px !important;
        line-height: 14px;
    }
    /* Photofinishing */
    div.photofinishing-map-left{
        float:none;
        width:100%;
    }
    
    div.photofinishing-map-right{
        float:none;
        width:100%;
    }
    div.photofinishing-locations{
        float: none; 
        width: 100%;
    }
    div.photofinishing-prints-container{
        width:100%;
    }
    div.photofinishing-prints-left,div.photofinishing-prints-mid,div.photofinishing-prints-right{
        float: none;
        width: 100%;      
        margin-left:0;  
        margin-right:0;  
    }
 #enews_head h1
    {
        padding-top:10px;
        line-height:20px;
        padding-left:150px;
        font-size:20px;
    }
    #right .careerlayout_02 {
        width: 100%;
    }
    #right .careerlayout_right, #right .careerlayout_left {
        width: 90%;
        float: none;
    }
    .formlayout dd input {
        width: 100%;
    }

    /* Warranty */
        .warranty .warranty-left
    {
        float:none;
        width:149px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
    .warranty .warranty-right
    {
        float:none;
        width:100%;
        padding-right:10px;
    }
    /* gift cards */
    .gift_right_container .gc1
    {
        float: none; width: 100%;padding: 0;text-align:center;
    }
    .gift_right_container .gc2
    {
        float: none; width: 100%;padding: 0 0 0 5px;text-align:center;
    }
    .gift_right_container .gc3
    {
        float: none;  width: 100%;padding: 0 0 0 5px;text-align:center;
    }
    .gift_right_container img
    {
        margin:0 auto 0 auto;
    }
    .gift_right_container .gc h3,.gift_right_container .gc div
    {
        padding:0px;
    }
}

/* Max Width "360px" */
@media (max-width: 360px) {

    .round725_grad .form_horizontal li {
          width: 90%;
          float: none;
    }
    .categorypage .a1 div.a1para {
          padding-top: 4px;
    }
    div#searchnav {
        right: 48px;
        width: 98px !important;
    }
     div#searchnav > #q {
        width: 46px;
    }
    #tabs.ui-tabs-nav ul li a > span {
        font-size: 11px !important;
    }
    #right .hometabs li a {
        padding: 7px 4px !important;
    }
    #right #featuredprods > div, #right #featuredprods div div.featuredprods_freeshipb, #right .featuredhomeitem div.featuredprods_freeshipb,
    #right #featuredprods > div .featuredprods_photo {
       width: 158px;
    }
    #right #featuredprods div div.featuredprods_btns, #right #featuredprods div div.featuredprods_pricing {
        width: 157px;
          padding: 0;
    }
    #right .featuredprods_pricing .price, #right .featuredprods_pricing .savings {
        font-size: 13px;
    }
    .results .r-text {
          width: 208px;
    }
    .results .r-image {
        padding-bottom: 70px;
    }
    #right #shopbybrand div.shopbybrand_itemcontainer {
        margin: 0;
        margin-left: -3px;
    }
    .mobilelinks {
        width: 66px;
    } 
    #mobilemenu > span {
        display: none;
    }
  .header .right-box .search-form {
    display: none;
  }
}

/* Touch Device */
.touch-device #footer .up:hover {
  background: #c6c6c6;
}