/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */

body {
	margin: 0 0; /* changed margin from 20px 0  AW */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px; /* changed from 13px AW */
	color: #fff;
	background-color: #333333; /* re-colour  AW */
	}

a img {border: none; }

#navEZPagesTOC ul li a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCFF99;
	text-decoration: none;
	}

a:link, a:visited {
	color: #fff;
	text-decoration: underline;
	}
.itemTitle a:link, .itemTitle a:visited {
	color: #fff;
	text-decoration: none;
	}
a.noline, a:link.noline, a:visited.noline {
	text-decoration: none;
	}

a:hover, .itemTitle a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #FF6600;
	}
a:hover.noline {
	text-decoration: none;
	color: #fff;
	}

a:active {
	color: #CCFF99;
	}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 13px;
}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .larger{
	font-size: 1em;
	}
#checkoutShippingHeadingMethod {
	margin-top: 4em;
}
.biggerText {
	font-size: 1.2em;
	}

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	}

TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #009833;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	color: #009833;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

.offerlist LABEL{
	line-height: 1em;
	padding: 0;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}


#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
	}

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #009833;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #009833;
	}

.messageStackWarning, .messageStackError {
	color: #FF6600;
	}
	
.messageStackWarning {	/* Hide for testing */
	display: none;	
	}	

.messageStackSuccess {
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
	}

.messageStackCaution {
	color: #FFCC00;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #333333; /* re-colour AW */
	text-align: left;
	width: 900px; /* wider AW */
	vertical-align: top;
	border: none;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#logoWrapper{
	background-color: #000;
	height:75px;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 

#navColumnOne{ /* Added to overwrite width as set in style AW */
	/* width: 0px !important; */
	background-color: #333333 !important; /* re-colour AW */
	} 
	
#navColumnOneWrapper{ /* Added to hide AW */
	/* display: none; */
	} 

	

#tagline {
	color:#fff;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	}

#sendSpendWrapper {
    border: 1px dashed #009833;
	float: right;
	margin: 0px 0px 10px 10px !important;
	padding: 0px 10px 10px 10px !important;
	}

#sendSpendWrapperCheckoutSuccess {
    border: 1px dashed #009833;
	padding: 0px 10px 25px 10px !important;
	}
	
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 43%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}

.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	padding: 0.5em 0.2em;
	font-weight: bold;
	height: 1%;
	}

#navCatTabsWrapper {
	background-color: #ffffff;
	color: #9a9a9a;
	background-image:none;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

#navCatTabs ul li a {
	color: #9a9a9a;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #9a9a9a;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, .buttonRow {
	margin: 0.5em;
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	padding: 0.5em 0.5em;
	background-color: #ffffff;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	}

#navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

#navColumnOne, #navColumnTwo {
	background-color: transparent;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	}

.alert {
	color: #FF6600;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	}

.centerColumn {	
	margin: 75px; /* give some margins AW */
	margin-top: 45px;
	margin-right: 45px;	
	max-width: 780px; /* AW added 29/12/2015 */
	}

#indexDefault {	
	margin: 0px; /* remove margins for index page AW */
}

#indexDefaultHeading {
	display: none; /* hide heading for index page AW */
}
	
#ezPageContentScroll { /* added to try and test scroll area */
	max-height: 400px;
	overflow: auto;
}

#mainWrapper { /* Added to test changing width AW for #indexProductList only */
	width: 100%;
	text-align: center;
	/*  min-width: 1024px; Added to stop re-size just for time being - AW removed 26/08/2015*/
	}

#contentMainWrapper { /* Added to test changing width AW */
	text-align: left;
	display: inline-block; /* without this all left justified AW */
	background-color: #000000; /* re-colour AW */
	margin-right: 150px; /* fix for positioning content with header AW */
	/*  margin: auto; thought margins may be affecting AW */
	/* width: auto !important; /* changed to max-width for responsive design but does not work in IE AW */
    width: 1080px !important;
	max-width: 1080px; /* changed to max-width for responsive design but does not work in IE AW */	
	/* width: auto !important; AW */
	}
	
