/* Tablet Landscape */
html { font-size:100%; } 
@media (min-width: 640px) { html {font-size:.75em;} } 
@media (min-width:960px) { html {font-size:1.2em;} } 
@media (min-width:1100px) { html {font-size:1.5em;} } 

@media only screen and (max-width: 960px) {
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner { width:780px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:780px !important;height:264px !important;}
    #banner img { width:780px !important;height:auto !important; }
    .djslider img { width:780px !important;height:auto !important;} 
    .djslider ul li { width:780px !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:30%; }
    .navigation-container-custom { top:87px !important;}
    #main .left { width: 39%;}
    #main .content.right .right {display:none;}
    /*#main .content.right .right { width:37%; }*/
    #main .content.right .left { width:100%; }
    small {font-size:80%;}
    /*#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 .top, #main .bottom { display:none }
    p#form-login-username, p#form-login-password { width:25%;font-size:80% }
    div#search input { margin:5px 0; }
    #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; }
    #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:135px !important;}
    #userForm textarea { width:255px !important;}
    #main .content table { width:100% !important; }
    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;}
}
@media only screen and (max-width: 810px) {
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner { width:740px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:740px !important;height:250px !important;}
    #banner img { width:740px !important;height:auto !important; }
    .djslider img { width:740px !important;height:230px !important;} 
    .djslider ul li { width:740px !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:30%; }
    .navigation-container-custom { top:204px !important;}
    #main .left { width: 28%;}
    #main .content.right .right { width:37%;display:block; }
    #main .content.right .left { width: 53%;font-size:82% !important; }
    small {font-size:80%;}
    #main .content.right .left table td { max-width: 100px; }
    #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-position:-144px 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:100%; }
    #header ul.menu li a {font-size:87%;padding:0 5px;}
    #search { width:22%;margin-top:0;padding:12px 0 0; }
    #search h3 {display:none;}
    #bottom h3, #bottom h4, #footer .foot-left p {font-size:60%;}
    #footer .foot-right p { font-size:72%;}
    #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; }
    #bottom .bottom1 p { width:100%; }
    #user .user1, #user .user2, #user .user3, #bottom .bottom3, #bottom .bottom1, #bottom .bottom2 { width:31%;padding:5px;}
    #user img { width:25%; }      
    #ticker .ticker1, #ticker .ticker2, #ticker .ticker3 {width:26%; 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:90% !important;}
    a#livechatLink, a#livechatLink span { font-size:92% !important; }
    #bottom .bottom1, #bottom .bottom2 { height:160px;}
    #bottom .bottom3 { height:162px;}
    #ticker p.tickervalue { font-size:13px !important;}
    #main .content { width:67%;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:135px !important;}
    #userForm textarea { width:255px !important;}
    #main .content table { width:100% !important; }
    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; }   
    #main { background-image:none;}
    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {height:auto !important;}
}
@media only screen and (max-width: 690px) {
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner { width:640px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:640px !important;height:216px !important;}
    #banner img { width:640px !important;height:auto !important; }
    .djslider img { width:640px !important;height:217px !important;} 
    .djslider ul li { width:640px !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:30%; }
    .navigation-container-custom { top:194px !important;}
    #main .left { width: 39%;}
    #main .content.right .right { width:37%; }
    #main .content.right .left { width: 53%;font-size:82% !important; }
    small {font-size:80%;}
    #main .content.right .left table td { max-width: 50px; }
    #main .content.right.blue, #main .content.right.blue-dark, #main .content.right.green { background-position:-224px 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:93%}
    #header ul.menu li a {font-size:87%;padding:0 5px;}
    #search { width:26%;padding:11px 0 0; }
    #search h3 {display:none;}
    #bottom h3, #bottom h4, #footer .foot-left p {font-size:60%;}
    #footer .foot-right p { font-size:72%;}
    #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; }
    #bottom .bottom1 p { width:100%; }
    #user .user1, #user .user2, #user .user3, #bottom .bottom3, #bottom .bottom1, #bottom .bottom2 { width:30%;padding:5px;}
    #user img { width:25%; }      
    #ticker .ticker1, #ticker .ticker2, #ticker .ticker3 {width:22%; 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:90% !important;}
    a#livechatLink, a#livechatLink span { font-size:92% !important;margin-left:-15px; }
    #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:135px !important;}
    #userForm textarea { width:255px !important;}
    #main .content table { width:100% !important; }
    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; }   
    #main { background-image:none;}
    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {height:auto !important;}
}
/* Tabled Portrait */
@media only screen and (max-width: 640px) {
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner { width:590px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:590px !important;height:199px !important;}
    #banner img { width:590px !important;height:auto !important; }
    .djslider img { width:590px !important;height:230px !important;} 
    .djslider ul li { width:590px !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:30%; }
    .navigation-container-custom { top:177px !important;}
    #main .left { width: 27%;}
    #main .content.right .right { width:35%;display:block; }
    #main .content.right .left { width: 53%;font-size:82% !important; }
    small {font-size:80%;}
    #main .content.right .left table td { max-width: 100px; }
    #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:101%}
    #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 .top, #main .bottom { display:none }
    p#form-login-username, p#form-login-password { width:25%;font-size:80% }
    div#search input { margin:5px 0; }
    #bottom .bottom1 p { width:100%; }
    #user .user1, #user .user2, #user .user3, #bottom .bottom3, #bottom .bottom1, #bottom .bottom2 { width:31%;padding:5px;}
    #user img { width:25%; }      
    #ticker .ticker1, #ticker .ticker2, #ticker .ticker3 {width:20%; 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:86% !important;}
    a#livechatLink, a#livechatLink span { font-size:90% !important; }
    #bottom .bottom1, #bottom .bottom2 { height:160px;}
    #bottom .bottom3 { height:162px;}
    #ticker p.tickervalue { font-size:20px !important;}
    #main .content { width:67%;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:95px !important;}
    #userForm textarea { width:255px !important;}
    #main .content table { width:98% !important; }
    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; }    
    #main { background-image:none;}
    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {height:auto !important;}
}

