/* Media queries
---------------------------------------------------------------------*/

.responsive
{
    display:none;
}

#mainLogoMobile 
{
    display:none;
    position:absolute;
	left:10px;
	top:28px;
}
    

.home-right
{
    margin-right:0px !important;
}

h1.product-detail {
    color: #00783f !important;
    font-size: 22px !important;
    line-height: normal !important;
	float:right !important;
	width:570px !important;
	position:relative !important;
	z-index:1 !important;
}

#productDetailExtra table.mainimage-table 
{
    width:350px;
    height:350px;
    margin:0 auto;
}


#productDetailInfo #customerReviews
{
    background-image: none;
    width:96%;
    padding:0 2%;
    margin:0;
}

#productDetailInfo #customerReviews h2
{
    display:none;
}

#productDetailInfo #customerReviews .review
{
    width:90%;   
}

.notice {
	display:block; /* Hide but keep in place until required again */
	position:absolute;
	bottom: 70px;
	left: 20%;
	font-weight: bold;
}

@media screen and (max-width: 980px) 
{    
    .unresponsive
    {
        display:none;   
    }
    
    body 
    {
        
    }
    
	#bodyWrapper
	{
	    background-image:none;
	}
	
    #page 
    {
	    max-width:980px !important;
	    width:auto !important;
	    padding:0 2% !important;
    }
    
    #sortByDiv
    {
        width:96% !important;
        padding:2%;   
    }
    
    .filter
    {
        width:75% !important;
    }
    
    #header
    {
	    width:100% !important; 
    }
    
    #header ul#topNav {
	    left:auto;
	    right:250px;
	}
	
    #header #search 
    {
        display:none;
    }
    
    
    #mainNav 
    {	
	    width:100% !important;
    }
    
    #mainNav #menu
    {
	    width:100% !important;
    }
    
    #mainNav #menu li 
    {
	    padding:0 2%;
    }
    
    #mainNav #menu li a 
    {
	    padding:0;
    }
	
    #mainNav #menu li a:hover {
	}
	
	#mainNav #menu div.catPullOut
	{
	    display:none !important;   
	}
	
	.notice {
		bottom: -5px;
		right: 0%;
		left:auto;
	}
		
    #left 
    {
        display:none;
	    width:21% !important;
    }
    
    .orbit-wrapper 
    {
	   width: 100% !important;
       display:block !important;
    }
	
	.orbit-wrapper #featured {
		max-width: 100%;
		width: 100% !important;
	}
    
	.orbit-wrapper #featured img {
		max-width: 100%;
	}
	
	.orbit-wrapper .orbit-bullets {
		display: none !important;
	}
	
    #footer 
    {
        max-width:950px !important;
        width:auto !important;
		z-index:0;
    }
    
    #footer #customerServices, #footer #ourGuarantee, #footer #cardLogos, #footer #credit, #footer #copyright
    {
        position:relative !important;
        top:0px !important;
        left:0px !important;
        right:auto !important;
        bottom:auto !important;
        width:100% !important;
        height:auto !important;
        margin:0 !important;
        clear:both !important;
    }
        
    #footer #customerServices
    {
        width:45% !important;
        float:left;
        border-right:none;
        clear:none !important;
        padding-bottom:20px;
    }
           
    #footer #customerServices ul
    {
        width:100%;   
        padding:0;
        margin:0;
    }
    
    #footer #customerServices ul.second
    {
        width:100%;
        margin-left:0;
    }
    
    #footer #ourGuarantee
    { 
        width:45% !important;
        float:right;
        clear:none !important;
        padding:0px !important;
        height:132px !important;
        background:#fff url(../templateimages/ourGuarantee.gif) no-repeat 10px center;
    }	
    
    #footer #followUs 
    {
        position:absolute;
        top:auto;
        bottom:0px;
        width:140px;
        height:36px;
        border:none !important;
        z-index:100;
    }
    
    /* Main content */
    
    .subcat {
	    margin-right:3.5% !important;
	    margin-left:10px !important;
	    }    
 
    #pageContent 
    {
        width:100% !important;
        padding:0 0% !important;
    }
    
    #breadcrumb
    {
        width:100%;
        float:left;
		margin-top:30px;
    }
    
    #productBreadcrumb 
    {
        width:92% !important;
        padding-left:4%;
        padding-right:4%;
		margin-top:30px;
	}	 
    
    #featuredProduct {
	    width:100%;
	    border:none;
	    /*border:1px dashed #999;*/
	}
	
    #featuredProduct .featuredProductImgWrapper	{
	    height:300px;	
	    width:350px !important;
	    display:block;
  	    vertical-align:middle; 
	    align:center;
	    margin:0 auto;
	    }    
	    
    
    #productList 
    {
        width:560px;
        margin:0 auto !important;
    }    
    
    /* Product detail */
    h1.product-detail {
	    width:100% !important;
    }

    #productDetailExtra table.mainimage-table 
    {
        
    }    
    
    #productDetailInfo
    {
        width:58.1% !important;
        overflow:hidden;
	}
    
    #productDetailInfo .price-panel
    {
        background-image:none;          
    }
    
    #productDetailInfo .price-panel .quantity label
    {
        left:auto;
        right:100px;          
    }	 
    
    #productDetailInfo .price-panel .quantity input
    {
        left:auto;
        right:40px;          
    }
    
    #productDetailInfo .price-panel .addbasket
    {
        left:auto;
        right:20px;          
    }	 
    
    #productDetailInfo #customerReviewAdd
    {
        background-image:none;   
    }
	
	#productDetailExtra .mainImage
	{
	    padding:0;
	    width:100%;
	    overflow:hidden;
	}

    #productDetailExtra table.mainimage-table img
    {
        max-width:100%;
    }    
	
    #productDetailExtra .mainImage .enlarge-text
    {
        display:none;    
    }
    
    #productDetailExtra
    {
        width:37.3% !important;
	}	 
	
	/* Custom pages */
	.contactForm, .map
	{
	    width:auto !important;
	    max-width:400px;
	} 
	
	/* Search */
	#resultsList 
	{
	    width:96%;
	    padding:0 2%;
	}
	
	/* Blog */
	.blog-holder p img
    {
        max-width:100% !important;
    }
	
}