#headerWrapper  { /* Added to test changing width AW */
	height: 140px; /* had to fix for swirl image AW */
	width: 100%; /* wider AW */
	display: inline-block;
	background-color: #1F1F1F; /* re-colour AW */
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 2px;
	/* text-align: left; AW */
	}

#navColumnOneWrapper  { /* Added to test changing width AW */
	margin-top: 15px;
	margin-left: 20px;
	display: inline-block;
	text-align: left;
	}	

#indexProductList { /* Added to test changing width AW */
	text-align: left;
	}

#ezPageDefault { /* Added to test changing width AW */
	text-align: left;
	}	
	
	
#productsPageImages  { /* div for products page image distribution AW */
	width: 100%;
	text-align: center;
}

#productsPageImages  hr { /* change max width of rule AW */
	max-width: 620px;
}

#productGeneral { /* Added to test changing width AW */
	// width: auto !important; /* wider AW */
	max-width: 780px; /* need this otherwise individual product pages too wide */
	text-align: left;  /* inherited all over the shop e.g main product page */	
	}	

/* #indexProductListCatDescription	td { /* Added to test changing width AW */
/* 	width: 70%; /* Applies to first column in reality AW */
/* 	text-align: left;	/* Added to move image from right AW */
/* } */

img { /* AW Added to test re-sizing images AW */
    width:auto;
    max-width:100%;
    height:auto;
}

/* AW START Added block to test Navigation AW */
/* AW .nav { text-align: center; }  took out AW */
/* .nav ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; }
.nav ul li { display: inline-block; }
.nav ul li a { display: block; text-decoration: none; color: #444; transition: 0.4s ease background; padding: 15px 20px; border-radius: 2px; background-color: #f4f4f4; }
.nav ul li a:hover { background-color: #ccc; } */
/* @media all and (min-width:640px){ 
	.navTop { padding: 10px 0 0 0; } 
	.navTop ul li a { padding: 5px 10px; } */


.navTop ul, .navTopRight ul { list-style: none; padding: 0px; margin: 0px; }
.navTop ul li, .navTopRight ul li { display: inline-block; }
.navTop ul li a, .navTopRight ul li a { text-decoration: none; color: #CCCCCC; padding: 0px; }
.navTop ul li a:hover, .navTopRight ul li a:hover { text-decoration: none; color: #FF6600; }
	
.navMain ul , .navMainRight ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; font-size: 16px; }
.navMain ul li, .navMainRight ul li { display: inline-block; }
.navMain ul li a, .navMainRight ul li a { text-decoration: none; color: #FFF; padding: 0px; }
.navMain ul li a:hover , .navMainRight ul li a:hover { text-decoration: none; color: #009833; }

.navMainRight img { vertical-align: middle; }
		
/* @media all and (min-width:640px){ */

@media all {

	.navTop { padding: 0px 0 0 0; font-size: 14px; } /* AW took out float right AW */
	.navTop ul li a { padding: 0px 20px 0px 0px; }
	.navTopRight ul li a { padding: 0px 0px 0px 20px; font-size: 14px;}
	
	.navMain { padding: 0px; } /* AW took out float right AW */
	.navMain ul li a { padding: 0px 30px 0px 0px; }
	.navMainRight ul li a { padding: 0px 0px 0px 30px; }
	
}
/* AW END Added block to test Navigation AW */

#headerNavContainer { /* New placing top navigation AW  padding T R B L */
	padding: 10px 10px 10px 10px;
	display: inline-block;
	max-width: 930px;
	min-width: 350px;	
	text-align: center;	
}

#headerNavImage  { /* New placing top navigation AW */
	margin-top: -10px;
	max-width: 250px;
	padding: 0px 30px 10px 30px;
	display: inline-block;
	}
	
#headerNavLeftLine, #headerNavRightLine  { /* New placing top navigation AW */
	padding: 10px 0px 20px 0px;
	width: 100%;
	display: inline-block;
	}

