@import url(/css/menu.css);
@import url(/css/textStyles.css);
@import url(/css/headerStyles.css);
@import url(/css/formStyles.css);
@import url(/css/core2.css);
@import url(/css/core3.css);
@import url(/css/core4.css);
/*
@import url(/css/product.css);


@import url(/css/styleAdjusters.css);
@import url(/css/tableStyles.css);

@import url(/css/sideBlocks.css);
@import url(/css/frontpage.css);
@import url(/css/mail.css);
@import url(/css/braille_screen.css);

*/


body {
	/* background: #cbcbcb url("/img/background-gradient.jpg") fixed top repeat-x; */
	background: #ddd url("/img/core4/background.gif") top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0;
	margin: 0 auto;
}


img {
	border: 0;
}

.fullWidth {
	width: 100%;
}

.noMargin {
	margin: 0px;
}

.dspNone {
	display: none;
}

.white {
	color: white;
}

.black {
	color: black;
}

.red {
	color: #AA0100;
}

div.infoBar {
padding: 2px;
border-bottom: 1px solid #CCC;
text-align: left;
margin-bottom: 7px;
font-size:90%;
}

.bold, .strong {
	font-weight: bold;
}

.skinDarkBGColour {
	background-color: #335a92;
}

.skinMidBGColour {
	background-color: #CBC8C8;
}

.skinLightBGColour {
	background-color: #E9E8E8;
}

#siteContainer {
	width: 930px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}

#defaultHeaderContainer {
	width: 920px;
	/*height: 120px;*/
	margin: 0 auto;
	text-align: left; /* compensates for the IE5/Win bug */
}

#defaultBodyContainer {
	width: 920px;
	margin: 0 auto;
	text-align: left; /* compensates for the IE5/Win bug */
}

#defaultFooterContainer {
	width: 920px;
	margin: 10px auto;
	text-align: left; /* compensates for the IE5/Win bug */
}

div.spacer { /* Fix to allow the floating DIVs to exist within another div */
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

a {
	color: #3C6BAD;
	text-decoration: none;
	text-decoration: underline;
}

a.darkBlue {
	color: #13458B;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Default Display Table */
/*
.tblDefaultTable {
	background-color: #CCC;
}

.tblDefaultTable td.heading {
	background-color: #4B65A4;
	border-bottom: 1px solid #333;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4B65A4, EndColorStr=#768EC7);
}

.tblDefaultTable td.colStyle1 {
	background-color: #EEEEEE;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#EEEEEE, EndColorStr=#FEFEFE);
}

.tblDefaultTable td.colStyle2 {
	background-color: #C2FDD1;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#C2FDD1, EndColorStr=#E7FBEC);
}
*/

	/* Useful styles for making forms */
	.tblDefaultTable td.label {
		width: 15%;
		padding: 7px;
		vertical-align: top;
		text-align: right;
	}
	
	.tblDefaultTable td.input {
		width: 35%;
		padding: 7px 10px 7px 7px;
	}

.tblDefaultTable tr td {
	padding: 5px;
}

/* Clean/Light Table Layout */
.tblCleanLightTable {
}

.tblCleanLightTable td.heading {
	color: #666;
	background-color: #CCC;
	padding: 2px;
	border-bottom: 1px solid #AAA;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#EEEEEE, EndColorStr=#DDDDDD);
}

	/* Useful styles for making forms */
	.tblCleanLightTable tr td.label {
		padding: 1px 4px;
	}
	
	.tblCleanLightTable tr td.input {
		padding: 1px 4px;
	}
	
	.tblCleanLightTable td.info {
		padding-left: 15px;
	}

.tblCleanLightTable tr td {
	padding: 1px 0;
	vertical-align: top;
	text-align: left;
}

.tblCleanLightTable tr.spacerRow {
	height: 15px;
}

/* Check box container */
div.checkBoxBlock {
	float: left;
	margin: 0px 10px 0px 0px;
	background-color: transparent;
}

/* Shopping Cart Table */


.tblCartTable {
	background-color: #CCC;
}

.tblCartTable td.heading {
	background-color: #FFFF00;
	color: black;
	border-bottom: 1px solid #666;
}

.tblCartTable td.colStyle1 {
	background-color: #EFEFEF;
}

.tblCartTable td.colStyle2 {
	background-color: #FFFFBF;
}

.tblCartTable td.colStyle3 {
	background-color: #AECEFF;
}

	.tblCartTable td.label {
		width: 15%;
		padding: 10px;
		vertical-align: top;
		text-align: right;
	}
	
	.tblCartTable td.input {
		width: 35%;
		padding: 10px 20px 10px 10px;
	}

.tblCartTable tr td {
	padding: 5px;
}


#sCatHTML {
	text-align: justify;
	font-size: 100%;
	/*margin-bottom: 30px;*/
}

/* Breadcrumb Link */
.breadLink {

	text-decoration: none;
}


.underline {
	text-decoration: underline;
}




.collapsed {
	display: none;
}

.pseudoButton {
	background-color: #E0E0E0;
	width: 160px;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-family:'trebuchet ms',helvetica,sans-serif;
	cursor: hand;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	margin: 0 0 5px 0;
	font-size: 74%;
	display: block;
}

/* Category Heading Changes 20/5/07 */

#bg {
	/*
	width: 558px;
	height: 50px;
	background: url(/img/headings/generic_header.jpg) no-repeat top;
	border: 1px solid #FADDFF;
	margin-bottom: 10px;
	vertical-align: middle;
	background-color: #000;
	*/
	}	