@media only screen and (max-width: 570px) {
    #header, #slideshow, .wrapper, #user, #bottom, #main, #banner { width:550px;margin:auto; }
    #footer .wrapper {width:100%}
    .djslider, .slider-container, .djslider-loader { width:550px !important;height:186px !important;}
    #banner img { width:550px !important;height:auto !important; }
    .djslider img { width:550px !important;height:auto !important;} 
    .djslider ul li { width:550px !important;height:217px !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:115px !important;}
    #main .left { width: 39%;}
    #main .content.right .right {display:none;}
    /*#main .content.right .right { width:37%; }*/
    #main .content.right .left { width:100%; }
    small {font-size:80%;}
    /*#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:2000px 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:91%}
    #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:90%;}
    #footer .foot-right p { font-size:80%;}
    #main .top, #main .bottom { display:none }
    p#form-login-username, p#form-login-password { width:25%;font-size:80% }
    div#search input { margin:8px 0;width:90px; }
    #bottom .bottom1 p { width:100%; }
    #user .user1, #user .user2, #user .user3, #bottom .bottom3, #bottom .bottom1, #bottom .bottom2 { width:31%;padding:5px;}
    #user img { width:16%; }      
    #ticker .ticker1, #ticker .ticker2, #ticker .ticker3 {width:20%; padding:5px;} 
    #user a, #ticker, #ticker p, #bottom .bottom1 p, #bottom .bottom2 p, #bottom .bottom3 p,#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:85% !important;}
     #bottom .bottom1 a {font-size:100%;}
    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:135px !important;}
    #userForm textarea { width:255px !important;}
    .formField.left, .formField.right {float:none;clear:both;}
    #main .content table { width:100% !important; }
    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; }   
    #main { background-image:none;}
    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {height:auto !important;}
}