#headerNavLeftLine  hr, #headerNavRightLine hr { /* New placing top navigation AW */
	border-color: #009833;
	border-width: 100%;	
	}
	
#headerTopLeftNav  { /* New placing top navigation AW */
	padding-top: 10px;
	display: inline-block;
	float: left;
	text-align: left;
	}

#headerTopRightNav  { /* New placing top navigation AW */
	padding-top: 10px;
	display: inline-block;
	float: right;
	text-align: right;
	}

#categoryProductsImage { /* AW new class - Added to float and test hiding category image in table AW */
	display: inline-block;
	float: right;
	margin-left: 10%;
	width: 25%;
}

#categoryProductsDescription { /* AW added 2015-11-26 to format width of category product text AW */
	display: inline-block;
	float: left;
	width: 65%;
}

#productListingPreListingImage { /* AW added to add the wavy line and position AW */
	margin-left: -75px;
	margin-right: -75px;
	max-width: 926px;
	/* AW display: inline-block; */
}

#productListingPreListingImage  img { /* AW added to add the wavy line and position AW */
	height: 100px;
}

#bannerOne { /* AW added to place banner within header AW */
	margin-top: 5px;
	max-width: 250px;
}

#loginsideboxContent, #navmainsideboxContent { /* AW Hide sideboxes AW */
	display: none;
}

#footerWrapper  { /* Added to test changing width AW */
	width: 100%; /* wider AW */
	display: inline-block;
	background-color: #333333; /* re-colour AW */
}

#footerInnerWrapper  { /* AW add */
	width: auto;
	max-width: 930px; /* wider AW */
	display: inline-block;
	background-color: #1F1F1F !important; /* re-colour AW */
}
	
/* AW START test Footer Navigation AW */

.footerNavTop ul, .footerNavTopRight ul { list-style: none; padding: 0px; margin: 0px; font-size: 12px; }
.footerNavTop ul li, .footerNavTopRight ul li { display: inline-block; }
.footerNavTop ul li a, .footerNavTopRight ul li a { text-decoration: none; color: #CCCCCC; padding: 0px; }
.footerNavTop ul li a:hover, .footerNavTopRight ul li a:hover { text-decoration: none; color: #FF6600; }
	
.footerNavMain ul , .footerNavMainRight ul { list-style: none; padding: 0px; margin: 0px; font-weight: bold; font-size: 14px; }
.footerNavMain ul li, .footerNavMainRight ul li { display: inline-block; }
.footerNavMain ul li a, .footerNavMainRight ul li a { text-decoration: none; color: #FFF; padding: 0px; }
.footerNavMain ul li a:hover , .footerNavMainRight ul li a:hover { text-decoration: none; color: #009833; }

#footerNavContainer { /* New placing top navigation AW  padding T R B L */
	padding: 10px 10px 10px 10px;
	display: inline-block;
	width: 910px;
	min-width: 350px;	
	text-align: center;	
	border-top-style: solid;
	border-top-color: #009833;
	border-top-width: 1px;
}

#footerNavImage  { /* New placing top navigation AW */
	padding: 0px 0px 0px 0px;
	display: inline-block;
	}
	
#footerNavLeftLine, #footerNavRightLine { /* New placing top navigation AW */
	padding: 10px 0px 20px 0px;
	width: 100%;
	display: inline-block;
	}

#footerNavLeftLine hr, #footerNavRightLine  hr { /* New placing top navigation AW */
	border-color: #333333;
	border-width: 100%;	
	}
	
#footerTopLeftNav  { /* New placing top navigation AW */
	padding-top: 10px;
	padding-right: 25px;
	display: inline-block;
	float: left;
	text-align: left;
	}

