@charset "utf-8";
/* CSS Document */
/*
/*
 * Navigataur: A pure CSS responsive navigation menu
 * Author: Mike King (@micjamking)
 */

/*
     Notes:
 
     - Media queries should be edited in both style sections if you require 
      a different breakpoint for your navigation.
      
    - Toggle class & menu anchor tags in list items have box-sizing: border-box 
      style property to allow padding inside the container without conflicting with layout.    

*/
.JJMenu
{
display:none;
}

/*--------------------------------
 Functional Styles (Required)
---------------------------------*/
/* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */
body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

.header { position: relative; }
#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left;    }

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
#subscribe_form > input {
    display: inline-block;
    float: none !important;
    text-align: center;
}
.TopMenutoggle
{
display:none;
}
#Footer #SideNewsletterBox {
    float: none;
    margin: 0 auto;
    width: auto;
}
@media only screen and (max-width: 768px){
.search-sec .social-icon {
    float: none !important;
    margin: 0!important;
}
#Header .search-sec {
    display: inline-block !important;
    float: none !important;
    margin: 10px auto;
    max-width: none;
    text-align: center;
    width: 100%;
}

#Header .search-sec #SearchForm {
    display: inline-block;
    float: none;
    margin: 0px 0;
}
.CenterLogo {
     display: inline-block !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: none;
    text-align: center !important;
    width: 100% !important;
}
.CenterLogo > div {
    display: inline-block !important;
    float: none !important;
}

    .menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
    .menu > li { display: block; width: 100%; margin: 0; }
    .menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
    #toggle:checked ~ .menu {  border: 0 none;
    box-shadow: 1px 2px 3px 2px #999;
    display: block;
    opacity: 1;
    z-index: 99;}
	
	
#Menu li ul li{display:none;}
}


/*--------------------------------
 Presentation Styles (Editable)
---------------------------------*/
.header{
    min-height: 100px;
    height: 100%;
    padding: 0 20px;
    background: #FFFFFF;
}

.header > h1 {
    float: left;
    padding: 30px 0 0;        
    font-style: italic;
    font-family: Georgia;
    font-size: 28px;
    color: #DFDFDF;
}

.nav{ 
    display: block; 
    float: right; 
}

.nav, .menu, .menu > li, .menu > li > a{ 
    height: 100%; 
}

.menu > li > a{
    display: block;
    padding: 42px 20px;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.menu > li > a:hover, .menu > li > a:focus{
    background: #F2F2F2;
    box-shadow: inset 0px 5px #FF0000;
    color: #51C1F1;
    padding: 50px 20px 34px;
}

.toggle{ 
    z-index: 2; 
}



@media (min-width: 980px) and (max-width: 1199px) { 
.search-sec .social-icon {
    float: none !important;
    margin: 0!important;
}
#Header .search-sec {
    display: inline-block !important;
    float: none !important;
    margin: 10px auto;
    max-width: none;
    text-align: center;
    width: 100%;
}

#Header .search-sec #SearchForm {
    display: inline-block;
    float: none;
     margin: 0px 0;
}
.CenterLogo {
     display: inline-block !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: none;
    text-align: center !important;
    width: 100% !important;
}
.CenterLogo > div {
    display: inline-block !important;
    float: none !important;
}
 body {
  background:#fff;       
}

#Container {
    margin: 0px auto;
    max-width: 100% !important;
}
#Header .TopMenu {
   background:#000;
   height:auto;
   padding:0;
   margin:0;
   font-size:10px;
}

#Header .TopMenu li a, #Header .TopMenu li div{
  color:#fff;
  font-size:12px;
  padding: 0 10px;
  background:none;
}
#Header .cart-sec {
    background: url("/product_images/uploaded_images/cart-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float:right!important;
    padding: 0 0 0 29px !important;
}


#Logo img{max-width:240px;}


#SearchForm{
	margin:20px 6px 0;
}

.search-sec .adv-search{
display:none;
	padding-right:6px; 
	clear:both; 
	float:right; 
	text-align:right;
}

.search-sec .social-icon {
  float: right;
    margin: 0 0 10px 31%;
}
#Menu ul { width:99%;}
.footer-content {
    margin: 0 auto;
     width:100%;
}

#Menu {
     background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    bottom: 0;
    height: 45px;
    left: 0;
    width: 100%;
}
.contact-sec {display:none;}
.newsletter .newsletter-sec {
    margin: 0 auto;
   width:100%;
}
    .menu{
        background: #FFFFFF;
        border-top: 0px solid #51C1F1;
    }
    
    .menu, .menu > li, .menu > li > a{
        height: auto;
    }
    
    .menu > li > a{
        padding: 15px 15px;
    }
    
    .menu > li > a:hover, .menu > li > a:focus{
        background: #F2F2F2;
        box-shadow: inset 5px 0px #fa0000;
        padding: 15px 15px 15px 25px;
    }
    
    .toggle:after {
       background: #910918 none repeat scroll 0 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #ffffff;
    content: "Main Menu";
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 50px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s linear 0s;
    width: 100%;
    }
    
    .toggle:hover:after{
        background: #45ABD6;
    }
    
    #toggle:checked + .toggle:after{
        content: 'Close Menu';
    }

#Menu li.Home a span{
    margin:0px auto;
}

#Menu li{
    border-right:none;
}

#Menu li a{
    height:45px;
}

#Menu li ul{
     left:0;
     top:32px;
}

#Menu li:nth-child(3) ul {
    width: 353px;
}
.feature-desc{
	margin-bottom:0;
}



.cat-sec{
    border-bottom:none;
	padding-bottom:0;
}
.cat-sec li {
    margin: 0 auto;
    padding: 0 14px;
    text-align: center;
    border-right:none;
}

