/* set image max width to 100% */

input.button {
	    -webkit-appearance: none;
	}

.prodslider {width: 924px; margin: 0px; padding: 0; list-style: none;}

/************************************************************************************
MEDIA QUERIES
************************************************************************************/
/************************************************************************************
Screen for Desktop and tablet landscape
*************************************************************************************/
@media screen and (max-width: 1279px) {

#container {width:100%;}



}
	

/************************************************************************************
Tablet (Portrait)
*************************************************************************************/
/* Tablet Portrait size to standard 960 (devices and browsers). Design for a width of 768px */
@media only screen and (max-width: 959px) {




}


/************************************************************************************
Mobile (Landscape)
*************************************************************************************/
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

 @media only screen and (max-width: 1020px) {
	 
	 .flag {
		 padding:30px;
	 }
	 
	 #slider1.slick-slider, #slider2.slick-slider {
    margin-left: 0;
    padding: 0 0px;
	 }
	 
	 #slider1.slick-slider .productCaption, #slider2.slick-slider .productCaption{
		 display:none;
	 }
	 #slider1 .slick-prev, #slider2 .slick-prev {
		display:none !important;
	}
	#slider1 .slick-next, #slider2 .slick-next {
		display:none !important;
	}
	 .slick-prev {
		 left:5px !important;
	 }
	 .slick-next {
		 right:5px !important;
		 
	 }
	 
	 #prodInfo p {
		 font-size:17px;
		 line-height:1.3em;
	 }
	 
	 #prodInfo select {
		padding: 4px;
	 }
	 
	 #logoFrame {
		 display:none;
	 }
	 
	 #checkoutButtons {
		 display:none;
	 }
	 
	 #checkoutText {
		 
			margin-right:10px !important;
	 }
	 
	 #mob-logo {
			display:inline !important;
	 }
	 
	html {-webkit-text-size-adjust: none;}

	#prodImageWrapper {
		width: 100%;
	}
	
	.smallimage
	{
		height: auto;
	}

		.mediumimage
	{
		height: auto;
	}

	/* Ideas */
	/* Ideas */
	.ideaContainer{width:auto; float:none; margin:0 0px 20px;}
	.ideaText {height:auto}
	
	#prodImage img{
		width:100;
		height:auto;
	}

    #welcomeText { display:block; }
	
	
	ul.prodInfoHelp li{
		list-style:none;
		padding:0;
		margin:0;
		float:left;
		width:98px;
		text-align:center;
		border-right:none;
		font-weight:bold;
		width:100%;
	}
	ul.prodInfoHelp li.last, ul.prodInfoHelp li.last a {border:none}

	ul.prodInfoHelp li a {color:#666;width:100%;display:inline-block;padding:10px 0;border-bottom:1px solid #ccc;font-size:16px}
	ul.prodInfoHelp li a:hover {color:#c9241e}
	
	
		ul.prodInfoHelp li.last, ul.prodInfoHelp li.last a {border:none}
	
	
	
	
	.button.small {width:auto}
	
	.hide-for-small {display:none}
	.floatLeft, .floatLeft.photo, .floatRight {float:none;width:auto}
	.floatLeft.photo {text-align:center;margin:0 auto !important}
	
	#topText, #flagsContainer, #headerRight, #logoFrame, #topLinks, #checkoutFrame, #navFrame, #topWords {width:auto;float:none;text-align:center}
	
	
	.contactfooter h4 {font-size:16px !important;}
		
	#checkoutFrame {
    	padding: 5px 0;
    	position: absolute;
    	right: 0;
    	top: 0px;
	}

    #newsletterSplashContainer, 
    #newsletterSplashContainer #newsletterSplash {
       width:100%;
    }

    #newsletterSplashContainer #newsletterSplash #close-newsletterSplash {
        right:5px;
    }

    #newsletterSplashContainer #newsletterSplash #offer,  
    #newsletterSplashContainer #newsletterSplash #divider {
        display:none;
    }

    #newsletterSplashContainer #newsletterSplash #signup {
        position:relative;
        left:auto;
        right:auto;
    }

    #newsletterSplashContainer #newsletterSplash #signup input.formbox {
        width:54%;
    }

    #newsletterSplashContainer #newsletterSplash #signup input.button.red {
        font-size: 16px;
        padding: 10px 5px;
    }
		
	#mainMenu {  
		border-bottom: 0;  
	}  
	#mainMenu ul {  
		display: none;
		height: auto;  
	}  
	
	#mainMenu a {
		border-right: none !important;
	}
	
	#mainMenu li {  
		display: block;  
		float: none;  
		width: 100%;
		border-top: 1px solid #333;
		text-align: left !important;
	} 
	
	#mainMenu ul.sub-menu {
		position: relative !important;
		top: 0px !important;
		
	}
	
	#mainMenu ul.sub-menu li {
	    background-color: #1E1E1E !important;
	}
	
	#mainMenu ul.sub-menu li a {
	    text-indent:30px;
	}
	
    #mainMenu #touch-wrapper {
        float:left;
    }

	#mainMenu a#menubutton {  
		display: inline-block;
		padding:23px 5px 28px 15px;
        width: 22px;
        vertical-align: top;
	}

    #mainMenu #menubutton { cursor: pointer; padding: 10px 35px 16px 0px; }
    #mainMenu #menubutton span, #mainMenu #menubutton span:before, #mainMenu #menubutton span:after {
      cursor: pointer;
      border-radius: 1px;
      height: 3px;
      width: 22px;
      background: white;
      position: absolute;
      display: block;
      content: '';
    }
    #mainMenu #menubutton span:before {
      top: -7px; 
    }
    #mainMenu #menubutton span:after {
      bottom: -7px;
    }

    #mainMenu #menubutton span, #mainMenu #menubutton span:before, #mainMenu #menubutton span:after {
      transition: all 500ms ease-in-out;
    }
    #mainMenu #menubutton.active span {
      background-color: transparent;
    }
    #mainMenu #menubutton.active span:before, #mainMenu #menubutton.active span:after {
      top: 0;
    }
    #mainMenu #menubutton.active span:before {
      transform: rotate(45deg);
    }
    #mainMenu #menubutton.active span:after {
      transform: rotate(-45deg);
    }

    /* end */

    #mainMenu .cancelSearch i {
        transform: rotate(45deg);
    }

    #mainMenu a#searchbutton {  
		display: inline-block;
		padding:15px 15px 10px 0;
        z-index: 999;
	}
	
	#mainMain {
		
	}

	#xSaleWrapper{display: none;}
	
	#otherWrapper{display: none;}

	#siteWrapper {width:auto;margin:0px}
	#headerWrapper {width:auto;height:auto}
	#contentWrapper {width:auto;padding:0}
    .contentPadding {width:auto;}
    .productRow{width:auto;float:none;text-align:center}
    .productCaption{width:200px;float:none;text-align:center}
    .productHolder {width:30%;float:none;display:inline-table;text-align:center;margin:0 0 20px 0}
    .productHolder .productImageHolder.standardProdImage .smallimage {
        display: inline !important;
    }
    .productHolder .productImageHolder.standardProdImage .mediumimage {
        display: none !important;
    }

    /*.homeBanner {display:block;visibility:hidden}*/
	.homeBanner, .bx-viewport {width:100% ;height:auto !important;}
	.homeBanner li, .homeBanner img {width:100%;height:auto;}
    .mobileBanner {display:none; width:auto;height:auto;float:none; }

    .bottomthreecolumns {width:auto;float:none;text-align:center}


    #mainMenu {width:auto;float:none;text-align:center;background-color:#111;clear:both;}
    #mainMenu, #navFrame {height:100%; position:relative;}
    #mainMenu ul { clear:both; }
    #mainMenu ul li.inactiveLink {float:none;width:auto;height:auto;}

    #mainMenu ul li.inactiveLink a, #mainMenu ul li.activeLink a {padding:15px 0;text-indent:15px;width:100%;text-align:left !important}
    #mainMenu ul li.inactiveLink a:hover, #mainMenu ul li.activeLink a:hover {padding:15px 0;text-indent:15px}


    #mainMenu ul.sub-menu li a{border-bottom:0}
    #mainMenu ul.sub-menu li a:hover {border-bottom:0 !important}

    #checkoutButtons {float:right;margin:0;padding:0 15px}

    #contentFooterLinks h4 { display:block;padding:18px 0;cursor:pointer; margin-bottom: 0; }
    #contentFooterLinks h4:hover { display:block; background-color:#2a2a2a;text-decoration:underline; }
    #contentFooterLinks ul li ul { display:none; }
    #contentFooterLinks ul li ul li a { display: block; }
    #contentFooterLinks ul li ul li:hover a { background-color:#fff; color: #333; }
    #contentFooterLinks ul li:hover > ul { display: block; }


    #contentFooterTop, #contentFooterLinks, #contentFooter {width:auto;float:none;text-align:center}


    .bottomthreecolumns .column3 {
    width:auto;float:none;text-align:center;margin:10px 0}

    .bottomthreecolumns .column3.last {margin:10px 0}


    /* ===========================================
	    SEARCH FORM            
    =========================================== */
    .searchcontainer { position: absolute; top: -15px; left:40px; width:0; overflow:hidden; }

    .searchcontainer #smallTagCloud { display:none; }

    #headerWrapper #fullTagCloud { top:40px; width:auto; position: absolute; }


    #searchFrame{
	
    color:#ccc;margin:20px 0px 0;
	    width:auto;float:none;
    }
    #searchform{
	    position:relative;
	    width:auto
    }
    #searchform input[type=text]{
	    border:none;
	    display:block;
	    font-size:16px;padding:5px 10px;
	    margin:0;width:auto;
	    color:#888;
	    font-family:arial, sans-serif;
    }
    #searchsubmit{
	    border:none;
	    background:url(../images/input_search_button.png) no-repeat left top;
	    cursor:pointer;
	    height:24px;
	    position:absolute;
	    right:5px;
	    top:2px;
	    width:24px;
    }




    /* ===========================================
	    COLUMNS             
    =========================================== */

    .col34, .col34.last, .col2, .col2.last, .col3quarters, .col3quarters.last, .col4, .col5, .col5.last, .col3, .col3.last {float:none;width:auto;margin:0 0 30px 0;text-align:center}

    .newsletterbtn  {float:none;width:80%;margin:0 auto;}

    .newsletterbtn a.button {font-size:15px !important;padding:15px}

    /* ===========================================
	    SOCIAL ICONS            
    =========================================== */
    ul.socialiconcontainer {width:100%;text-align:center;margin: 0 0 20px 0 !important;
    }


    /* ===========================================
	    PRODUCT PAGE             
    =========================================== */
    img.threefortwobadge {width:100%}
    #prodImage {float:none;width:auto;border:none;}
    #prodImage img{
	    width:100%;
	    height:auto;
    }
    #prodInfo {float:none;width:auto;margin:30px 0;padding:30px 0;}
    #prodInfoOptions {width:auto;margin:10px 0}
    .prodInfoGreyBox {width:auto;text-align:center;background-color: #e9e9e9;border:none;-webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 10px;
    margin: 0 0 5px 0;}

    .prodslider {width:auto}
    .productHolderSlider {width:auto;float:none}

    .prodOptionLabel {float:none;width:auto;font-size:16px}
    .prodOption {float:none;width:100%}

    .prodOption select {width:100%;font-size:16px}

    .prodPrice {float:none;width:auto;text-align:center}

    .prodAddToCart {float:none;width:auto}

    input.button, a.button {width:100%;padding:10px 20px;font-size:21px;text-transform:capitalize}
     a.button {width:auto}


    #saleSearch_Page{
	    width:100%;
	    height: 180px;
	    text-align:center;
	    margin: 0;
    }
    .saleStyle{
	    width:90%;
	    font-family:arial,sans-serif;
	    margin-left: 5%;
	    float: left;
    }
    .saleSize{
	    width:90%;
	    font-family:arial,sans-serif;
	    margin-left: 5%;
	    float: left;
    }
    .saleColour{
	    width:90%;
	    font-family:arial,sans-serif;
	    margin-left: 5%;
	    float: left;
    }

    .numberOfProducts
    {
        display: none;
    }

    .saleSearchButton{
	    position:relative;
	    top:24px;
	    padding:0;
    }

    #janSaleBackground
    {
        background-image: none;
        height: 80px;
    }
    #cartCheckoutButton
    {
        height: 74px;
    }

    .cartPreviewImage
	{
		max-height:120px;
		max-width:120px;
		width:auto;
        /*display:none;*/
    }

    .cartPreviewImageTd
	{
        /*display: none;*/
    }

    .buttonCart.smallCart {}

    a.buttonCart{padding:0;color:#9D0000;display:inline;text-align:center;font-weight:normal;text-transform:none}
    a:hover.buttonCart {color:#fff;text-decoration:none}

    a.buttonCart.red {background:#fff;}
    a:hover.buttonCart.red {background:#fff;}

    a.buttonCart.grey {background:#fff;}
    a:hover.buttonCart.grey {background:#fff;}

	
	/****** Discount area box *******/
    #applyDiscount{/*width: 35%;*/}
	.applyDiscountHolder{ min-width:300px; height:auto; }
	.applyDiscountCol{ width:100%; }
	.cpncodetextbox { width:220px; }

    input.formbox2 {font-size: 14px;padding: 10px 15px;border: 1px solid #ccc;color: #666;margin: 10px 0 10px 0;background-color:#efefef;width:50%;
	    font-family:arial, sans-serif
	    ;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}

    .discountTd
    {
        padding-left: 0px; 
        padding-right: 0px;
    }

    #offerWordingTd
    {
        padding: 15px 0 0 0;
    }
	
	
	/*** Shipping ***/
	.shiparea{ height:auto; }
	.shiparea li { width:100%; float:none; }
	.shiparea-summary{ height:auto; min-width:0px; }
	
	
	/*** CHECKOUT ***/
	.checkout-sidel{width:100%;float:none;border-right:0;}
	.checkout-sider{ width:100%;float:none;}


	
}


/***** CW MOBILE DEFINITION *****/


/************************************************************************************
Mobile (Portrait)
*************************************************************************************/

@media only screen and (max-width: 578px) {
	
	#lbImage{
		max-height:390px;
		max-width:390px;
		background-size:390px 390px;
	}
	
	#lbImage > div{
		max-height:390px;
		max-width:390px;
	}

}

@media only screen and (max-width: 530px) {
	
	#lbImage{
		max-height:390px;
		max-width:390px;
		background-size:390px 390px;
	}
	
	#lbImage > div{
		max-height:390px;
		max-width:390px;
	}
	
	.smallimage
	{
		/*width:130px;*/
	}

	.mediumimage
	{
		width:auto;
	}

	.productHolder {
		width: 45%;
	}

	.productImageHolder
	{
		width:auto;
		height: auto;
		overflow: hidden;
	}
	.contentPadding{padding: 5px;}   
    .productCaption{width:auto;float:none;text-align:center; overflow:hidden;}
    .productHolder {/*width:auto;*/float:none;display:inline-table;text-align:center;margin:0 0 0 0; /*padding: 0px*/}
    .productHolder .productImageHolder.standardProdImage .smallimage {display: inline !important;}
	
	
	.checkout-smlcol{
		width:100%;
		display:block;
	}

	.checkout-medcol{
		width:100%;
		display:block;
		min-width:260px;
	}

	.checkout-lrgcol{
		width:100%;
		display:block;
	}
	
	.payment-card-strip{
		max-width:280px;
	}
	
	.paymentimg { max-width:280px; height:auto; }
	
	.checkout-container select{
		max-width:340px;
	}
	
}

@media only screen and (max-width: 468px) {
	
	#lbImage{
		max-height:310px;
		max-width:310px;
		background-size:310px 310px;
	}
	
	#lbImage > div{
		max-height:310px;
		max-width:310px;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers). Design for width of 320px*/
@media only screen and (max-width: 320px) {

	#welcomeText { display:none; }
       
	/* disable webkit text size adjust (for iPhone) */
	html {-webkit-text-size-adjust: none;}

	.productHolder {width:auto;float:none;text-align:center;margin:0 0 20px 0;}
	.productCaption{width:auto;float:none;text-align:center;}

	#lbImage{
		max-height:275px;
		max-width:275px;
		background-size:275px 275px;
	}
	
	#lbImage > div{
		max-height:275px;
		max-width:275px;
	}
	
	

}

@media only screen and (max-width: 280px) {
	
	.productHolder { width:auto; }
	.smallimage
	{
		width:130px;
	}
	
	#lbImage{
		max-height:260px;
		max-width:260px;
		background-size:260px 260px;
	}
	
	#lbImage > div{
		max-height:260px;
		max-width:260px;
	}
}

@media only screen and (max-width: 175px) {
	.smallimage
	{
		width:100%;
		border: none;
		
	}

	.mediumimage
	{
		width:100%;
	}

	.productImageHolder
	{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.productCaption{width:100%;float:none;text-align:center}
	.contentPadding{padding: 5px;}   
}