#footerTopRightNav  { /* New placing top navigation AW */
	padding-top: 10px;
	padding-left: 25px;
	display: inline-block;
	float: right;
	text-align: right;
	padding-right: 25px;
	}
	
#flexwrap { /* New for slider width AW */
	width: 930px;
}

#categorywrapper { /* New for slider on So Free AW 22-03-2017 */
    margin-left: -75px;
    margin-top: -45px;
} 

#wrapper { /* New for homepage slider AW 23-03-2017 */
    margin-left: -1px;
    margin-top: -1px;
} 

.forcesliderwidth { /* New for slider on Home page to force correct size as content in this div AW 27-03-2017 */
    height: 1px;
    width: 100%;
	overflow: hidden;
} 
	
#accountDefault, #accountLinksWrapper { /* when logged in account AW */
	min-width: 640px;
}

/* @media all and (min-width:640px){ */

@media all {

	.footerNavTop { padding: 0px 0 0 0; font-size: 12px; } /* AW took out float right AW */
	.footerNavTop ul li a { padding: 0px 20px 0px 0px; }
	.footerNavTopRight ul li a { padding: 0px 0px 0px 20px; font-size: 12px;}
	
	.footerNavMain { padding: 0px; } /* AW took out float right AW */
	.footerNavMain ul li a { padding: 0px 23px 0px 0px; }
	.footerNavMainRight ul li a { padding: 0px 0px 0px 23px; }
	
}

/* AW END test Footer Navigation AW */	
	
/* @media screen and (max-width: 640px) { /* AW test hiding category image when smaller screen AW */
/* 	#navColumnOneWrapper {
		display: none;
	}
} */

@media screen and (max-width: 1259px) { /* AW test smaller screen AW was 1260 changed 26/08/2015*/
	#headerNavContainer {
		/* AW margin-left: 152px; */
		max-width: 1023px;
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#headerTopLeftNav  { 
		padding-left: 3%;
	}

	#headerTopRightNav  { 
		padding-right: 3%;
	}	
	
	#contentMainWrapper {
		width: 100% !important; /* was 890px amended 26/08/2015 AW */
		margin-right: 0px; /* remove fix for positioning content with header AW */				
	}
	#productListingPreListingImage img {
		display: none; /* turn wavy line off 29/12/2015 AW */
		width: 100%; /* was 736px amended 26/08/2015 AW */
	}
	#productGeneral { /* main product screens AW */
		/* min-width: 640px; removed 26/08/2015 AW */
		width: 90%; /* added 26/08/2015 AW */
	}

	#footerInnerWrapper {
		border-top: 1px solid #009833;
		width: 100%;
		max-width: 100%;
	}
	
	#footerwrapper {
		border-top: 0px;
		background-color: #333333 !important;
	}

	#footerNavContainer {
		border-top: 0px;
		max-width: 1023px;
		width: 100%;
		padding: 0px; /* AW fix required for full top green line */
	}	
	
	#footerTopLeftNav  { 
		padding-left: 25px; /* AW fix required for full top green line */
	}	

}