#HomeNewProducts .ProductList li{
	width:16.5%!important; 
	height:250px!important;
}

#HomeNewProducts .ProductList .ProductImage{
	
	padding:0; 
	margin:14px auto;
}

.Content .ProductList .ProductDetails{
	overflow:hidden;
	margin:10px 0;
	width:100%;
	height:30px!important;
	
       
}

.Content .ProductList li {
    float: left;
    margin: 10px;
    padding: 0 5px!important;
    width: 202px !important;
}
.newsletter .newsletter-sec {
    margin: 0 auto;
    width: 98%;
}
.newsletter-sec .news-txt{
    font-size:12px;
    margin-bottom:10px;
	float:none;
	text-align:center;
	display:block;
}
.Content {
    float: left;
    margin: 20px 0;
    padding: 0;
    width: 100%;
}
.Left {

    margin: 20px 0;
   
}
.NewsletterSubscription input.Textbox {
    width:248px;
}
.NewsletterSubscription .Button {
    margin-left:4px;
}
.footer-content {
    margin: 0 auto;
    padding: 10px;
    width: 96%;
}

.footer-row .column{float:left;}

.footer-row .follow-us{
    position: inherit;
}
.footer-row .column2 {
    float: left;
    margin:0 0 14px 34px;
}

.footer-row .column3{
	margin-bottom:16px;
}

.footer-row h2{margin-top:0;}

#Footer #SideNewsletterBox {

    float: none;
    width: auto;
   
} 

.ProductThumb{
	margin:0!important;
}

/****category*****/

.Content {
    float: left;
    width: 100%;
	padding:0;
}
.BlockContent p img {
    height: auto;
    width: 49%;
}

#CategoryContent .ProductList li {
    height: 265px !important;
    margin-bottom: 10px;
    padding: 0 12px;
    width: 140px !important;

}
.Right {
    float: left;
    width: 100%!important;
	margin:0!important;
}
.Right h2, .Right .BlockContent{
	margin-right:0;
}

.ProductThumb {
    float: left;
  
	margin:0!important;
}
#ProductDetails .ProductThumbImage{
   float:left;
  
}
#ProductDetails .ProductThumbImage img{
   max-width:410px;
   max-height: 300px;
}

.ExpressCheckout {
    width: 100%;
}

.CreateAccount {
    border-bottom: 1px solid rgb(204, 204, 204);
    float: left;
    padding-bottom: 10px;
    width: 45%;
    border-right:none;
}

.AccountLogin {
    float: left;
    margin-top: 10px;
    padding-left: 0px;
    width: 31%;
}

.PrimaryProductDetails .ProductMain{
   width:310px;
}
#CartContent .CartContents .CartThumb img{
   width:70px;
}
.Left{width:100%;}
.VideoSingleDescription{height:auto;}

.cat-sec1 ul li{width:32%;}
.cat-sec1 ul li img{width:100%; height:auto;} 

}

@media (min-width: 768px) and (max-width: 979px) {
	.search-sec .social-icon {
    float: none !important;
    margin: 0!important;
}
#Header .search-sec {
    display: inline-block !important;
    float: none !important;
    margin: 10px auto;
    max-width: none;
    text-align: center;
    width: 100%;
}

#Header .search-sec #SearchForm {
    display: inline-block;
    float: none;
     margin: 0px 0;
}
.CenterLogo {
     display: inline-block !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: none;
    text-align: center !important;
    width: 100% !important;
}
.CenterLogo > div {
    display: inline-block !important;
    float: none !important;
}
	  body {
  background:#fff;       
}

#Container {
    margin: 0px auto;
    max-width: 100% !important;
}
#Header .TopMenu {
   background:#000;
   height:auto;
   padding:0;
   margin:0;
   font-size:10px;
}

#Header .TopMenu li a, #Header .TopMenu li div{
color:#fff;
  font-size:12px;
  padding: 0 10px;
  background:none;
}
#Header .cart-sec {
    background: url("/product_images/uploaded_images/cart-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float:right!important;
    padding: 0 0 0 29px !important;
}


#Logo img{max-width:240px;}



#SearchForm{
	margin:20px 6px 0;
}

.search-sec .adv-search{
display:none;
	padding-right:6px; 
	clear:both; 
	float:right; 
	text-align:right;
}

.search-sec .social-icon {
    float: right;
    margin: 0 0 10px 31%;
}
#Menu ul { width:98%;}
.footer-content {
    margin: 0 auto;
     width:100%;
}

#Menu {
     background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    bottom: 0;
    height: 45px;
    left: 0;
    width: 100%;
}

.contact-sec {display:none;}
.newsletter .newsletter-sec {
    margin: 0 auto;
   width:100%;
}
    .menu{
        background: #FFFFFF;
        border-top: 0px solid #51C1F1;
    }
    
    .menu, .menu > li, .menu > li > a{
        height: auto;
    }
    
    .menu > li > a{
        padding: 15px 15px;
    }
    
    .menu > li > a:hover, .menu > li > a:focus{
        background: #F2F2F2;
        box-shadow: inset 5px 0px #fa0000;
        padding: 15px 15px 15px 25px;
    }
    
    .toggle:after {
        background: #910918 none repeat scroll 0 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #ffffff;
    content: "Main Menu";
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 50px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s linear 0s;
    width: 100%;
    }
    
    .toggle:hover:after{
        background: #45ABD6;
    }
    
    #toggle:checked + .toggle:after{
        content: 'Close Menu';
    }

#Menu li.Home a span{
    margin:0px auto;
}

#Menu li{
    border-right:none;
}

#Menu li a{
    height:45px;
}

#Menu li ul{
     left:0;
     top:32px;
}

#Menu li:nth-child(3) ul {
    width: 353px;
}
.feature-desc{
	margin-bottom:0;
}



