/* VISIBILITY STYLES */
/* HIDE BASED ON MEDIA SIZE */
/* USES
	.hidden-desktop - hide for standard view, display in tablet view and mobile view
	.hidden-tablet - hide for tablet view, display in standard view and mobile view
	.hidden-phone - hide for phone view, display in standard view and tablet view

	.visible-desktop - show for standard view, hide in tablet view and mobile view
	.visible-tablet - show for tablet view, hide in standard view and mobile view
	.visible-phone - show for mobile view, hide in standard view and tablet view

	.hidden - hide in all views

	.hidden-tinyphone - custom display field to hide in the smallest mobile view (usually portrait view mobile)
	.visible-tinyphone - custom display, show in the smallest mobile view, hide in everything else.

  MEDIA SIZES
	Standard Desktop shows views 980px+ or 1200+
	Ipad Tablet Landscape shows desktop view 980+
	Ipad Tablet Portrait shows tablet style 768-979
	Android Tablet Landscape (sample used) shows desktop view 980+
	Android Tablet Portrait (sample used) shows mobile view max width 767
	Mobile Phone Portrait (samples used) shows mobile view max width 480
	Mobile Phone Landscape (samples used) shows mobile view max width 767
*/



/* ALL VIEWS */ 


/* stop content going out of bounds for tablet view if it ever does */
.categoryMenuWrapper { overflow:hidden; }



/* SIZE SPECIFIC OVERWRITES */ 

/* [ DESKTOP STYLE 1170PX WIDE ]
   Uses: Wide screen PCs
   ---------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {

	.visible-tinyphone { display: none !important; } /* custom display view for smallest mobile phones */

	.container { min-width: 1170px; }
	
	/* *****Header Styles***** */
	#header-fullwidth {
		height:250px; /* sets the height for the header */
	}
	#headerlogo {
		width: 260px;
		height: 150px;
	}

	/* Login Bar Styles */
	#loginWrapper, #loginWrapperLoggedin { width:650px; }
	.input-login { width: 155px; }


	/* *****Left Content Styles***** */
	#contentLeft { width: 870px; margin: 0 10px 10px 0; }

	/* simple search form field */
	.input-search { width: 199px; }
	.input-brands { width: 213px; }


	/* *****Main Content Styles***** */
	/* ROTATING BANNER - from skitter.styles.css */
	#homeBanner, .carousel {
		width: 870px;
		height: 346px; /* ?? */
	}
	.brandlogoWrapper { margin: 0 11px 10px 0; }
	.brandlogoLastItem { margin: 0 0 10px 0; }
	.brandlogoWrapper img {
		width: 280px;
		height: 140px;
	}


	/*Browse Categories*/
	.categorySubLIImage { width: 215px; height: 250px; }
	.categorySubLIImage img { width: 200px; height: 200px; }
	.categorySubLIImage a, .categorySubLIImage img { width: 200px; }


	/* News Articles */
	div.newsthumb { width: 150px; }
	div.newslistcontent { width: 710px; }
	div.newscontent img {
		float: right;
		margin: 0 0 10px 10px;
		width:50%;
	}


	/* Product Details */
	#productDetailImagesWrapper { width: 310px; }
	#productDetailInfo { margin: 0 0 0 10px; width: 545px; }
	#productPriceContainer { width:50%; float:left; height:80px; min-height: 80px; }
	#productControlContainer { width:50%; float:left; text-align:right; }
	.productDetailGridWrapper { width:100% }


	/* Product List */
	/* List View*/
	.productListDetails { width: 470px; margin: 0 19px 0 0; }
	.productListCartBlockGrid { width: 260px; } /* override productListPriceBlock if grid view */
	.productListDetailsGrid { width: 430px;} /* override productListDetails if grid view */
	.productListThumbnail { width: 160px; }
	.productListThumbnailDiv { width:150px; height:150px; text-align:center;} /* fixes non square images*/
	.info_buttons { margin: 0 0 0 160px;}
	

	/* Featured Products on the Home Page */	
	/* Addon Products on Product Details Page*/
	/* Gallery Style on Product List Page*/
	/* Dynamically set the height for addons by if they have options/variants*/
	#featuresIntroWrapper, #addonsIntroWrapper {  margin: 0 0 10px 0; }
	.addonWrapper, .productGalleryWrapper { width:210px; margin: 0 7px 10px 0; }
	.addonsLastItem, .productGalleryLastItem { margin: 0 7px 10px 0; }
	.addonsLastItemW, .productGalleryLastItemW { margin: 0 0 10px 0; }
	.featureProduct, .addonProduct, .productGalleryProduct { padding: 5px; }
	.featureImageWrapper, .addonImageWrapper, .productGalleryImageWrapper { width: 200px; height: 200px; text-align:center; margin:auto; }
	.featureProduct h2, .addonProduct h2, .productGallery h2 { height: 16px; overflow: hidden; }
	.input-feature, .input-addon, .input-gallery { width: 205px; line-height:25px; }

	.featureWrapper { width:280px; margin: 0 11px 10px 0; }
	.featuresLastItem { margin: 0 0 10px 0; }


	/* Product List Line Style*/
	.productlist th, .productlist td { vertical-align:top; } /*resets bootstrap default*/
	.productLineThumbnail {
		width: 50px;
		height: 50px;
		margin:0; padding:0;
		text-align:center;
		background-color: #FFF;
	}
	.productLinePriceBlock, .productLineCartBlock { width: 460px; } /*width for price, options and add to cart sections */
	/* the size of the cover for the fade in/out */
	.optionPriceStockWrapperLine, .optionPriceStockWrapperLineOff, .optionPriceStockWrapperInnerLine, .optionPriceStockWrapperInnerLineOff {
		width: 110px;
		min-height: 50px;
	}
	/* options and variants - line style*/
	.productLineOptionsHeader, .productLinePriceSelect, .productLinePriceSelectSelected, .productLineVariantSelect, .productLineVariantSelectSelected {
		width: 180px;
	}
	.lineOptionsVariantsWrapper{ width: 170px; }
	.input-linestyle{ width:170px; margin: 0 0 3px 0 !important; } /* changes width of the option selects */
	/* add to cart - line style*/
	.productLineCartHeader { width: 130px; }
	.productLineCartBlockInner  { /* Wraps the add to cart button */
		width: 145px;
		text-align:right;
	}
	.productLineCartBlockInner input { margin: 0 0 4px; } /*spacing under the buttons so they look nice*/
	.productLineCartBlockInner .btn.btn-info { width: 96px; margin: 0 0 5px; } /* makes all the buttons the same width*/
	/*grid style - line style*/
	.productLineGridWrapper{ width:355px; } /* size of the grid */
	.gridButtonBlockLine {
		width: 100px;
		text-align:right;
		margin: 0;
	}
	.productLineGridWrapperBelow { width: 100%; } /* size of the grid when add to cart below */
	.gridButtonBlockLineBelow {
		width: 100%;
		margin: 0;
	}
	.gridButtonBlockLine input { margin: 0 0 5px; } /*spacing under the buttons so they look nice*/
	.gridButtonBlockLine .btn.btn-info { width: 97px; margin: 0 0 5px; } /* makes all the buttons the same width*/
	.productLinePriceHeaderGrid { /* Modified for Grid Style options display*/
		width: 355px;
		line-height: 30px;
	}


	/* Cart Summary */
	.savecart_controls { float:left; }
	.cartsummary_controls { float: right; margin: 2px 0 0 0; }
	.cartsummary_controls input { margin: 0 0 5px 0; }


	/* Account Menu*/
	/* Favourites */
	.favouriteThumbDiv { width: 50px; height: 50px; text-align:center; }

	.savedcart-actions { width:240px;}
	.listorders-actions { width:140px;}


	/* Account Manager */
	#container.containerAccountManager {
		margin-top: 45px; /* Add a margin above the main #container to compensate for the floating Account Manager status bar */
	}
	#container.containerAccountManagerCustomer {
		margin-top: 90px; /* Add a margin above the main #container to compensate for the floating Account Manager AND Customer status bar */
	}


}