@media screen and (max-width: 1115px) { /* AW test smaller screen AW was 1023 changed 23/03/2017 */
	#headerNavImage  { /* Make smaller and less padding AW */
	margin-top: -10px;
	width: 200px;
	padding: 0px 15px 5px 15px;
	}

	.centerColumn {	
		margin-top: 25px;	
		margin-bottom: 25px;
		margin-left: 25px; /* amend some margins AW */
		margin-right: 25px;	
	}

	#mainWrapper {
		text-align: left;
	}

	#navColumnOne { /* New for sliders AW 23-03-2017 */
		background-color: #000000 !important;
	}

	#wrapper { /* New for homepage slider on So Free AW 23-03-2017 */
		width: 90%;
		margin-left: -1px;
		margin-top: -1px;
	}	
	
	#categorywrapper { /* New for slider on So Free AW 22-03-2017 */
		width: 100%;	
		margin-left: -25px;
		margin-top: -25px;
	} 	

	#flexwrap { /* New for slider width AW */
		width: 100%;
	} 	
	
	.navTop ul li a { padding: 0px 15px 0px 0px; font-size: 14px;} /* AW reduce nav padding */
	.navTopRight ul li a { padding: 0px 0px 0px 15px; font-size: 14px;} /* AW reduce nav padding */
	.navMain ul li a { padding: 0px 20px 0px 0px; } /* AW reduce nav padding */
	.navMainRight ul li a { padding: 0px 0px 0px 20px; } /* AW reduce nav padding */

	#footerNavImage {
		margin-top: 5px;
		width: 175px;
		padding: 0;
	}	
	#footerTopLeftNav {
		padding-right: 0px;
		padding-bottom: 20px;		
	}	
	#footerTopRightNav {
		padding-left: 0px;
		padding-bottom: 20px;				
	}

	.footerNavTop ul li a {
		padding: 0 5px 0 0;
	}

	.footerNavTopRight ul li a {
		padding: 0 0 0 5px;
	}
	
	.footerNavMain ul li a {
		padding: 0 5px 0 0;
	}
	
	.footerNavMainRight ul li a {
		padding: 0 0 0 5px;
	}	

}

@media screen and (max-width: 849px) { 

	#mainWrapper {
		text-align: center;
	}
	#headerNavContainer {
		margin-left: 0;
	}
	
	.navTop > ul > li:nth-child(1) , .navTop > ul > li:nth-child(3) {
		display: none;   /* AW test to remove Trade login  and offers buttons */
	}	
	
	.navTopRight > ul > li:nth-child(1) {
		display: none;   /* AW test to remove My Account buttons */
	}
	
	.navMain > ul > li:nth-child(1) {
		display: none;   /* AW test to remove Home button */
	}	
	
	.navMainRight > ul > li:nth-child(3) , .navMainRight > ul > li:nth-child(4) {
		display: none;   /* AW test to remove FB/TWitter buttons */
	}	

	/* when logged in account AW START */
	#accountDefault, #accountLinksWrapper { 
		min-width: 350px;
	}
	
	.floatingBox  {
		width: 90%;
		float: left !important;
	} 

	/* when logged in account AW START */
	
	.flexslider .slides img { /* AW test 05/04/2017 */
		min-width: 540px !important;
	}

	.flex-caption { /* AW test 11/04/2017 */
		width: 60% !important;
	}	
	
}


@media screen and (max-width: 659px) { /* AW test even smaller screens 800px as per hamburger  added 27/08/2015*/
	#headerNavImage  { /* Make smaller and less padding AW */
		margin-top: 0;
		width: 130px;
	}

	#productDetails { /* AW test to put image on new line added 23/11/2015*/
		display: inline-block;
		float: left;
	}

	/* Originall got rid of nav completely to show hamburger menu */
	/* #headerTopLeftNav, #headerTopRightNav, #headerNavLeftLine, #headerNavRightLine  { 
		display: none;
	}
	*/
	
	#footerNavImage {
		display: none;
	}	

	.flex-caption { /* AW test 11/04/2017 */
		width: 60% !important;
	}
	
}

@media screen and (max-width: 579px) { /* AW test even smaller screens 800px as per hamburger  added 27/08/2015*/

	.navMain > ul > li:nth-child(2) {
		display: none;   /* AW test to remove About Us button */
	}	
	
	.navMainRight > ul > li:nth-child(2) {
		display: none;   /* AW test to remove News button */
	}	

 	#navColumnOne { /* AW 2017/04/05 Moved from next (479) section */
		display: none;
	}		

	.flex-caption { /* AW test 11/04/2017 */
		width: 75% !important;
	}
	
}