.cat-sec{
    border-bottom:none;
	padding-bottom:0;
}
.cat-sec li {
    margin: 0 auto;
    padding: 0 14px;
    text-align: center;
    border-right:none;
}

#HomeNewProducts .ProductList li{
	width:20.7% !important; 
	height:250px !important;
}

#HomeNewProducts .ProductList .ProductImage{
	height:100px!important; 
	padding:0; 
	margin:14px auto;
}

.Content .ProductList .ProductDetails{
	overflow:hidden;
	margin:10px 0;
	width:100%;
	height:30px!important;
	
       
}

.Content .ProductList li {
    float: left;
    margin: 10px;
    padding: 0 5px!important;
    width: 202px !important;
}
.newsletter .newsletter-sec {
    margin: 0 auto;
    width: 98%;
}
.newsletter-sec .news-txt{
    font-size:12px;
    margin-bottom:10px;
	float:none;
	text-align:center;
	display:block;
}
.NewsletterSubscription input.Textbox {
    width:248px;
}
.NewsletterSubscription .Button {
    margin-left:4px;
}
.footer-content {
    margin: 0 auto;
    padding: 10px;
    width: 96%;
}

.footer-row .column{float:left;}

.footer-row .follow-us{
    position: inherit;
}
.footer-row .column2 {
    float: left;
    margin:0 0 14px 34px;
}

.footer-row .column3{
	margin-bottom:16px;
}

.footer-row h2{margin-top:0;}

#Footer #SideNewsletterBox {

    float: none;
    width: auto;
   
} 

.ProductThumb{
	margin:0!important;
}

/****category*****/

.Content {
    float: left;
    width: 100%;
	padding:0;
}
.BlockContent p img {
    height: auto;
    width: 49%;
}

#CategoryContent .ProductList li {
    height: 265px !important;
    margin-bottom: 10px;
    padding: 0 12px;
    width: 140px !important;

}
.Right {
    float: left;
    width: 100%!important;
	margin:0!important;
}
.Right h2, .Right .BlockContent{
	margin-right:0;
}

.ProductThumb {
    float: left;
  
	margin:0!important;
}
#ProductDetails .ProductThumbImage{
   float:left;
   
}
#ProductDetails .ProductThumbImage img{
   max-width:410px;
   max-height: 300px;
}

.ExpressCheckout {
    width: 100%;
}

.CreateAccount {
    border-bottom: 1px solid rgb(204, 204, 204);
    float: left;
    padding-bottom: 10px;
    width: 45%;
    border-right:none;
}

.AccountLogin {
    float: left;
    margin-top: 10px;
    padding-left: 0px;
    width: 31%;
}

.PrimaryProductDetails .ProductMain{
   width:310px;
}
#CartContent .CartContents .CartThumb img{
   width:70px;
}
.Left{width:100%;}
.VideoSingleDescription{height:auto;}

.cat-sec1 ul li{width:31%;}
.cat-sec1 ul li img{width:100%; height:auto;}

}

/***************************************************************/

@media (max-width: 767px) {
#Menu .JJMenu li.collapsable ul li a {
    border-bottom: 1px solid #fff;
    text-align: left;
    width: 100%;
}
#Menu .JJMenu li.collapsable {
    background: #a30114 none repeat scroll 0 0;
    height: auto;
    position: relative;
    width: 100%;
}
#Menu ul.menu {
    display: none !important;
}
#Menu .JJMenu li {
    border-right: medium none;
    display: inline-block;
    text-align: left;
    width: 100%;
}
#Menu .JJMenu li.collapsable ul
{
background: #a30114 none repeat scroll 0 0;
   
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

#Menu .JJMenu li ul {
    display: inline-block;
}
#Menu .JJMenu li {
    border-right: medium none;
    display: inline-block;
    text-align: left;
    width: 100%;
}
.JJMenu {
    background: #fff none repeat scroll 0 0;
    display: none;
    width: 100%;
}
.SubBrandListGrid li {
margin:4% 2%;
    width: 44% !important;
}

ul.treeview {
    margin: 0;
    width: auto;
}

.TopMenutoggle {
 cursor: pointer;
    background: #000000 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

#Menu .JJMenu li.expandable ul {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.Left #SideCategoryList li ul li a {
    font-size: 12px !important;
}
.treeview li.expandable li a, .treeview li.collapsable li a {
    width: inherit;
}
.treeview li.expandable a, .treeview li.collapsable a {
    border-bottom: medium none;
    width: 70.8%;
  text-align: left !important;

}
.treeview li.collapsable a {
color: #fff!important;
}
.Left ul li ul li a {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
}
.treeview li li a {
    padding: 8px 10px 8px 24px;
}
.Left ul li a {
    font-size: 12px;
    font-weight: bold;
}
.treeview li a {
    border-bottom: medium none;
    padding: 8px 10px;
}
.treeview li a, .SideNav li a {
    border-bottom: 1px solid #e5e5e5;
    color: #810b12;
    display: block;
    padding: 10px;
    text-decoration: none;
}

#Menu {
   bottom: 0;
    box-shadow: 0 2px 6px 1px #999;
    display: inline-block;
    height: 100%;
    left: 0;
    margin: 10px 0;
    position: relative;
    width: 100%;
}
.TopMenu
{
display:none;
}
#Menu li.Home.ActivePage a span {
    background: rgba(0, 0, 0, 0) url("../../../product_images/uploaded_images/home-hover.png") no-repeat scroll center 12px;
    display: block;
    float: left;
    height: 44px;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
}

  body {
  background:#fff;       
}

#Container {
    margin: 0px auto;
    max-width: 100% !important;
}
#Header .TopMenu {
   background:#000;
   height:auto;
   padding:0;
   margin:0;
   font-size:10px;
}

