/* PHONE CSS *********************************************/

@media only screen and (max-width: 490px) {
    html, h1, h2, h3, h4, h5 { font-size:80%; }
    #refer-a-friend .content h2 { font-size:18px; }
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner, #footer { width:460px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:460px !important;height:155px !important;}
    #banner img { width:460px !important;height:auto !important; }
    .djslider img { width:460px !important;height:auto !important;} 
    .djslider ul li { width:460px !important;height:auto !important;} 
    #header .left, #header .right { width:45%; }
    #form-login-username input, #form-login-password input { width:133%;font-size:80%; }
    p#form-login-password { margin-left:27px;}
    #login-form .button.submit { clear:both;margin:0 24px 0 0; }
    #login-form fieldset { width:150px; }
    #footer .foot-left, #footer .foot-right, #footer .foot-left  { width:35%; }
    .navigation-container-custom { top:87px !important;}
    #main .left { width: 39%;}    
    .moduletable_mini-cart { width: 50%;}
    #main .content.right .right {display:none;}
    #main .content.right .left { width:100%; }
    #main .content.right .left table td { max-width: 120px; }
    #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-position:-200px 0; }
    #footer .foot-middle {width: 30%}
    #main-menu { width:65%;overflow:visible; height:40px; line-height:110%;padding-top:10px;}  
    #menu-bar { height:53px;font-size:79%}
    #header ul.menu li a {font-size:87%;padding:0 5px;}
    #search { width:33%; }
    #search h3 {display:none;}
    #bottom h3, #bottom h4, #footer .foot-left p {font-size:83%;}
    #footer .foot-right p { font-size:58%;}
    #main, #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-image:none;}
    #main .top, #main .bottom { display:none }
    p#form-login-username, p#form-login-password { width:25%;font-size:80% }
    div#search input { margin:5px 0; width:62% }
    #bottom .bottom1 p { width:100%; }
    #user .user1, #user .user2, #bottom .bottom1, #bottom .bottom2 { width:31%;padding: 5px 5px 0; }
    #user .user3, #bottom .bottom3 { width:29%;}
    #user p, #user a#livechatLink, a#livechatLink {line-height:125%; }
    #user a#livechatLink img { margin-right:11px}
    #user .user2 { padding-top:5px !important; }
    #user img { width:16%; }      
    #ticker .ticker1, #ticker .ticker2, #ticker .ticker3 {width:16%; padding:5px;} 
    #user a { font-size:65% !important;}
    #ticker, #ticker p, #bottom .bottom1 p, #bottom .bottom2 p, #bottom .bottom3 p, #bottom .bottom1 a, #bottom .bottom2 a, #bottom .bottom3 a, #bottom .bottom1 ul li, #bottom .bottom2 ul li, #bottom .bottom3 ul li, #bottom .bottom1 ul, #bottom .bottom2 ul, #bottom .bottom3 ul { font-size:86% !important;}
    a#livechatLink, a#livechatLink span { font-size:80% !important; }
    #bottom .bottom1, #bottom .bottom2 { height:160px;}
    #bottom .bottom3 { height:162px;}
    #ticker p.tickervalue { font-size:13px !important;}
    #main .content { width:57%;font-size:80%; }
    #main .left ul.menu li { font-size:10px;}
    #main .content #userForm .left { width:auto;margin-right:5px;}
    div.formCaption {width:37%;height:auto;}
    #userForm input[type=text] { width:65px !important;}
    .formField.left, .formField.right {float:none;clear:both;}
    #userForm textarea { width:255px !important;}
    #main .content table { max-width:100% !important; }
    small {font-size:80%;}
    table.product-icons h4 a { background-image:none !important;font-size:9px; }
    table.product-icons td { padding:0 5px 5px;height:40px; }
    #main .content table td img, .item-page img { max-width:75%;height:auto; }      
    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {height:auto !important;}
    .featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2 { font-size:15px; }
    span.addtocart-button input.addtocart-button, .shipTo a, .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited { width:65px; margin-left:0;}
}
@media only screen and (max-width: 400px) {
    html, h1, h2, h3, h4, h5 { font-size:80%; }
    #refer-a-friend .content h2 { font-size:18px; }
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner, #footer { width:370px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:370px !important;height:125px !important;}
    #banner img { width:370px !important;height:auto !important; }
    .djslider img { width:370px !important;height:auto !important;} 
    .djslider ul li { width:370px !important;height:auto !important;} 
    #header .left, #header .right { width:45%; }
   .moduletable_member { margin:-35px 0 15px; }
    #form-login-username input, #form-login-password input { width:133%;font-size:80%; }
    p#form-login-password { margin-left:27px;}
    #login-form .button.submit { clear:both;margin:0 24px 0 0; }
    #login-form fieldset { width:150px; }
    #footer .foot-left, #footer .foot-right, #footer .foot-left  { width:35%; }
    .navigation-container-custom { top:105px !important;}
    #main .left { width: 28%;}
    .moduletable_mini-cart { width: 50%;}
    #main .content.right .right {display:none;}
    #main .content.right .left { width: 100%;font-size:82% !important; }   
    #main .content.right .left table td { max-width: 50px; }
    #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-position:-200px 0; }
    #footer .foot-middle {width: 30%}
    #main-menu { width:65%;overflow:visible; height:50px; line-height:150%;padding-top:5px;}  
    #menu-bar { height:53px;font-size:67%}
    #header ul.menu li a {font-size:87%;padding:0 5px;}
    #search { width:26%;padding:8px 0 0;  }
    #search h3 {display:none;}
    #bottom h3, #bottom h4, #footer .foot-left p {font-size:87%;}
    #footer .foot-right p { font-size:89%;}
    #main, #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-image:none;}
    #main .top, #main .bottom { display:none }
    p#form-login-username, p#form-login-password { width:25%;font-size:80% }
    div#search input { margin:7px 0; width:46% }
    #bottom .bottom1 p { width:100%; }
    #user .user1, #user .user2, #bottom .bottom1, #bottom .bottom2 { width:30%;padding: 5px 5px 0; }
    #user .user3, #bottom .bottom3 { width:29%;}
    #user p, #user a#livechatLink, a#livechatLink {line-height:125%; }
    #user a#livechatLink img { margin-left:-10px; }
    #user .user2 { padding-top:5px !important; }
    #user img { width:25%; }      
    #ticker .ticker1, #ticker .ticker2, #ticker .ticker3 {width:12%; padding:5px;} 
    #user a, #ticker, #ticker p, #bottom .bottom1 p, #bottom .bottom2 p, #bottom .bottom3 p, #bottom .bottom1 a, #bottom .bottom2 a, #bottom .bottom3 a, #bottom .bottom1 ul li, #bottom .bottom2 ul li, #bottom .bottom3 ul li, #bottom .bottom1 ul, #bottom .bottom2 ul, #bottom .bottom3 ul { font-size:70% !important;}
    a#livechatLink, a#livechatLink span { font-size:80% !important; }
    #bottom .bottom1, #bottom .bottom2 { height:142px;}
    #bottom .bottom3 { height:137px;}
    #ticker p.tickervalue { font-size:13px !important;}
    #main .content { width:68%;font-size:80%; }
    #main .left ul.menu li { font-size:8px;margin-bottom:25px;}
    #main .left ul.menu li.item-132 { margin-top:15px; }
    #main .content #userForm .left { width:auto;margin-right:5px;}
    div.formCaption {width:37%;height:auto;}
    #userForm input[type=text] { width:135px !important;}
    .formField.left, .formField.right {float:none;clear:both;}
    #userForm textarea { width:255px !important;}
    #main .content table { width:100% !important; }
    small {font-size:80%;}
    table.product-icons h4 a { background-image:none !important;font-size:9px; }
    table.product-icons td { padding:0 5px 5px;height:40px; }
    #main .content table td img, .item-page img { max-width:75%;height:auto; }       
    #forgot-pw a { font-size:80%;}
    .copyright {font-size:8px;}
    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {height:auto !important;}
    .featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2 { font-size:15px; }
    span.addtocart-button input.addtocart-button, .shipTo a, .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited { width:65px; margin-left:0;}
    .moduletable_mini-cart h3 { font-size:12px;}
}
@media only screen and (max-device-width: 330px) {
    html, h1, h2, h3, h4, h5 { font-size:80%; }
    #refer-a-friend .content h2 { font-size:18px; }s
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner, #footer { width:310px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:310px !important;height:105px !important;}
    #banner img { width:310px !important;height:auto !important; }
    .djslider img { width:310px !important;height:auto !important;} 
    .djslider ul li  { width:310px !important;height:auto !important;} 
    #header .left, #header .right { width:45%; }
    .moduletable_member { margin:-35px 0 15px; }
    #form-login-username input, #form-login-password input { width:133%;font-size:80%; }
    p#form-login-password { margin-left:27px;}
    #login-form .button.submit { clear:both;margin:0 24px 0 0; }
    #login-form fieldset { width:150px; }
    #footer .foot-left, #footer .foot-right, #footer .foot-left  { width:30%; }
    .navigation-container-custom { top:87px !important;}
    #main .left { width: 39%;}    
    .moduletable_mini-cart { width: 50%;}
    #main .content.right .right {display:none;}
    /*#main .content.right .right { width:37%; }*/
    #main .content.right .left { width:100%; }
    /*#main .content.right .left { width: 53%;font-size:82% !important; }*/    
    #main .content.right .left table td { max-width: 50px; }
    #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-position:-200px 0; }
    #footer .foot-middle {width: 35%}
    #main-menu { width:65%;overflow:visible; height:50px; line-height:150%;padding-top:5px;}  
    #menu-bar { height:53px;font-size:67%}
    #header ul.menu li a {font-size:87%;padding:0 5px;}
    #search { width:26%; }
    #search h3 {display:none;}
    #bottom h3, #bottom h4, #footer .foot-left p {font-size:60%;}
    #footer .foot-right p { font-size:72%;}
    #main, #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-image:none;}
    #main .top, #main .bottom { display:none }
    p#form-login-username, p#form-login-password { width:25%;font-size:80% }
    div#search input { margin:16px 0; width:46% }
    #bottom .bottom1 p { width:100%; }
    #user .user1, #user .user2, #bottom .bottom1, #bottom .bottom2 { width:29%;padding:5px; }
    #user .user3, #bottom .bottom3 { width:29%;}
    #user p, #user a#livechatLink, a#livechatLink {line-height:125%; }
    #user img { display:none; }
    #user .user2 { padding-top:5px !important; }
    #user img { width:25%; }      
    #ticker .ticker1, #ticker .ticker2, #ticker .ticker3 {width:10%; padding:5px;} 
    #user a, #ticker, #ticker p, #bottom .bottom1 p, #bottom .bottom2 p, #bottom .bottom3 p, #bottom .bottom1 a, #bottom .bottom2 a, #bottom .bottom3 a, #bottom .bottom1 ul li, #bottom .bottom2 ul li, #bottom .bottom3 ul li, #bottom .bottom1 ul, #bottom .bottom2 ul, #bottom .bottom3 ul { font-size:70% !important;}
    a#livechatLink, a#livechatLink span { font-size:80% !important;margin-left:0; }
    #bottom .bottom1, #bottom .bottom2 { height:160px;}
    #bottom .bottom3 { height:162px;}
    #ticker p.tickervalue { font-size:13px !important;}
    #main .content { width:57%;font-size:80%; }
    #main .left ul.menu li { font-size:10px;margin-bottom:25px;}
        #main .left ul.menu li.item-132 { margin-top:15px; }
    #main .content #userForm .left { width:auto;margin-right:5px;}
    div.formCaption {width:37%;height:auto;}
    #userForm input[type=text] { width:135px !important;}
    .formField.left, .formField.right {float:none;clear:both;}
    #userForm textarea { width:255px !important;}
    #main .content table { max-width:100% !important; }
    small {font-size:80%;}
    table.product-icons h4 a { background-image:none !important;font-size:9px; }
    table.product-icons td { padding:0 5px 5px;height:40px; }
    #main .content table td img, .item-page img { max-width:75%;height:auto; }       
    #forgot-pw a { font-size:80%;}
    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {height:auto !important;}
    .featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2 { font-size:15px; }
    span.addtocart-button input.addtocart-button, .shipTo a, .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited { width:65px; margin-left:0;}
    .moduletable_mini-cart h3 { font-size:12px;}
}
@media only screen and (max-device-width: 330px) and (orientation: portrait) {
    html, h1, h2, h3, h4, h5 { font-size:80%; }
    #refer-a-friend .content h2 { font-size:18px; }
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner, #footer { width:310px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:310px !important;height:105px !important;}
    #banner img { width:310px !important;height:auto !important; }
    .djslider img { width:310px !important;height:auto !important;} 
    .djslider ul li  { width:310px !important;height:auto !important;} 
    #header .left, #header .right { width:45%; }
    .moduletable_member { margin:-35px 0 15px; }
    #form-login-username input, #form-login-password input { width:133%;font-size:80%; }
    p#form-login-password { margin-left:27px;}
    #login-form .button.submit { clear:both;margin:0 24px 0 0; }
    #login-form fieldset { width:150px; }
    #footer .foot-left, #footer .foot-right, #footer .foot-left  { width:30%; }
    .navigation-container-custom { top:87px !important;}
    #main .left { width: 39%;}    
    .moduletable_mini-cart { width: 50%;}
    #main .content.right .right {display:none;}
    /*#main .content.right .right { width:37%; }*/
    #main .content.right .left { width:100%; }
    /*#main .content.right .left { width: 53%;font-size:82% !important; }*/    
    #main .content.right .left table td { max-width: 50px; }
    #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-position:-200px 0; }
    #footer .foot-middle {width: 35%}
    #main-menu { width:65%;overflow:visible; height:50px; line-height:150%;padding-top:5px;}  
    #menu-bar { height:53px;font-size:67%}
    #header ul.menu li a {font-size:87%;padding:0 5px;}
    #search { width:26%; }
    #search h3 {display:none;}
    #bottom h3, #bottom h4, #footer .foot-left p {font-size:60%;}
    #footer .foot-right p { font-size:72%;}
    #main, #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-image:none;}
    #main .top, #main .bottom { display:none }
    p#form-login-username, p#form-login-password { width:25%;font-size:80% }
    div#search input { margin:16px 0; width:46% }
    #bottom .bottom1 p { width:100%; }
    #user .user1, #user .user2, #bottom .bottom1, #bottom .bottom2 { width:29%;padding:5px; }
    #user .user3, #bottom .bottom3 { width:29%;}
    #user p, #user a#livechatLink, a#livechatLink {line-height:125%; }
    #user img { display:none; }
    #user .user2 { padding-top:5px !important; }
    #user img { width:25%; }      
    #ticker .ticker1, #ticker .ticker2, #ticker .ticker3 {width:10%; padding:5px;} 
    #user a, #ticker, #ticker p, #bottom .bottom1 p, #bottom .bottom2 p, #bottom .bottom3 p, #bottom .bottom1 a, #bottom .bottom2 a, #bottom .bottom3 a, #bottom .bottom1 ul li, #bottom .bottom2 ul li, #bottom .bottom3 ul li, #bottom .bottom1 ul, #bottom .bottom2 ul, #bottom .bottom3 ul { font-size:70% !important;}
    a#livechatLink, a#livechatLink span { font-size:80% !important;margin-left:0; }
    #bottom .bottom1, #bottom .bottom2 { height:160px;}
    #bottom .bottom3 { height:162px;}
    #ticker p.tickervalue { font-size:13px !important;}
    #main .content { width:57%;font-size:80%; }
    #main .left ul.menu li { font-size:10px;margin-bottom:25px;}
    #main .left ul.menu li.item-132 { margin-top:15px; }
    #main .content #userForm .left { width:auto;margin-right:5px;}
    div.formCaption {width:37%;height:auto;}
    #userForm input[type=text] { width:135px !important;}
    .formField.left, .formField.right {float:none;clear:both;}
    #userForm textarea { width:255px !important;}
    #main .content table { max-width:100% !important; }
    small {font-size:80%;}
    table.product-icons h4 a { background-image:none !important;font-size:9px; }
    table.product-icons td { padding:0 5px 5px;height:40px; }
    #main .content table td img, .item-page img { max-width:75%;height:auto; }       
    #forgot-pw a { font-size:80%;}
    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {height:auto !important;}
    .featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2 { font-size:15px; }
    span.addtocart-button input.addtocart-button, .shipTo a, .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited { width:65px; margin-left:0;}
    .moduletable_mini-cart h3 { font-size:12px;}
}
@media only screen and (max-device-width: 330px) and (orientation: landscape) {
    html, h1, h2, h3, h4, h5 { font-size:80%; }
    #refer-a-friend .content h2 { font-size:18px; }
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner, #footer { width:310px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:310px !important;height:105px !important;}
    #banner img { width:310px !important;height:auto !important; }
    .djslider img { width:310px !important;height:auto !important;} 
    .djslider ul li { width:310px !important;height:auto !important;} 
    #header .left, #header .right { width:45%; }
    .moduletable_member { margin:-35px 0 15px; }
    #form-login-username input, #form-login-password input { width:133%;font-size:80%; }
    p#form-login-password { margin-left:27px;}
    #login-form .button.submit { clear:both;margin:0 24px 0 0; }
    #login-form fieldset { width:150px; }
    #footer .foot-left, #footer .foot-right, #footer .foot-left  { width:30%; }
    .navigation-container-custom { top:87px !important;}
    #main .left { width: 39%;}
    .moduletable_mini-cart { width: 50%;}
    #main .content.right .right {display:none;}
    /*#main .content.right .right { width:37%; }*/
    #main .content.right .left { width:100%; }
    /*#main .content.right .left { width: 53%;font-size:82% !important; }*/    
    #main .content.right .left table td { max-width: 50px; }
    #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-position:-200px 0; }
    #footer .foot-middle {width: 35%}
    #main-menu { width:65%;overflow:visible; height:50px; line-height:150%;padding-top:5px;}  
    #menu-bar { height:53px;font-size:67%}
    #header ul.menu li a {font-size:87%;padding:0 5px;}
    #search { width:26%; }
    #search h3 {display:none;}
    #bottom h3, #bottom h4, #footer .foot-left p {font-size:60%;}
    #footer .foot-right p { font-size:72%;}
    #main, #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-image:none;}
    #main .top, #main .bottom { display:none }
    p#form-login-username, p#form-login-password { width:25%;font-size:80% }
    div#search input { margin:16px 0; width:46% }
    #bottom .bottom1 p { width:100%; }
    #user .user1, #user .user2, #user .user3, #bottom .bottom3, #bottom .bottom1, #bottom .bottom2 { width:28%;padding:5px;}
    #user .user2 { padding-top:5px !important; }
    #user img { width:25%; }      
    #ticker .ticker1, #ticker .ticker2, #ticker .ticker3 {width:10%; padding:5px;} 
    #user a, #ticker, #ticker p, #bottom .bottom1 p, #bottom .bottom2 p, #bottom .bottom3 p, #bottom .bottom1 a, #bottom .bottom2 a, #bottom .bottom3 a, #bottom .bottom1 ul li, #bottom .bottom2 ul li, #bottom .bottom3 ul li, #bottom .bottom1 ul, #bottom .bottom2 ul, #bottom .bottom3 ul { font-size:70% !important;}
    a#livechatLink, a#livechatLink span { font-size:80% !important;margin-left:0; }
    #bottom .bottom1, #bottom .bottom2 { height:160px;}
    #bottom .bottom3 { height:162px;}
    #ticker p.tickervalue { font-size:13px !important;}
    #main .content { width:57%;font-size:80%; }
    #main .left ul.menu li { font-size:10px;margin-bottom:25px;}
    #main .left ul.menu li.item-132 { margin-top:15px; }
    #main .content #userForm .left { width:auto;margin-right:5px;}
    div.formCaption {width:37%;height:auto;}
    #userForm input[type=text] { width:135px !important;}
    .formField.left, .formField.right {float:none;clear:both;}
    #userForm textarea { width:255px !important;}
    #main .content table { max-width:100% !important; }
    small {font-size:80%;}
    table.product-icons h4 a { background-image:none !important;font-size:9px; }
    table.product-icons td { padding:0 5px 5px;height:40px; }
    #main .content table td img, .item-page img { max-width:75%;height:auto; }       
    #forgot-pw a { font-size:80%;}
    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {height:auto !important;}.featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2 { font-size:15px; }
    span.addtocart-button input.addtocart-button, .shipTo a, .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited { width:65px; margin-left:0;}
    .moduletable_mini-cart h3 { font-size:12px;}
}