/* [ DESKTOP STYLE 960PX WIDE ]
   Uses: Desktop PCs / ipad landscape - Non Wide Screen up to 1200px
   ---------------------------------------------------------------------------------------------- */
@media (min-width: 980px) and (max-width: 1199px) {

	.visible-tinyphone { display: none !important; } /* custom display view for smallest mobile phones */

	.container { min-width: 960px; }

	/* *****Header Styles***** */
	#header-fullwidth {
		height:205px; /* sets the height for the header */
	}
	#headerlogo {
		width: 215px;
		height: 124px;
	}

	/* Login Bar Styles */
	#loginWrapper, #loginWrapperLoggedin { width:570px; }
	.input-login { width: 155px; }


	/* *****Left Content Styles***** */
	#contentLeft { width: 710px; margin: 0 10px 10px 0; }

	/* simple search form field */
	.input-search { width: 153px; }
	.input-brands { width: 167px; }


	/* *****Main Content Styles***** */
	#mainContent { width: 710px; }

	/* ROTATING BANNER - from skitter.styles.css */
	#homeBanner, .carousel {
		width: 710px;
		height: 282px;
	}

	.brandlogoWrapper { margin: 0 8px 8px 0; }
	.brandlogoLastItem { margin: 0 0 8px 0; }
	.brandlogoWrapper img {
		width: 229px;
		height: 113px;
	}


	/*Browse Categories*/
	.categorySubLIImage { width: 230px; height: 250px; }
	.categorySubLIImage img { width: 200px; height: 200px; }
	.categorySubLIImage a, .categorySubLIImage img { width: 200px; }


	/* News Articles */
	div.newsthumb { width: 150px; }
	div.newslistcontent { width: 550px; }
	div.newscontent img {
		float: right;
		margin: 0 0 8px 8px;
		width:50%;
	}


	/* Product Details Page */
	#productDetailImagesWrapper { width: 310px; }
	#productDetailInfo { margin: 0 0 0 10px; width: 390px; }
	#productPriceContainer { width:50%; float:left; height:80px; min-height: 80px; }
	#productControlContainer { width:195px; float:left; text-align:right; }
	#productControlContainer .input-large { width: 195px; } /* tweak the size of the option/variant drop down */
	.productDetailGridWrapper { width:100% }


	/* Product List */
	/* List View*/
	.productListDetails { width: 361px; margin: 0 19px 0 0; }
	.productListCartBlockGrid { width: 260px; } /* override productListPriceBlock if grid view */
	.productListDetailsGrid { width: 321px;} /* override productListDetails if grid view */
	.productListThumbnail { width: 110px; }
	.productListThumbnailDiv { width:100px; height:100px; text-align:center;} /* fixes non square images*/
	.info_buttons { margin: 0 0 0 110px;}

	/* Featured Products on the Home Page */	
	/* Addon Products on Product Details Page*/
	/* Gallery Style on Product List Page*/
	/* Dynamically set the height for addons by if they have options/variants*/
	#featuresIntroWrapper, #addonsIntroWrapper {  margin: 0 0 10px 0; }
	.featureWrapper, .addonWrapper, .productGalleryWrapper { width:229px; margin: 0 8px 8px 0; }
	.featuresLastItem, .addonsLastItem, .productGalleryLastItem { margin: 0 0 8px 0; }
	.featureProduct, .addonProduct, .productGalleryProduct { padding: 7px; }
	.featureImageWrapper, .addonImageWrapper, .productGalleryImageWrapper { width: 200px; height: 200px; text-align:center; margin: auto; }
	.featureProduct h2, .addonProduct h2, .productGalleryProduct h2 { height: 16px; overflow: hidden; }
	.input-feature, .input-addon, .input-gallery { width: 205px; line-height:25px; }

	/* Product List Line Style*/
	.productlist th, .productlist td { vertical-align:top; } /*resets bootstrap default*/
	/* product image - line style */
	.productLineThumbnail {
		width: 50px;
		height: 50px;
		margin: 0; padding: 0;
		text-align:center;
		background-color: #FFF;
	}
	.productLinePriceBlock, .productLineCartBlock  { width: 460px; }/*width for price, options and add to cart sections */
	/* the size of the cover for the fade in/out */
	.optionPriceStockWrapperLine, .optionPriceStockWrapperLineOff, .optionPriceStockWrapperInnerLine, .optionPriceStockWrapperInnerLineOff {
		width: 110px;
		min-height: 50px;
	}
	/* options and variants - line style*/
	.lineOptionsVariantsWrapper{ width: 170px; }
	.input-linestyle{ width:170px; margin: 0 0 3px 0 !important; } /* changes width of the option selects */
	/* add to cart - line style*/
	.productLineCartHeader { width: 130px; }
	.productLineCartBlockInner  { /* Wraps the add to cart button */
		width: 145px;
		text-align:right;
	}
	.productLineCartBlockInner input { margin: 0 0 4px; } /*spacing under the buttons so they look nice*/
	.productLineCartBlockInner .btn.btn-info { width: 96px; margin: 0 0 5px; } /* makes all the buttons the same width*/

	/*grid style - line style*/
	.productLineGridWrapper{
		width:355px;
	}
	.gridButtonBlockLine {
		width: 100px;
		text-align:right;
		margin: 0;
	}
	.productLineGridWrapperBelow { width: 100%; } /* size of the grid when add to cart below */
	.gridButtonBlockLineBelow {
		width: 100%;
		margin: 0;
	}
	.gridButtonBlockLine input { margin: 0 0 5px; } /*spacing under the buttons so they look nice*/
	.gridButtonBlockLine .btn.btn-info { width: 97px; margin: 0 0 5px; } /* makes all the buttons the same width*/
	.productLinePriceHeaderGrid { /* Modified for Grid Style options display*/
		width: 355px;
		line-height: 30px;
	}


	/* Cart Summary */
	.savecart_controls { float:left; }
	.cartsummary_controls { float: right; margin: 2px 0 0 0; }
	.cartsummary_controls input { margin: 0 0 5px 0; }


	/* Account Menu*/
	/* Favourites */
	.favouriteThumbDiv { width: 50px; height: 50px; text-align:center; }
	.savedcart-actions { width:240px;}
	.listorders-actions { width:140px;}


	/* Account Manager */
	#container.containerAccountManager {
		margin-top: 45px; /* Add a margin above the main #container to compensate for the floating Account Manager status bar */
	}
	#container.containerAccountManagerCustomer {
		margin-top: 90px; /* Add a margin above the main #container to compensate for the floating Account Manager AND Customer status bar */
	}
	
	.info_buttons-details input { margin: 0 0 5px 0 !important; } /*adds spacing*/

}