#Header .TopMenu li a, #Header .TopMenu li div{
color:#fff;
  font-size:12px;
  padding: 0 10px;
  background:none;
}
#Header .cart-sec {
    background: url("/product_images/uploaded_images/cart-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float:right!important;
    padding: 0 0 0 29px !important;
}


#Logo img{max-width:240px;}



#SearchForm{
	margin:20px 6px 0;
}

.search-sec .adv-search{
	padding-right:6px; 
	clear:both; 
	float:right; 
	text-align:right;
display:none;
}

.search-sec .social-icon {
     float: right;
    margin: 0 10px 5px 30%;
}
#Menu ul { width:100%;}
.footer-content {
    margin: 0 auto;
     width:100%;
}
#Menu .JJMenu li.expandable ul {

}

.contact-sec {display:none;}
.newsletter .newsletter-sec {
    margin: 0 auto;
   width:100%;
}
    .menu{
        background: #FFFFFF;
        border-top: 1px solid #51C1F1;
    }
    
    .menu, .menu > li, .menu > li > a{
        height: auto;
    }
    
    .menu > li > a{
        padding: 15px 15px;
    }
    
    .menu > li > a:hover, .menu > li > a:focus{
        background: #F2F2F2;
        box-shadow: inset 5px 0px #51C1F1;
        padding: 15px 15px 15px 25px;
    }
    
    .toggle:after {
    background: #910918 none repeat scroll 0 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #ffffff;
    content: "Main Menu";
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 50px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s linear 0s;
    width: 100%;
    }
    
    .toggle:hover:after{
        background: #45ABD6;
    }
    
    #toggle:checked + .toggle:after{
        content: 'Close Menu';
    }

#Menu li.Home a span{
    margin:0px auto;
}

#Menu li{
    border-right:none;
}

#Menu li a{
    height:45px;
}

#Menu li ul{
     left: 285px;
     top:32px;
}

#Menu li:nth-child(3) ul {
    width: 353px;
}
.feature-desc{
	margin-bottom:0;
}

.cat-sec1 ul li img{
	max-width:231px;
}

.cat-sec{
    border-bottom:none;
	padding-bottom:0;
}
.cat-sec li {
    margin: 0 auto;
    padding: 0 14px;
    text-align: center;
    border-right:none;
}

#HomeNewProducts .ProductList li{
	width:27.9%!important; 
	height:250px!important;
}

#HomeNewProducts .ProductList .ProductImage{
	height:100px!important; 
	padding:0; 
	margin:14px auto;
}

.Content .ProductList .ProductDetails{
	overflow:hidden;
	margin:10px 0;
	width:100%;
	height:30px!important;
	
       
}

.Content .ProductList li {
    float: left;
    margin: 10px;
    padding: 0 5px!important;
    width: 202px !important;
}
.newsletter .newsletter-sec {
    margin: 0 auto;
    width: 98%;
}
.newsletter-sec .news-txt{
    font-size:12px;
    margin-bottom:10px;
	float:none;
	text-align:center;
	display:block;
}
.NewsletterSubscription input.Textbox {
    width:248px;
}
.NewsletterSubscription .Button {
    margin-left:4px;
}
.footer-content {
    margin: 0 auto;
    padding: 10px;
    width: 96%;
}

.footer-row .column{float:left;}

.footer-row .follow-us{
    position: inherit;
}
.footer-row .column2 {
    float: left;
    margin:0 0 14px 34px;
}

.footer-row .column3{
	margin-bottom:16px;
}

.footer-row h2{margin-top:0;}

#Footer #SideNewsletterBox {

    float: none;
    width: auto;
   
} 

.ProductThumb{
	margin:0!important;
}

/****category*****/

.Content {
    float: left;
    width: 100%;
	padding:0;
}
.BlockContent p img {
    height: auto;
    width: 246px;
}

#CategoryContent .ProductList li {
    height: 265px !important;
    margin-bottom: 10px;
    padding: 0 12px;
    width: 140px !important;

}
.Right {
    float: left;
    width: 100%!important;
	margin:0!important;
}
.Right h2, .Right .BlockContent{
	margin-right:0;
}

.ProductThumb {
    float: left;
   
	margin:0!important;
}
#ProductDetails .ProductThumbImage{
   float:left;
   height:308px!important;
   width:410px!important;
}
#ProductDetails .ProductThumbImage img{
   max-width:410px;
   max-height: 300px;
}

.ExpressCheckout {
    width: 100%;
}

.CreateAccount {
    border-bottom: 1px solid rgb(204, 204, 204);
    float: left;
    padding-bottom: 10px;
    width: 45%;
    border-right:none;
}

.AccountLogin {
    float: left;
    margin-top: 10px;
    padding-left: 0px;
    width: 31%;
}

.PrimaryProductDetails .ProductMain{
   width:310px;
}
#CartContent .CartContents .CartThumb img{
   width:70px;
}
.Left{width:100%;}
.VideoSingleDescription{height:auto;}

.cat-sec1 ul li{width:47%;}
.cat-sec1 ul li img{max-width:100%; height:auto;}
#Menu li ul li{display:none;}
}





/***************************************************************/

@media (min-width: 482px) and (max-width: 625px) {

body {
  background:#fff;       
}

#Container {
    margin: 0px auto;
    max-width: 100% !important;
}
#Header .TopMenu {
   background:#000;
   height:auto;
   padding:0;
   margin:0;
   font-size:10px;
}

#Header .TopMenu li a, #Header .TopMenu li div{
  color:#fff;
  font-size:12px;
  padding: 0 10px;
  background:none;
}
#Header .cart-sec {
    background: url("/product_images/uploaded_images/cart-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: left !important;
    padding: 0 0 0 29px !important;
}
#Logo {
    margin:10px 0 0 10px;
    float:left;
	height:auto;
}