@media screen and (max-width: 780px) {  
  
    #header ul#topNav 
    {
        display:none;
    }
    
    
    #mainNav #menu li 
    {
        font-size:14px !important;   
	    padding:0 1%;
    }
    
    #pageContent {
        overflow:visible !important;
    }
    
    .subcat {
	margin-right:0.75% !important;
	margin-left:0.75% !important;
	}  
	
	/* Product detail */
	
    h1.product-detail {
        font-size: 18px !important;
    }

    #productDetailInfo
    {
        width:96% !important;
        padding:2%;
        overflow:visible;
        float:left;
	}
	
	#productDetailExtra
	{
	    display:block;
        width:96% !important;
        padding:0 2%;
        overflow:hidden !important;
        float:left;
        min-height:100px;
	}

    #productDetailExtra table.mainimage-table 
    {
        height:auto !important;
    }
	
    #productDetailExtra .mainImage
    {
	    border:none;
        cursor:auto;
        min-height:100px !important;
	}  
	
	/* Disable larger image click below this size */
    #productDetailExtra .cboxElement 
    {
        pointer-events: none !important;
    }
	
	#productDetailExtra #relatedProducts
	{
	   /* display:none; */
	}
    
    #productDetailInfo #customerReviewAdd
	{
	    /*display:none; */
	}
	
	#productDetailInfo #customerReviewAdd span {
		width: 96%;
		float: none; 
    	display: block;
    	padding-top: 8px;
	}
	
	#productDetailInfo #customerReviewAdd label {
		padding-bottom: 0px;
	}
  
	/* Custom pages */
	.contactAddress
	{
        padding-top:20px;
	    float:left;
	    clear:left;
	    max-width:400px;
	    width:auto;
	}
	
	.map
	{
	    width:100% !important;
	    max-width:auto !important;
	}
	

}