/* [ TABLET STYLE 742PX WIDE ]
   Uses: most tablets landscape and ipad portrait
   ---------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

	.visible-tinyphone { display: none !important; } /* custom display view for smallest mobile phones */

	.container { min-width: 742px; }


	/* *****Header Styles***** */
	#header-fullwidth {
		height:159px; /* sets the height for the header */
	}
	#headerlogo {
		width: 160px;
		height: 92px;
	}

	/* Login Bar Styles */
	#loginWrapper, #loginWrapperLoggedin { width:440px; }
	.input-login { width: 90px; }



	/* *****Left Content Styles***** */
	#contentLeft { width: 552px; margin: 0 10px 10px 0; }

	/* simple search form field */
	.input-search { width: 99px; }
	.input-brands { width: 113px; }


	/* *****Main Content Styles***** */

	/* admin caret */
	.adminMenu .nav-collapse i {
		font-size: 1.3em;
		color: #CCC;
		padding-top: 0;
	}
	#adminicon {
		display: block !important;
	}
	.adminMenu .icon-caret-right {
		display: none !important;
	}

	/* ROTATING BANNER - from skitter.styles.css */
	#homeBanner, .carousel {
		width: 552px;
		height: 220px;
	}
	.brandlogoWrapper { margin: 0 10px 8px 0; }
	.brandlogoLastItem { margin: 0 0 8px 0; }
	.brandlogoWrapper img {
		width: 175px;
		height: 87px;
	}


	/*Browse Categories*/
	.categorySubLIImage { width: 180px; height: 230px; }
	.categorySubLIImage img { width: 170px; height: 170px; }
	.categorySubLIImage a, .categorySubLIImage img { width: 170px; }


	/* News Articles */
	div.newsthumb { width: 100px; }
	div.newslistcontent { width: 440px; }
	div.newscontent img {
		float: right;
		margin: 0 0 10px 10px;
		width:50%;
	}

	
	/* Product List */
	/* List View*/
	.productListPriceBlock, .productListPriceBlock .input-large { width: 147px;}
	.productListDetails { width: 385px; margin: 0 19px 0 0; }
	.productListCartBlockGrid { width: 260px; } /* override productListPriceBlock if grid view */
	.productListDetailsGrid { width: 272px;} /* override productListDetails if grid view */
	.productimagedescgroup { float:left; width: 394px; }
	.productListThumbnail { width: 500px; float: left; text-align: left; margin: 0 0 10px 0;  }
	.productListThumbnailDiv { width:100px; height:100px; text-align:center;} /* fixes non square images*/

	/* Product Details Page */
	#productDetailImagesWrapper { width: 100%; }
	#productDetailInfo { width: 100%; }
	#productPriceContainer { width:50%; float:left; height:80px; min-height: 80px; }
	#productControlContainer { width:50%; float:left; text-align:right; }
	.productDetailGridWrapper { width:100% }


	/* Featured Products on the Home Page */
	/* Addon Products on the Product Details Page */
	/* Gallery Style on Product List Page*/
	/* Dynamically set the height for addons by if they have options/variants*/
	#featuresIntroWrapper, #addonsIntroWrapper {  margin: 0 0 8px 0; }
	.featureWrapper, .addonWrapper, .productGalleryWrapper { width:175px; margin: 0 10px 8px 0; }
	.featuresLastItem, .addonsLastItem, .productGalleryLastItem { margin: 0 0 8px 0; }
	.featureProduct, .addonProduct, .productGalleryProduct { padding: 7px; }
	.featureImageWrapper, .addonImageWrapper, .productGalleryImageWrapper { width: 159px; height: 159px; text-align:center; }
	.featureProduct h2, .addonProduct h2, .productGalleryProduct h2 {
		text-align: center;
		width: 160px;
		overflow: hidden;
		height: 32px;
	}
	.featurePrice p, .addonPrice p, .productGalleryPrice p {
		text-align: center;
		width: 160px;
	}
	.featureButton, .addonButton, .productGalleryButton{
		text-align: center;
		width: 160px;
		margin: 5px 0 0 0;
	}
	.input-feature, .input-addon, .input-gallery{ width: 146px; line-height:25px; }
	.featureCartWrapper, .addonCartWrapper, .productGalleryWrapper { text-align: center; }


	/* Product List Line Style*/
	.productlist th, .productlist td { vertical-align:top; } /*resets bootstrap default*/
	.productLinePriceBlock, .productLineCartBlock { width: 403px; } /*width for price, options and add to cart sections */

	.optionPriceStockWrapperLine, .optionPriceStockWrapperLineOff, .optionPriceStockWrapperInnerLine, .optionPriceStockWrapperInnerLineOff {
		width: 90px;
		min-height: 50px;
	}
	/* options and variants - line style*/
	.lineOptionsVariantsWrapper{ width: 155px; }
	.input-linestyle{ width:150px; margin: 0 0 3px 0 !important; } /* changes width of the option selects */
	/* add to cart - line style*/
	.productLineCartHeader { width: 80px; }
	.productLineCartBlockInner  { /* Wraps the add to cart button */
		width: 100px;
		text-align:right;
	}
	.productLineCartBlockInner input { margin: 0 0 4px; } /*spacing under the buttons so they look nice*/
	.productLineCartBlockInner .btn.btn-info { width: 96px; margin: 0 0 5px; } /* makes all the buttons the same width*/

	/*grid style - line style*/
	.productLineGridWrapper{
		width:295px;
	}
	.gridButtonBlockLine {
		width: 100px;
		text-align:right;
		margin: 0;
	}
	.productLineGridWrapperBelow { width: 100%; } /* size of the grid when add to cart below */
	.gridButtonBlockLineBelow {
		width: 100%;
		margin: 0;
	}
	.gridButtonBlockLine input { margin: 0 0 5px; } /*spacing under the buttons so they look nice*/
	.gridButtonBlockLine .btn.btn-info { width: 97px; margin: 0 0 5px; } /* makes all the buttons the same width*/
	.productLinePriceHeaderGrid { /* Modified for Grid Style options display*/
		width: 290px;
		line-height: 30px;
	}


	/* centers the pagination */
	.pager-left, .pager-right { width: 100%; text-align:center;}
	.pager-right { margin: 10px 0 0 0; }
	.pagerWrapper { margin: auto; width: 310px; }
	.pagerPageSelectWrapper { text-align: center; float:none; }
	.pagerPageSelectWrapper li { text-align: left;}
	.pagination { margin: auto; width: 310px; }


	/* Cart Summary */
	.savecart_controls { text-align:right; margin: 0 0 10px 0; }
	.cartsummary_controls { text-align:right;}
	.cartsummary_controls input { margin: 0 0 5px 0; }


	/* Account Menu*/
	/* Favourites */
	.favouriteThumbDiv { width: 50px; height: 50px; text-align:center; }
	.savedcart-actions { width:240px;}
	.listorders-actions { width:140px;}
	#favouritesTable .input-large { width: 200px; }

	/* order progress tracker */
	.orderProgress .content {
		height: 60px;
	}

	/* *****Footer***** */
	.footer .span6, .footer .span3  { width: 235px !important; } /* pulls the three columns into equal widths and removes percentage calculation */
	.no-collapse { height:auto !important; } /* forces the menus to stay open */


}