#Logo img{max-width:240px;}

.contact-sec{
	width:280px;
	
}

.search-sec {
    float: right;
    margin-left:0px;
	width:52%;
	 margin-bottom: 10px;
}

#SearchForm{
	margin:20px 6px 0;
}

.search-sec .adv-search{
display:none;
	padding-right:6px; 
	clear:both; 
	float:right; 
	text-align:left;
	margin-top:10px;
}


#Menu li{
    border-right:none;
}
#Menu li ul {
    left: 200px;
    top: 32px;
}
#Menu li:nth-child(3) ul {
    padding: 0;
    width: 320px;
}
#Menu li:nth-child(3) ul li a {
    width: 87%;
}

.feature-desc{
	margin-bottom:0;
}

.cat-sec1 ul li img{
	max-width:252px;
}

.cat-sec{
    border-bottom:none;
	padding-bottom:0;
}
.cat-sec li {
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
    border-right:none;
}

#HomeNewProducts .ProductList li{
	width:26%!important; 
	height:218px!important;
}

#HomeNewProducts .ProductList .ProductImage{
	height:100px!important; 
	padding:0; 
	margin:14px auto;
}

.Content .ProductList .ProductDetails{
	
    height: 30px !important;
    margin: 10px 0;
    overflow: hidden;
    width: 94%;
}

.Content .ProductList li {
    float: left;
    margin: 7px;
    padding: 0 10px;
    width: 202px !important;
}
#SimilarProductsByCustomerViews .ProductList li {
    width: 28% !important;
}
.newsletter .newsletter-sec {
    margin: 0 auto;
    width: 97%;
}
.newsletter-sec .news-txt{
    font-size:12px;
    margin-bottom:10px;
}
.NewsletterSubscription input.Textbox {
    width:248px;
}
.NewsletterSubscription .Button {
    margin-left:4px;
}
.footer-content {
    margin: 0 auto;
    padding: 10px;
    width: 96%;
}

.footer-row .column{float:left;}

.footer-row .follow-us{
    position: inherit;
}
.footer-row .column2 {
    float: left;
    margin:0 0 14px 70px;
}
.footer-row .column3{width:280px;}
.footer-row h2{margin-top:0;}

#Footer #SideNewsletterBox {
    float: none;
    width: auto;
    margin-left:80px;
} 
/****category*****/
.Content.Widest {
    max-width:100%;
}

.Content {
    float: left;
    width: 100%;
	padding:0;
}
.BlockContent p img {
    height: auto;
    width: 246px;
}

#CategoryContent .ProductList li {
    height: 265px !important;
    margin-bottom: 10px;
    padding: 0 10px;
    width: 28%!important;
 
}
.Right {
    float: left;
    width: 100%;
}
.Right .BlockContent h2{margin:0;}

.ProductThumb {
    float: left;
    width: 55% !important;
	height:auto!important;
	margin:0!important;
}
#ProductDetails .ProductThumbImage{
    width:100%!important;
	height:224px!important;
}
#ProductDetails .ProductThumbImage img{
    max-width:96%;
	max-height: 225px;
	float:left;
}

.ExpressCheckout {
    width: 100%;
}

.CreateAccount {
    border-bottom: 1px solid rgb(204, 204, 204);
    float: left;
    padding-bottom: 10px;
    width: 48%;
    border-right:none;
}

.AccountLogin {
    float: left;
    margin-top: 10px;
    padding-left: 0px;
    width:50%;
}

.PrimaryProductDetails .ProductMain{
   width:230px;
   float:right;
}
#CartContent .CartContents .CartThumb img{
   width:70px;
}
.fastCartContent h2 {
    font-size: 21px;
    margin-left: 1%;
}
.Left{width:100%;}
.fastCartContent{width:88%; margin-left:10%;}
.fastCartTop{left:18%; width:92%;}
.fastCartItemBox{width:24%;}
.fastCartBottom{width:92%;}
#fastCartContainer .ProductList li{width:22%!important;}
.fastCartBottom ul#fastCartSuggestive li.Odd .ProductDetails{height:59px!important; overflow:hidden;}
.modalClose{right:9%;}


#Menu li ul li{display:none;}
}

/***************************************************************/
@media (min-width: 385px) and (max-width: 480px) {
    
body {
  background:#fff;       
}

#Container {
    margin: 0px auto;
    max-width: 100% !important;
}
#Header .TopMenu {
   background:#000;
   height:auto;
   padding:0 10px;
   margin:0;
   font-size:11px;
}

#Header .TopMenu li a, #Header .TopMenu li div{
  color:#fff;
  font-size:12px;
  padding: 0 10px;
  background:none;
}

#Header .cart-sec {
    background: url("/product_images/uploaded_images/cart-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: left !important;
    padding: 0 0 0 29px !important;
}

#Logo {
    margin:10px 0 0 10px;
    float:left;
	height:auto;
}

#Logo img{max-width:200px;}

.contact-sec{
	width:226px; 
	
}

.contact-sec p{font-size:16px;}

.contact-sec .email{font-size:13px;}

.search-sec {
    float: left;
    margin-left:0px;
	width:99%;
}

#SearchForm input.Textbox{width:184px;}
.search-sec .adv-search{
display:none;
	padding-right:4px;
	text-align:right;
	width:inherit;
}

#Menu li{
    border-right:none;
}
#Menu li ul {
    left: 70px;
    top: 32px;
}
#Menu li:nth-child(3) ul {
    padding: 0;
    width: 320px;
}
#Menu li:nth-child(3) ul li a {
    width: 87%;
}

.cat-sec1 ul li{padding:0 66px;}
.cat-sec1 ul li img{max-width:310px;}