@media screen and (max-width: 650px) {  
    #mainNav 
    {	
	    width:33% !important;
	    left:auto;
	    right:0;
	    bottom:16px;
	    top:auto;
	 }
	 
	 
    #mainNav .drawers
    {	
	    color:#FFF !important;
	    background-color:#a1ac8f !important;
        display:block;
        text-align:center;
        height:29px;
        padding-top:10px;
        font-size:14px;
        border-top:none;
    }
    
        
        
    #mainNav .drawers:hover
    {	   
        text-decoration:none;
    }
    


    #menu 
    {
        display:none;
	    top:46px;
        width:90%  !important;
        padding:0;
        right:0px;
        left:auto;
    }

    #mainNav #menu li.topcat 
    {
        width:99%;
	    display:block;
	    float:none;
	    margin:0  !important;
        padding:0 !important;
	    border:1px solid #a1ac8f;
	    border-top:0;
	    color:#444;
	    background:#fff;
	 }	   
	
    #mainNav #menu li.topcat a {
	    display:block;
        width:94%  !important;
        padding:6% 3% !important;
	    margin:0  !important;
	    color:#444;
	    background:#fff;
	    border-radius:0;
	    height:20px !important;
	    }
    
    #mainNav #menu li.topcat a:hover {	
    }   
    
    .searchbox, .blogbox
    {
        width:32%;
        display:block;
	    background-color:#a1ac8f !important;
        display:block;
        text-align:center;
        height:29px;
        padding-top:10px;
        font-size:14px;
        border-top:none;
        position:absolute;
        left:0px;
        bottom:22px;
    }
    
    .blogbox
    {
        width:30%;
        left:35%;
    }
    
    .searchbox a, .blogbox a  
    {
	    color:#FFF !important;
        display:block;
        text-align:center;
        font-size:14px;
    }
    
    #footer
    {
        height:auto;
    }
    
    #footer #cardLogos img
    {
        width:90%;   
    }
        
    #footer #customerServices, #footer #ourGuarantee, #footer #cardLogos, #footer #credit, #footer #copyright
    {
        width:100% !important;
        text-align:center;
        padding:10px 0px;
    }
           
    #footer #customerServices h3
    {
        display:none;   
    }
           
    #footer #customerServices ul li
    {
        background-image:none;
        padding:5px 0px;    
	    color:#fff !important;
	    background-color:#a1ac8f !important;
	    margin-bottom:10px;
    }
           
    #footer #customerServices ul li a
    {
        font-size:14px;   
        color:#fff;  
        display:block;      
    }
    
    #pageContent {
    }
    
    .mainCatImage 
    {
        clear:both;
        max-width:100%;
    }
    
    #sort 
    {
        width:70%;
        float:left;
    }
    
    .filter, .nextPrev {
	    position:relative !important;
        z-index:100 !important;
	    top:0px !important;
	    right:0px !important;
	    height:20px !important;
	    width:100% !important;
	    margin:0px !important;
	    }	
	    
	.filter
    {
        top:-15px !important;
    }	
	    
	.filter label
    {
        display:none !important;
    }
	    
	.nextPrev 
	{
	    clear:left;
	}
	
	.showall 
	{
	    display:block;
	    position:relative !important;
	    width:100% !important;
	    clear:left !important;
	    top:0px !important;
	    left:0px !important;
	    right:auto !important;
	}
    
    #sortByDiv	{
	    height:auto !important;
    }
    
    #sortBy 
    {
        z-index:100 !important;
    }
    
    #productList 
    {
        width:380px;
    }
	
    
    /* Search */
    
    #searchForm {
	    width:96%;
	    padding:2%;	
	}
    
    
    #resultsList 
    {
        padding:0;
    }
        
    #resultsList .productImgWrapper {
	    width:25%;
	    padding:0;
	}	
	
    #resultsList .productImgWrapper img {
	    max-width:80%;
	    max-height:80%;
	}
    
    #resultsList .productResultDesc {
	    display:none;
	}	
	


}