@media screen and (max-width: 479px) { /* AW test even smaller screens 800px as per hamburger  added 27/08/2015*/

	#headerNavImage  { /* Make even smaller and no padding AW */
		width: 100px;
		padding: 0px;	
	}

	#headerTopLeftNav  { 
		padding-left: 3px;
	}

	#headerTopRightNav  { 
		padding-right: 3px;
	}	
	
	.footerNavTop > ul > :nth-child(1) {
		display: none;   /* AW Remove Footer Trade Login button */
	}

	.footerNavTopRight > ul > :nth-child(1) {
		display: none;   /* AW Remove Footer My Account button */
	}
	
	.footerNavMain > ul > :nth-child(1) {
		display: none;   /* AW Remove Footer Home button */
	}
	
	.footerNavMainRight > ul > :nth-child(2) {
		display: none;   /* AW Remove Footer News button */
	}		

}

/* @media screen and (max-width: 640px) { /* AW test hiding category nav when smaller screen AW */
/*	.categoryProductsImage, #productListingPreListingImage { 
		display: none;
	}
} */	

@media print {	/* added to try and print scroll area */
	#ezPageContentScroll, .mCustomScrollBox, .mCSB_container { 
		display: inline-block !important;
		max-height: 100% !important;
		height: 100% !important;
		overflow: visible !important;
	}
}

.small, .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

/*Shopping Cart Display*/
#cartAdd {
	}
#cartAdd p, #cartAdd input {
	vertical-align: bottom;
}
.tableHeading TH, .cartTableHeading TH {
	border-bottom: 1px solid #009833;
	}

.tableHeading, #cartSubTotal {
	 }

#cartSubTotal {
	border: 1px solid #009833;
	border-top: none;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 5em;
	font-size: .9em;
	background-color: #0F0F0F;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay {
	text-align: left;
	}
#cartInstructionsDisplay {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}
.cartUnitDisplay, .cartTotalDisplay, #ccTotalHeading {
	text-align: right;
	padding-right: 1em;
	}
#myAccountTotal {
	text-align: right;
	}
#scUpdateQuantity {
	width: 2em;
	}
.cartRemoveItemDisplay {
	width: 3.5em;
	}
.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	background-color: #E4FEf5;
	border: 1px solid #003D00;
	}
.mediaTitle {
	float: left;
	}
.mediaTypeLink {
	float: right;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #CCFF99;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	list-style-type: none;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	min-height: 540px; /* AW amended 2017/04/06 from 400*/
	margin: 0 60px 30px 40px;
	}

.categoryIcon {}

#cartImage  img{ /* AW required to make cart image look ie not 100% high*/
	height: 40px !important;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

.centerBoxWrapper {
	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 1.1em 0;
	}

h2.centerBoxHeading {
	font-size: 1.3em;
	color: #ffffff;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	display: none;
	}

#categoriesHeading {
	display: inline;
	}

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #ffffff;
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	padding: 0.5em 0;
	}

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	}

.sideBoxContent, .leftBoxHeading { /* AW amended to change sidebox colours */
	padding: 0 0 14px 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	}

.leftBoxHeading {
	font-weight: bold;
	}

.sideBoxContent a:link, .sideBoxContent a:visited { /* AW amended to change sidebox colours */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	}

.sideBoxContent a:hover { /* AW amended to change sidebox colours */
	color: #009833;
	text-decoration: none;
	}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #FFFFFF;
	}

.centeredContent, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, #cartBoxGVBalance, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
	background-color: #0000CC;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}


/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	height: 4em;
	}

.rowEven {
	height: 4em;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}
TR.tableHeading {
	color: #009833;
	height: 2em;
	}

.productListing-rowheading {
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	height: 2em;
	color: #FFFFFF;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	margin: 20px;
	color: #FFFFFF;
	background-color: #000C00;
	}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
#seShipTo {
	padding: 0.2em;
	}
/*end misc*/

/*boxes*/
#ezPagesHeading {
	display: none;
	}
.limegreen {
	color: #CCFF99;
}
.listingProductImage {
	float: left;
	margin-left: 10px;	
	padding: 0 20px 50px 0;
	}