.cat-sec{
    border-bottom:none;
}

.cat-sec li {
    margin: 0 auto;
    padding: 0 12px;
    text-align: center;
    border-right:none;
	width:190px;
}
.Content .ProductList li {
    float: left;
    margin: 10px;
    padding: 0 23px!important;
    width: 150px !important;
}

#HomeNewProducts .ProductList li{
	height:205px!important;
	margin:0 10px 18px;
	width:140px!important;
}
.Left{width:100%!important;}

.newsletter .newsletter-sec {
    margin: 0 auto;
    width: 97%;
}
.newsletter-sec .news-txt{
    font-size:12px;
    margin-bottom:10px;
}
.NewsletterSubscription input.Textbox {
    width:172px;
}
.NewsletterSubscription .Button {
    margin-left:4px;
}
.footer-content {
    margin: 0 auto;
    padding:0px;
    width: 99%;
}
/*.footer-row .follow-us{
    position: inherit;
}*/
.footer-row .column2 {
    float: left;
}

#Footer #SideNewsletterBox {
    float: none;
    width: auto;
    margin-left:80px;
}

.footer-row .follow-us{top:114px;}
.footer-row .column2{margin:7px 0 30px 32px; width:170px;}
.footer-row h2{margin-top:14px;}
.footer-row .column3{margin-left:10px;}

.feature-desc{margin-bottom:0;}

/***category******/


.HorizontalFormContainer dd {
    margin-left: 45%;
    padding-top: 4px;
}

.Content.Widest {
    max-width:100%;
}
.Content {
    float: left;
    width:99%;
	padding:0 0 10px 3px;
}
.Left #SideCategoryList li ul {
    position: inherit;
    width: 255px;
    z-index: 9999;
    left:0;
}
.BlockContent p img {
    height: auto;
    width: 275px;
}

/******detail******/
#ProductDetails{
  width:100%;
}
#ProductDetails .ProductMain {
    float: none;
	width:440px;
}
.Field400 {
    width: 222px;
}
#SideProductRecentlyViewed{
  display:none;
}
.Right{
  width:94%;
  float:left;
  margin-left:20px;
}
#ProductDescription{
  width:100%;
}
#ProductByCategory{
  width:85%;
}
.ExpressCheckout {
    width: 100%;
}
.CreateAccount {
    border-bottom: 1px solid rgb(204, 204, 204);
    float: left;
    padding-bottom: 10px;
    width: 97%;
    border-right:none;
}

.AccountLogin {
    float: left;
    margin-top: 10px;
    padding-left: 0px;
    width: 84%;
}

#CartContent .CartContents .CartThumb img{
   width:70px;
}

.PL20 {
    padding: 0;
}
.ExpressCheckoutContent .HorizontalFormContainer dt {
    width: 116px;
}
.ExpressCheckoutContent .HorizontalFormContainer dd {
    margin-left: 110px;
    padding-top: 4px;
}
.HorizontalFormContainer .Field200 {
    width: 154px;
}
.HorizontalFormContainer p.Submit {
    margin-left: 100px;
}

.fastCartContent h2 {
    font-size: 20px;
    margin-left: 19%;
}

.fastCartContent{width:88%;}
.fastCartTop{width:80%; margin-left:17%;}
.fastCartItemBox{width:24%;}
.fastCartBottom{margin-left:18%; width:80%;}
#fastCartContainer .ProductList li{width:22%!important;}
.fastCartBottom ul#fastCartSuggestive li.Odd .ProductDetails{height:59px!important; overflow:hidden;}
.modalClose{right:16%;}




#Header .TopMenu li a, #Header .TopMenu li div{
  color:#fff;
  font-size:11px;
  padding: 0 10px;
  background:none;
}

#Header .cart-sec {
    background: url("/product_images/uploaded_images/cart-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float:right!important;
    padding: 0 0 0px 36px !important;
}

#Logo {
    margin: 0 auto;
    text-align: center;
    float:none;
    padding-top:10px;
	height:auto;
}

#Logo img{max-width:230px;}

.contact-sec{}

.search-sec {
    float: left;
    margin-left:22%;
	width:78%;
}
#SearchForm{margin:8px 0 0; float:left;}

#Menu li{
    border-right:none;
}
#Menu li ul {
    left: 70px;
    top: 32px;
	border:none;
}
#Menu li:nth-child(3) ul {
    padding: 0;
    width: 218px;
	border:none;
}
#Menu li:nth-child(3) ul li a {
    width: 87%;
}

#Menu li ul li{display:none;}


.home {
    padding: 0;
    width: 100%;
}

.cat-sec1 ul li{padding:0; width:100%; text-align:center;}
.cat-sec1 ul li img{max-width:284px;}

.cat-sec{
    border-bottom:none;
}

.cat-sec li {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    float:none;
    border-right:none;
}
.cat-sec li a img{max-width:284px;}

.Content .ProductList li {
    float: none;
    margin:0px auto;
}
.newsletter .newsletter-sec {
    margin: 0 auto;
    width: 97%;
}
.newsletter-sec .news-txt{
    font-size:12px;
    margin-bottom:10px;
}
.NewsletterSubscription input.Textbox {
    width:172px;
}
.NewsletterSubscription .Button {
    margin-left:4px;
}
.footer-content {
    margin: 0 auto;
    padding: 10px;
    width: 90%;
}
.footer-row .follow-us{
    position: inherit;
}
.footer-row .column2 {
    float: left;
    margin-left:0px;
	margin-top:10px;
}

#Footer #SideNewsletterBox {
    float: none;
    width: 264px;
	margin-left:16px;
}

/***category******/



.HorizontalFormContainer dd {
    margin-left: 45%;
   
}