/* This is the transparent box */
#transbox {
	/*
	width: 320px;
	margin: 20px 0px 0px;
	background-color: #AD0016;
	/*border: 1px solid black;*/
	/*
	border-left: 5px solid black;
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
	*/
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
#transbox h1, #transbox div {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
	padding: 2px 0;
	/*
	padding: 2px 5px;
	margin: 0;
	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	*/
	/*text-decoration: underline;*/
	}
.subCatBG {
	width: 270px;
	height: 40px;
	background: url(/img/headings/generic_subheader.jpg) no-repeat bottom;
	border: 1px solid #666;
	border-bottom: 0;
	/*padding: 10px 5px 5px;*/
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	cursor: hand;
	}
	
.subCatText {
	width: 270px;
	text-decoration: none;
}

.subCatText h2 {
	padding: 3px 5px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	background-color: #000;
	color: white;
	cursor: hand;
}
	
/*border: 1px solid black;*/
	
/* This is the transparent box */
.subCatBG #transbox {
	width: 100%;
	/*margin: 10px 5px 0 5px;*/
	margin: 0;
	background-color: #333;
	/*border-left: 5px solid red;*/
	border: 0;
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
	vertical-align: bottom
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.subCatBG #transbox h2, .subCatBG #transbox div {
	padding: 2px 5px;
	margin: 0;
	font-weight: bold;
	/*color: #000;*/
	color: white;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	text-decoration: none;
	}
	
div.prodDesc li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 73%;
}

hr.thick {
	height: 2px;
    background: #CFCFA3;
	color: #CFCFA3;

}

hr.dashed {
	height: 1px;
	border:dashed #CCC;
	border-width:1px 0 0;
	height:0;
}

/* Table: Product Details Block */
table.productDetails  {
	background-color: #E9E8E8;
	margin-bottom: 10px;
}

table.productDetails tr td {
	padding: 4px 7px;
}

table.productDetails tr.alternate {
	background-color: #666666;
	padding: 4px 7px;
	color: white;
}

table.productDetails tr.alternate td {
	/*border-top: 1px solid #676644;
	border-bottom: 1px solid #676644;*/
}

.darkGrey {
	color: #666;
}

span.darkGrey p {
	color: #666 !important;
}

/*
.tSizeChart {
	background-color: #CCC;
}

.tSizeChart tbody tr td {
	background-color: #A3A3A;
}
*/

/* T-Shirt Size Table */
.tSizeChart {
	background-color: #CCC;
	margin-bottom: 10px;
}

.tSizeChart td {
	background-color: #A3A3A !important;

	
}

.tSizeChart tr td {
	background-color: #A3A3A !important;
	font-size: 75%;
}