@media screen and (max-width: 480px) 
{
    
    #mainNav
    {
        width:40% !important;
    }
    
    .searchbox, .blogbox
    {
        width:28%;
    }
	
	.notice {
		bottom: -25px;
		font-size:11px;
	}

    .searchbox a, .blogbox a {
        font-size:12px;
    }
    
    .blogbox
    {
        left:30%;  
    } 
        
    #mainNav .drawers
    {	
        font-size:12px;
    }


    #mainNav #menu li.topcat a {
        font-size:12px;
    }
  
    #footer #followUs 
    {
        display:none;
    }
    
    #basketResult p
    {
        font-size:10px;
    }
    
    #pageContent {
    }	
    
    #productBreadcrumb 
    {
        font-size:12px;
    }
       
    /* Content  */
    
    .subcat {
	margin-right:2% !important;
	margin-left:2% !important;
	}  
    
    #productList 
    {
        width:96%;
        padding:0 2%;
    }

    #productList .productWrapper 
    {
        width:100% !important;
        padding:0 !important;
	    border:none;
	    height:110px;
	    border-bottom:1px solid #ddd;
	    margin-bottom:40px !important;
	}
	
    #productList .productImgWrapper
    {
        float:left;
        width:110px;
        margin-right:5% !important;
	}
	
    #productList .productWrapper .productName
	{
	    clear:none;
	    float:left;
	    padding-left:0 !important;
	    margin-left:5px !important;
	    text-align:center;
	    width:50%;
	}
	
    #productList .productWrapper .productPrice
	{
	    position:relative !important;
	    bottom:0 !important;
	    left:0 !important;
	    margin-left:0 !important;
	    top:10px;
	    clear:none;
	    float:left;
	    text-align:center;
	    padding-left:0 !important;
	    width:50% !important;  
	}
	
    #productList .productWrapper .productName a, #productList .productWrapper p.productPrice a {
	    font-size:12px;
	}	
    
    /* Product detail */
    #productDetailInfo .price-panel 	
    {
	    min-height:200px;
    }
    /* Sale price variants  */


    #productDetailInfo .price-panel .rrpSale, #productDetailInfo .price-panel .rrpSingleSale, #productDetailInfo .price-panel .wasPriceSale
    {
        left:auto;
        right:0px;
    }

    #productDetailInfo .price-panel .rrpSale
    {            
        top:0px;
    }

    #productDetailInfo .price-panel .rrpSingleSale
    {    
        top:0px;
    }

    #productDetailInfo .price-panel .wasPriceSale
    {    
        top:20px;
    }

    #productDetailInfo .price-panel .priceSale, #productDetailInfo .price-panel .priceSingleSale
    {
        left:auto;
        right:0px;
    }

    #productDetailInfo .price-panel .priceSale
    {            
        top:40px;
    }

    #productDetailInfo .price-panel .priceSingleSale
    {    
        top:40px;
    }
    
    #productDetailInfo .price-panel .rrp, #productDetailInfo .price-panel .rrpSingle
    {
        left:auto;
        right:0px;
    }

    #productDetailInfo .price-panel .rrp
    {            
        top:0px;
    }

    #productDetailInfo .price-panel .rrpSingle
    {    
        top:0px;
    }

    #productDetailInfo .price-panel .price, #productDetailInfo .price-panel .priceSingle, #productDetailInfo .price-panel .priceSingleHiddenText, #productDetailInfo .price-panel .priceMultipleHiddenText
    {
        left:auto;
        right:0px;
    }    

    #productDetailInfo .price-panel .price
    {            
        top:30px;
    }

    #productDetailInfo .price-panel .priceSingle
    {    
        top:30px;
    }

    #productDetailInfo .price-panel .priceSingleHiddenText
    {    
        top:184px;
    }

    #productDetailInfo .price-panel .priceMultipleHiddenText
    {    
        top:120px;
    }

    #productDetailInfo .price-panel .status 
    {    
        right:0px;
        top:155px;
    }
    
      #productDetailInfo .price-panel .quantity label
    {
        right:60px;
        top:70px;              
    }	 
    
    #productDetailInfo .price-panel .quantity input
    {
        right:0px;      
        top:70px;    
    }
    
    #productDetailInfo .price-panel .addbasket
    {
        right:0px;    
        top:110px;      
    }	
    
    #productDetailInfo .price-panel .dropdown 
    {    
        position:absolute;
        left:0px;
        right:auto;
        top:120px;
    }
    
    #productDetailInfo #dropDownPanel 
    {
        left:0px;
        right:auto;
        top:150px;
        width:90%;
    }
    
    #productDetailInfo #dropDownPanel .dropdownPointer
    {
        left:30px;
        right:auto;
    }
    

    #productDetailExtra table.mainimage-table 
    {
        width:100%;
        height:350px;
        margin:0 auto;
    }
	
	
}

@media screen and (max-width: 320px) {
    #page 
    {
      /*  background:#f90;  */
    }

  
    
    #pageContent {
    }
	
}

@media screen and (max-width: 240px) {
    #page 
    {
       /* background:Lime;*/
    }

	
}