.Content.Widest {
    max-width:100%;
}
.Content {
    float: left;
    width: 100%;
    padding: 0 0 10px;
}
.Left #SideCategoryList li ul {
    position: inherit;
    width: 255px;
    z-index: 9999;
    left:0;
}
.BlockContent p img {
    height: auto;
    width: 275px;
}
#HomeNewProducts .ProductList li {
  height: auto !important;
    margin: 8% 15%;
    width: 198px !important
}
#HomeNewProducts .ProductList .ProductImage{
	padding:0;
	height:auto!important;
	margin:16px auto;
}
/******detail******/

#ProductDetails{
  
}

.ProductThumb{
	height: auto !important;
    width: 100% !important;
}

#ProductDetails .ProductThumbImage{
	
}

#ProductDetails .zoomPad img{
	max-width:282px;
	max-height: 265px;
}

#ProductDetails .ProductTinyImageList{width:100%!important;}
#ProductDetails .ProductTinyImageList ul{width:100%!important;}
#ProductDetails .ProductTinyImageList ul li{height: auto !important;
    margin: 6px;
    padding: 0;}

#ProductDetails .ProductMain {
    float: left;
	width:284px;
   
}
.Field400 {
    width: 222px;
}
#SideProductRecentlyViewed{
  display:none;
}
.Right{
  width:284px;
}
.Right h2, .Right .BlockContent{
	margin-right:0px;
}
#ProductDescription{
  width:284px;
}
.ExpressCheckout {
    width: 100%;
}
.CreateAccount {
    border-bottom: 1px solid rgb(204, 204, 204);
    float: left;
    padding-bottom: 10px;
    width: 97%;
    border-right:none;
}

.AccountLogin {
    float: left;
    margin-top: 10px;
    padding-left: 0px;
    width: 100%;
}

.NarrowFormContainer dt {
    width: 95px;
}
.NarrowFormContainer dd {
    margin-left: 100px;
}

#CartContent .CartContents .CartThumb img{
   width:10px;
}

.PL20 {
    padding: 0;
}
.ExpressCheckoutContent .HorizontalFormContainer dt {
    width: 116px;
}
.ExpressCheckoutContent .HorizontalFormContainer dd {
    margin-left: 110px;
    padding-top: 4px;
}
.HorizontalFormContainer .Field200 {
    width: 154px;
}
.HorizontalFormContainer p.Submit {
    margin-left: 100px;
}

.CartContents .ProductName a {
    font-size: 10px;
    font-weight: normal;
}

table.CartContents tbody td {
    padding: 6px 2px;
    font-size:11px;
}
table.CartContents thead tr th {
    padding: 6px 0;
    font-size:11px;
	text-align:left!important;
}
table.CartContents .CartThumb{
  display:block!important;
}

.FloatLeft {
    float: none;
    text-align: center;
}
.Lef{width:284px;}
.SubCategoryListGrid li {
    display: inline-block;
    float: none;
    margin: 2% 5% !important;
    width: 90% !important;
}
.GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout {
    clear: both;
    margin-bottom: 10px;
    text-align: center;
}
.CheckoutButton {
    text-align: center;
    width: 100%;
}
.KeepShopping {
    clear: both;
    display: none !important;
    text-align: right;
    width: 180px;
}
.Content .Block h2{font-size:17px;}
.FindByCategory li{display:block;}
#ModalContentContainer{width:100%!important;}
#ModalTitle, .ModalTitle{width:290px;}
#ModalContent, .ModalContent{width:284px;}
#fastCartContainer{width:288px;}
#fastCartWrapper{width:286px; padding:0;}
.fastCartContent{width:286px;}
.fastCartContent h2{font-size:18px;}
.fastCartItemBox{max-width:138px; padding:0 0 10px;}
.fastCartBottom{width:96%;}
#fastCartContainer .ProductList li{margin:5px;}
#ModalContainer{width:100%!important; left:115%;}
.CartContents tbody td, .CartContents tfoot td {padding: 6px 1px !important;}
.fastCartSummaryBox{margin-right:0px; float:left;}   
.modalClose{padding-right:40px!important;}
.search-sec .adv-search p{display:none;}
.ExpressCheckoutCompletedContent{display:none!important;}
.Right .BlockContent h2{margin-right:0;}
   
.FloatRight.AlternativeCheckout {
    float: none;
}
}
@media only screen and (max-width: 420px){
.Content .ProductList.List .ProductDescription {
    display: none;
  
}
}
@media only screen and (max-width: 384px){

.FloatRight.AlternativeCheckout {
    float: none;
}
    
body {
  background:#fff;       
}

#Container {
    margin: 0px auto;
    max-width: 100% !important;
}

#Header .TopMenu {
   background:#000;
   height:auto;
   padding:0 2px;
   margin:0;
}

#Header .TopMenu li a, #Header .TopMenu li div{
 color:#fff;
  font-size:11px;
  padding: 0 10px;
  background:none;
}

#Header .cart-sec {
     background: rgba(0, 0, 0, 0) url("/product_images/uploaded_images/cart-icon.png") no-repeat scroll left center;
    float: left !important;
    padding: 0 0 0 36px !important;
}

#Logo {
    margin: 0 auto;
    text-align: center;
    float:none;
    padding-top:10px;
	height:auto;
}

#Logo img{max-width:230px;}

.contact-sec{}

.search-sec {
    float: left;
    margin-left:2px;
	width:99%;
}
#SearchForm{margin:8px 0 0; float:left; margin-left:7%}

#Menu li{
    border-right:none;
}
#Menu li ul {
    left: 70px;
    top: 32px;
	border:none;
}
#Menu li:nth-child(3) ul {
    padding: 0;
    width: 218px;
	border:none;
}
#Menu li:nth-child(3) ul li a {
    width: 87%;
}