/* [ MOBILE STYLES SINGLE COLUMN UP TO 767PX WIDE ]
   Uses: all mobile phones and some tablet portrait
   480PX wide mobile style uses these styles as well unless explicitly specified own styles
   ---------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
	
	#contentLeft p { clear: both; } /* for customer images on homepage etc, make text drop underneath them */
	#contentLeft img { float: inherit; margin: 0 0 10px 0; } /* override any alignment and put a margin underneath the image */

	.visible-tinyphone { display: none !important; } /* custom display view for smallest mobile phones */

	.row-fluid [class*="span"] { margin-left: 0; }
	#sidebarWrapper { margin: 0; }

	.content-padding{ padding:0; }

	/* *****Header Styles***** */
	#header-fullwidth {
		height:72px; /* sets the height for the header */
	}

	/* Styles to move around the header image and summary cart */
	#loginstrip-mobile { background-color: #fff; border-bottom: none; height: 55px; }
	#mobile-headerimage {   
		background-color: #FFFFFF; /* resets background colour to white otherwise it is the category-tree-phone colour */
		padding: 10px 0;
		text-align: center;
		width: 100%;
		border-bottom: 1px solid #CCC;
	}
	.adminMenu {
		border: none !important;
		margin: 0;
	}
	#header-mobile-cart { 
		height: 31px !important; 
		width: 38px !important; 
		margin: 5px !important; 
		background-color: #0E0E0E; 
		/*corners*/
		 -moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}
	#cartsummary { 
		height: 31px; 
		width: 38px; 
	}
	#cartsummaryImage {     
		height: 33px;
		width: 38px; 
	}
	#cartsummaryImage img { 
		margin: 0; 
		padding: 5px 9px; 
		width: 23px !important;
	}

	/* *****Left Content***** */
	#simpleSearchWrapper, #brandSearchWrapper {
		padding: 4px 0;
	}
	.input-search { width: 237px; }
	.input-brands { width: 250px; }
	.searchWrapper-phone {
		border-bottom: 1px solid #CCC;
		padding: 3px 0;
	}

	
	/* *****Main Content***** */
	
	/* category meny */
	.categoryMenuWrapper {
	padding: 2px 0 2px 0;
	margin: 0;
	background-color: #ccc;
	background-repeat: repeat-y;
	border-bottom: 1px solid #363636;
	border-top: 1px solid #363636;
	border-left: none;
	border-right: none;
	}

	/* Browse Category*/
	.categorySubUL { width:100%; } /* transform to single column of categories in text view*/
	.categorySubLIImage { width: 145px; height: 180px; }
	.categorySubLIImage img { width: 130px; height: 130px; }
	.categorySubLIImage a, .categorySubLIImage img { width: 130px; }

	/* News Articles */
	div.newsthumb { width: 100%; text-align:center; margin: 0 0 10px 0; }
	div.newslistcontent, div.newscontent, #newsWrapper { margin: 5px 5px 0; max-width: 98%; }
	div.newscontent img {
		float: left;
		margin: 0 0 10px 0;
		width: 100%;
	}


	/* WRAPPERS */
	.categoryListWrapper, #productDetailWrapper #categoryListWrapper { margin: 5px 5px 10px 5px; max-width: 98%; }
	#productListWrapper, #contentLeft { margin: 5px 5px 0; max-width: 98%; }
	#paymentContactWrapper, #paymentFreightWrapper, #paymentConfirmWrapper, #paymentCompleteWrapper { margin: 5px 5px 0; max-width: 98%; }
	#productDetailWrapper { margin: 5px 5px 0; max-width: 98%; }
	#ccPaymentBlock { margin: 5px 5px 0; max-width: 98%; }


	/* Product Details Page */
	#productDetailImagesWrapper { width: 98%; padding: 0 2px; }
	#productDetailInfo { width: 98%; padding: 0 2px; }
	#productPriceContainer { width:100%; float:left; height:80px; min-height: 80px; text-align:center; }
	#productControlContainer { width:100%; float:left; text-align:center; }
	.productDetailPrice { text-align: center;}
	.productDetailGridWrapper { width:100%; }


	/* Product List */
	/* List View*/
	.productListPriceBlock { width: 100%;}
	.input-large { width: 210px; }
	.productListDetails { /*width: 100%;*/ min-width: 50%; max-width: 60%; text-align:left; float: left; }
	.productListDetails h2 { text-align: left; }
	.productListCartBlock {/* width: 100%;*/ min-width: 50%; } /* override productListPriceBlock */
	.productListCartBlockGrid { width: 100%; } /* override productListPriceBlock if grid view */
	.productListDetailsGrid { width: 100%;} /* override productListDetails if grid view */
	.productimagedescgroup { float:left; width: 100%; }
	.productListThumbnail { /*width: 100%;*/ float: left; text-align: center; margin: 0 10px 0 0;  }
	.productListThumbnailDiv { width:100px; height:100px; text-align:center; margin: 0 auto;} /* fixes non square images*/
	.info_buttons { text-align:center; }

	#productList .control-group { display: none; }
	.productListText { display: none; }
	.productListTitle { margin: 0 0 5px; }
	.productListCartBlock { float: right; }
	.productListPrice { text-align: right; }
	.productListPriceBlock { text-align: right; }


	/* Featured Products on the Home Page */
	/* Addon Products on the Product Details Page */
	/* Gallery Style on Product List Page*/
	/* Dynamically set the height for addons by if they have options/variants*/
	#featuresIntroWrapper, #addonsIntroWrapper {  margin: 0 0 8px 0; }
	.featuresLastItem, .addonsLastItem, .productGalleryLastItem { margin: 0 0 8px 0; }
	.featureProduct, .addonProduct, .productGalleryProduct { padding: 7px; }
	.featureImageWrapper, .addonImageWrapper, .productGalleryImageWrapper { width: 100%; height: 159px; max-width: 159px; max-height: 159px; text-align:center; margin:auto; }
	.featuredCartWrapper, .addonCartWrapper, .productGalleryCartWrapper { display: none; } /* hides add to cart from mobile */
	.featureProduct h2, .addonProduct h2, .productGalleryProduct h2 {
		text-align: center;
		width: 100%;
		overflow: hidden;
		height: 32px;
	}
	.featurePrice p, .addonPrice p, .productGalleryPrice p {
		text-align: center;
		width: 160px;
	}
	.featureButton, .addonButton, .productGalleryButton{
		text-align: center;
		width: 160px;
		margin: 5px 0 0 0;
	}
	.input-feature, .input-addon, .input-gallery{ width: 205px; line-height:25px; }
	.featureCartWrapper, .addonCartWrapper, .productGalleryWrapper { text-align: center; }
	.featureWrapper, .addonWrapper, .productGalleryWrapper { width:49%; margin: 0; border: none;}
	
	.pgW1, .pgW3, .aW1, .aW3, .f1 { clear:both; }

	.product-pagination { border-top: none; }


	/* Product List Line Style*/
	#productLineRowHeader { height: 30px; width:860px; }
	.productLineCodeHeader, .productLineCodeHeaderNoImage, .productLinePriceHeader, .productLineOptionsHeader, .productLineCartHeader, .productLinePriceHeaderGrid {
		line-height: 30px;
	}
	#productLine li.lineInfo{
		/*height: 100px;*/
		width: 858px;
	}

	/* product details */
	#productDetailAddonsWrapper {
		margin-top: 10px;
	}

	/*product details - line style */
	.productLineCodeHeader, .productLineCode { width: 275px; } /*width of the product details when image displayed*/
	.productLineCodeHeaderNoImage { width: 380px; } /* width of the product details when no image displayed*/
	.productLinePriceHeader, .optionPriceStockWrapperLine, .optionPriceStockWrapperLineOff, .optionPriceStockWrapperInnerLine, .optionPriceStockWrapperInnerLineOff {
		width: 90px;
	}

	.productLineCartBlock { width: 468px; } /*width for price, options and add to cart sections */
	/* options and variants - line style*/
	.productLineOptionsHeader, .productLinePriceSelect, .productLinePriceSelectSelected, .productLineVariantSelect, .productLineVariantSelectSelected {
		width: 180px;
	}
	.lineOptionsVariantsWrapper{ width: 190px; }
	.input-linestyle{ width:190px; margin: 0 0 3px 0 !important; } /* changes width of the option selects */
	/* add to cart - line style*/
	.productLineCartHeader { width: 130px; }
	.productLineCartBlockInner, .gridButtonBlockLine { /* Wraps the add to cart button */
		width: 190px;
		text-align:right;
	}
	.productLineGridWrapper {width:190px;}
	.gridButtonBlockLine input { margin: 0 0 4px; } /*spacing under the buttons so they look nice*/
	.gridButtonBlockLine .btn.btn-info { width: 97px; margin: 0 0 5px; } /* makes all the buttons the same width*/
	.productListGridWrapper { width: 100%;}
	.gridButtonBlockBelow { float: left; width: 100%;}

	.productLineCartBlockInner .btn.btn-primary { margin: 0 0 10px 0; }
	.productListCartBlockInnerGridBelow {float:left; margin:0; }

	#productDetailInfo .btn {
		display: block;
		margin: 5px auto 0;
		width: 250px !important;
	}
	#productDetailInfo .input-large { width: 250px; }
	.productDetailCartBlockGrid { width:100%; }

	/*grid style - line style*/
	.productLinePriceHeaderGrid { /* Modified for Grid Style options display*/
		width: 310px;
		line-height: 25px;
	}

	/* centers the pagination */
	.pager-left, .pager-right { width: 100%; text-align:center;}
	.pager-right { margin: 10px 0 0 0; }
	.pagerWrapper { margin: auto; width: 310px; }
	.pagerPageSelectWrapper { text-align: center; float:none; }
	.pagerPageSelectWrapper li { text-align: left;}
	.pagination { margin: auto; width: 310px; }

	/* puts a little margin on the view/sort */
	#plStyleIconsWrapper, #sortbyWrapper { margin: 2px 5px 2px 10px; }
	#plStyleIconsWrapperGraphical { margin: 0 5px 5px 10px; }



	/* Cart Summary */
	.savecart_controls { text-align:center; margin: 0 0 10px 0; }
	.cartsummary_controls input {
		display: block;
		margin: 0 auto 5px;
		width: 250px;
	}
	#promotionCodeFormWrapper input {
		margin: 0 0 5px;
	}
	#confirmOrderSubmit { float: none; }
	#fullCart {
		border-radius: 0;
		border: none;
		border-bottom: 1px solid #CCC;
	}
	#geotrust { 
		float: none;
		margin: 0 0 10px;
		text-align: center; 
	}
	#favouritesSearchWrapper, #favouritesSortbyWrapper, #invoicesSearchWrapper, #invoicesSortbyWrapper  {
		float: none;
		margin: 0 0 5px 0;
	}

	
	/* Account Menu*/
	/* Favourites */
	.favouriteThumbDiv, .favouriteThumbCell { min-width: 50px; width: 50px; height: 50px; text-align:center; }
	.favouritesTable .input-large { width: 120px; }
	.savedcart-actions { width:240px;}
	.listorders-actions { width:140px;}

	/*Quick Order*/	
	#qoProductContent {
		float: left;
		width: 200px;
	}


	/*Site Map */
	#siteMapGeneral {
		margin: 0 0 10px 10px;
	}
	#siteMapCategories {
		border-left:none;
		margin: 0 0 0 10px;
		padding: 0;
	}

	/* Contact Us */
	.contactAddressColumn {
		width: 100%;
		float:left;
	}

	#captchaImage {
		height: 50px;
	}


	/* Account Manager */
	.info_buttons, .info_buttons-details { margin: auto; width: 250px; text-align:center; } /*ensures account manager button drops onto second line*/
	.info_buttons input, .info_buttons-details input { margin: 0 0 5px 0 !important; } /*adds spacing*/
	.btn-accountmanager { width:297px !important; } /*adds spacing between account manager button and others*/

	/* Admin Nav - Remove borders */
	.adminMenu .navbar .navbar-inner {
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
	.adminMenu {
		background-color: #FFF !important;
	}
	.adminMenu li {
		border-bottom: 1px dotted #CCCCCC;
		line-height: 22px;
	}
	.adminMenu li li, .adminMenu li li li  {
		border-bottom: none;
		line-height: 22px;
	}
	.adminMenu .nav-collapse .nav > li > a {
		margin-bottom: 0;
	}
	.adminMenu .nav-collapse i {
		font-size: 1.3em;
		color: #CCCCCC;
		padding-top: 0;
	}
	#adminicon {
		display: block !important;
	}
	.adminMenu .icon-caret-right {
		display: none !important;
	}
	.adminMenu .help-inline { display: none;}


	/*order progress tracker*/
	.orderProgress .content {
		height: 60px;
	}


	/*Footer*/
	.footer-padding {padding: 0; border-bottom: 1px solid #999999;}
	.footer h3 { margin: 0; padding: 0;}
	.footer .btn { text-shadow: none;}
	.footer .row-fluid [class*="span"] { margin: 0;}
	
	/* RESET ALL COLOURS TO DEFAULT GREY BACKGROUND/WHITE TEXT FOR MOBILE */
	/* background colours */
	.footer, body { background-color: #363636 !important; }							/* full width background*/
	.footer-main { background-color: #363636 !important; }						/* quicklinks section */
	.footer-cat, .breadcrumb { background-color: #363636 !important; }			/* categories section */
	.footer-social { background-color: #363636 !important; }					/* copyright/social media section */
	/* border colours */
	.footer h3 { border-bottom: none; min-width: 150px; }								/* line under the quicklinks menus */
	.footer-main { border-bottom: none !important; }							/* line seperating the menus */
	/* font colours */
	.footer-main h1, .footer-main h3 { color:#fff; }				/* quicklinks section */
	.footer-main li, .footer-main p { color:#fff; }					/* quicklinks section */
	.footer-main a { color:#fff; }									/* quicklinks section */
	.footer-main a:hover { color:#363636; }							/* quicklinks section */
	.footer-social h3 { color:#fff; }								/* view full site link */
	.footer-social p { color:#fff; }								/* copyright/social media section */
	.footer-social a { color:#fff; }								/* copyright/social media section */
	.footer-main .nav-collapse .nav > li > a:hover,
	.footer-main .nav-collapse .nav > li > a:focus,
	.footer-main .nav-collapse .dropdown-menu a:hover,
	.footer-main .nav-collapse .dropdown-menu a:focus {
		border-radius: 0;
	  }


}


/* [ TINY MOBILE STYLES SINGLE COLUMN UP TO 480PX WIDE ]
   Uses:mobile phones
   uses above styles as well unless explicitly specified in this style - min width 310px
   ---------------------------------------------------------------------------------------------- */
@media (max-width: 480px) {

	.hidden-tinyphone { display: none !important; } /* custom display view for smallest mobile phones */
	.visible-tinyphone { display: inherit !important; } /* custom display view for smallest mobile phones */


	/* *****Header Styles***** */
	#header-fullwidth {
		height:45px; /* sets the height for the header - don't change or you'll see blank space as the header image resizes */
	}


	/* *****Left Content***** */
	.categoryMenuWrapper {
	padding: 2px 0 2px 0;
	margin: 0;
	background-color: #ccc;
	background-repeat: repeat-y;
	border-bottom: 1px solid #363636;
	border-top: 1px solid #363636;
	border-left: none;
	border-right: none;
	}


	/* product details */
	#productDetailImage {
		height: 290px;
		width: 290px;
	}

	.extraImageThumb {
		width: 83px;
		height: 83px;
		margin: 0 0 6px 9px;
	}


	/* Account Menu*/
	/* Favourites */
	.favouritesTable .input-large { width: 120px; }
	.savedcart-actions { width:170px;}
	.listorders-actions { width:90px;}


	/*order progress tracker*/
	.orderProgress .content {
		height: 60px;
	}


	/*.featureWrapper, .addonWrapper, .productGalleryWrapper { width:100%; margin: 0 0 8px 0; border: none; border-bottom: 1px solid #CCCCCC; }*/
	.no-border-mobile { border: none; }
	.product-pagination { border-top: 1px solid #CCCCCC; }


}



/* [ OTHER VARIATIONS AS REQUIRED ]
   Uses: 
   ---------------------------------------------------------------------------------------------- */
@media (max-width: 979px) {
}

@media (min-width: 980px) {
}