.itemTitle {
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
.footer a:link, .footer a:visited, .navNextPrevWrapper a:link, .navNextPrevWrapper a:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #CCFF99;
	}
.footer a:hover, .navNextPrevWrapper a:hover {
	color: #FF6600;
	text-decoration: none;
	}
.newsflash a:link, .newsflash a:visited { /* AW changed for new site AW */
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	}
.newsflash a:hover { /* AW changed for new site AW */
	color: #009833;
	text-decoration: none;
	}
#cartContentsDisplay, #prevOrders {
	border: 1px solid #009833;
	background-color: #0F0F0F;
	}
#cartContentsDisplay th, #prevOrders th, #cartContentsDisplay td, #prevOrders td {
	padding-left: 8px;
}
#prevOrders th, #prevOrders td {
	text-align: left;
}
#prevOrders address {
	padding-left: 0;
}
.cartQuantity input {
	background-color: #0F0F0F;
	color: #fff;
	border: 1px solid #2A2A2A;
	width: 30px;
	}
.cartProductDisplay a:link, .cartProductDisplay a:visited, #cartProdTitle {
	color: #fff;
	text-decoration: none;
	}
.cartProductDisplay a:hover, #cartProdTitle a:hover {
	color: #FF6600;
	text-decoration: none;
	}
.main a {
	color: #fff;
	text-decoration: none;
	}
.main a:hover {
	color: #FF6600;
	text-decoration: none;
	}
.front {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

	}
#background { 
	z-index: 1;
	position: relative;
	visibility: visible;
	}
#foreground {
	z-index: 100;
	margin-top: -483px;
	position: relative;
	visibility: visible;
	}
div.slideshow {
	margin: 0;
	}
.prodBox {
	margin-left: 100px;
	margin-right: 10px;
	font-size: 1em;
	line-height: 1em;
	}
#scUnitHeading, #scTotalHeading, .cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 4px;
	}
#scRemoveHeading, .cartRemoveItemDisplay {
	text-align: center;
	padding-left: 15px;
	}
#scQuantityHeading {
	text-align: left;
	}
.shortDescrip {
	font-size: 13px;
}
.prodBox input {
	background-color: #CCFF99;
	color: #000;
	border: 1px solid #006600;
	width: 20px;
	margin-left: 5px;
	font-size: 11px;
	}
.prodBox img {
	margin-left: 8px;
	margin-top: 5px;
	}
.qtyBox {
	background-color: #CCFF99;
	color: #000;
	border: 1px solid #006600;
	width: 20px;
	margin: 0 5px;
	}
.prodBox input, .productListing-odd input, .productListing-even input {
	background-color: #CCFF99;
	color: #000;
	border: 1px solid #006600;
	width: 20px;
	margin-right: 8px;
	font-size: 11px;
	}
.CeonManualCardFormGadgetError { background: #ff6633; }
.ErrorInfo
.CeonManualCardCardIcon, .ccinfo img {
	padding-right: 8px;
	padding-bottom: 5px;
	}
a.green, a:link.green, a:visited.green, .green {
	color: #009833;
	}
a.green:hover {
	color: #FFFFFF;
}	
a.big {
	font-size: 15px;
	}
caption {
	text-align: left;
}
.printOnly {
	display: none;
}
.instructions {
	margin-left: 200px;
}
.trade {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #009833;
	}
.trade a:link, .trade a:visited {
	text-decoration: none;
	color: #009833;
	}
.trade a:hover {
	color: #FF6600;
	text-decoration: none;
	}
input[name='keyword'] {width: 250px;}
.keywordBox {
	margin-left: 15px;
	margin-top: 25px;
}
.navHeaderSearch {
	margin-top: -40px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	vertical-align: middle;
	float: right;
}
.addthis_sharing_toolbox { /* AW added 2017/04/06 */
	display: inline;
}

.addthis_native_toolbox { /* AW added 2017/04/06 */
	float: left;
}