#Menu li ul li{display:none;}



.home {
    padding: 0;
    width: 100%;
}

.cat-sec1 ul li{padding:0; width:100%; text-align:center;}
.cat-sec1 ul li img{max-width:284px;}

.cat-sec{
    border-bottom:none;
}

.cat-sec li {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    float:none;
    border-right:none;
}
.cat-sec li a img{max-width:284px;}

.Content .ProductList li {
    float: none;
    margin:0 auto 18px;
}
.newsletter .newsletter-sec {
    margin: 0 auto;
    width: 97%;
}
.newsletter-sec .news-txt{
    font-size:12px;
    margin-bottom:10px;
}
.NewsletterSubscription input.Textbox {
    width:172px;
}
.NewsletterSubscription .Button {
    margin-left:4px;
}
.footer-content {
    margin: 0 auto;
    padding: 10px;
    width: 90%;
}
.footer-row .follow-us{
    position: inherit;
}
.footer-row .column2 {
    float: left;
    margin-left:0px;
	margin-top:10px;
}

#Footer #SideNewsletterBox {
    float: none;
    width: 264px;
	margin-left:16px;
}

/***category******/



.HorizontalFormContainer dd {
    margin-left: 45%;
   
}

.Content.Widest {
    max-width:100%;
}
.Content {
    float: left;
    width: 100%;
    padding: 0 0 10px;
}
.Left #SideCategoryList li ul {
    position: inherit;
    width: 255px;
    z-index: 9999;
    left:0;
}
.BlockContent p img {
    height: auto;
    width: 275px;
	margin:0 5px;
}
#HomeNewProducts .ProductList li {
  height: auto !important;
    margin: 8% 15%;
    width: 198px !important;
padding:3% !important;
}
#HomeNewProducts .ProductList .ProductImage{
	padding:0;
	height:auto!important;
	margin:16px auto;
}
.SubBrandListGrid li{
	  margin: 10px 5% !important;
    width: 90% !important;
}
/******detail******/

#ProductDetails{
  
}


	.ProductThumb, .ProductMain {
    height: auto !important;
    margin: 10px 0;
    width: 100% !important;
}


#ProductDetails .ProductThumbImage{
	
}

#ProductDetails .zoomPad img{
	max-width:348px;
	max-height: 265px;
}

#ProductDetails .ProductTinyImageList{width:88%!important;}
#ProductDetails .ProductTinyImageList ul{width:100%!important;}
#ProductDetails .ProductTinyImageList ul li{height:84px!important; margin:6px; padding:0;}

#ProductDetails .ProductMain {
    float: left;
	
   
}
.Field400 {
    width: 222px;
}
#SideProductRecentlyViewed{
  display:none;
}
.Right{
 
}
#ProductDescription{
  
}
.ExpressCheckout {
    width: 100%;
}
.CreateAccount {
    border-bottom: 1px solid rgb(204, 204, 204);
    float: left;
    padding-bottom: 10px;
    width: 97%;
    border-right:none;
}

.AccountLogin {
    float: left;
    margin-top: 10px;
    padding-left: 0px;
    width: 100%;
}

.NarrowFormContainer dt {
    width: 95px;
}
.NarrowFormContainer dd {
    margin-left: 100px;
}

#CartContent .CartContents .CartThumb img{
   width:10px;
}

.PL20 {
    padding: 0;
}
.ExpressCheckoutContent .HorizontalFormContainer dt {
    width: 116px;
}
.ExpressCheckoutContent .HorizontalFormContainer dd {
    margin-left: 110px;
    padding-top: 4px;
}
.HorizontalFormContainer .Field200 {
    width: 154px;
}
.HorizontalFormContainer p.Submit {
    margin-left: 100px;
}

.CartContents .ProductName a {
    font-size: 10px;
    font-weight: normal;
}

.ProceedToCheckout {
    text-align: center;
}
table.CartContents tbody td {
    padding: 6px 2px;
    font-size:11px;
}
table.CartContents thead tr th {
    padding: 6px 0;
    font-size:11px;
	text-align:left!important;
}
table.CartContents .CartThumb{
  display:block;
}
.FloatRight,.FloatLeft {
    display: inline-block;
    float: none;
    text-align: center;
    width: 100%;
}
.Lef{width:284px;}
.SubCategoryListGrid li {
    display: inline-block;
    float: none;
    margin: 2% 5% !important;
    width: 90% !important;
}
.Content .Block h2{font-size:17px;}
.FindByCategory li{display:block;}
#ModalContentContainer{width:100%!important;}
#ModalTitle, .ModalTitle{width:322px;}
#ModalContent, .ModalContent{width:330px;}
#fastCartContainer{width:330px;}
#fastCartWrapper{width:330px; padding:0;}
.fastCartContent{width:330px;}
.fastCartContent h2{font-size:18px;}
.fastCartItemBox{max-width:146px;}
.fastCartBottom{width:100%; padding:0;}
#fastCartContainer .ProductList li{margin:8px; width:144px!important;}
#ModalContainer{width:100%!important; left:95%;}
.CartContents tbody td, .CartContents tfoot td {
    padding: 6px 1px !important;
   }
.fastCartSummaryBox{margin-right:40px;}   

.search-sec .adv-search p{display:none;}
.ExpressCheckoutCompletedContent{display:none!important;}
.Right .BlockContent h2{margin-right:0;}
   
}
@media only screen and (max-width: 567px){
.home .SubCategoryListGrid li {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #999;
    float: left;
    margin: 2% 1% !important;
    max-height: none!important;
    padding: 1% !important;
    text-align: center;
    width: 46% !important;
}
#Header .search-sec #SearchForm {
    margin: 10px 0;
}
}
@media only screen and (max-width: 980px){
.Equipments  {
    display:none;
}
}