@charset "utf-8";
/*
	Bruno Lenette
	12 July 2010
	Headwear
*/

body 
{	
	margin: 0px;	
	padding: 0px;
	border: 0px;
	!background-color: #ffffff;
	!background: #1e1e4d url('../images/background-headwear.jpg') no-repeat;
	font-family: arial,Trebuchet Ms,verdana, sans-serif;
	font-size: 11px; 
	color:#ffffff;
}

p
{
	padding:0;
	margin:0;
}


/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			HEADERS / STANDARD LINK
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
	h1, h2, h3, h4, h5 {
	clear: both;
	background: transparent;
	margin: 0px;
	padding: 0px;
	}
	
	h1 {	
	text-align: center;
	font-size: 65px;
	padding: 20px 0 20px 0;
	margin: 0 20px 0 20px;
	color: #CE0000;
	}	
	h2 {
	font-size: 1.6em;
	color: #CE0000;
	}	
	h3 {
	font-size: 1.5em;
	color: #ffffff;
	}
	h4 {
	font-size: 1.3em;
	color: #ffffff;
	}
	h5 {
	font-size: 0.9em;
	color: #33907A;
	text-align:center;
	}
	
	/* Standard Link */	
	a, a:visited {
	text-decoration: none;
	color: #C73502;
	}	
	a:hover, a:visited:hover {
	text-decoration: underline;
	color: #C73502;
	}
	/*end*/

		
	/* Inactive Link */
	a.inactiveLink {
		text-decoration: none;
		color: #343954;
	}
	/* end */
		
		
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			ADDITIONAL STYLES
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	


/* Label */	
	.label {
	font-weight:bold;
	}
	
	
	/*
	 Designed & Developed by IBC
	*/		
	#ibcDD {
	clear: both;
	margin-top: 25px;
	font-size: .9em;	
	display: block;
	color: #86c8d1;
	padding-bottom: 15px;
	}		
	#ibcDD div {
	color: #aaaaaa;
	}		
	/* Standard Link */	
	#ibcDD div a, #ibcDD div a:visited {	
	text-decoration: none;
	font-size: .9em;	
	color: #aaaaaa;
	}	
	#ibcDD div a:hover, #ibcDD div a:visited:hover {
	text-decoration: underline;
	color: #aaaaaa;
	}
	/*end*/
	
	
	
/* Small Text */		
	.smallText, .textSmall {
	font-size: xx-small;
	}
	
/* Required Text */	
/* Use to denote user alert text. eg required fields in forms */	
	.textReqd, .requiredStar {
		color: #ff0000;
		}		
		
/* Footer Text */	
	.textFooter {
		font-size : 10px;		
		color: #CCCCCC;
		}	
		
/* IBC alert text */
/* Used to alert IBC of something that is needed for site eg missing content */	
	.textAlertIBC {
		font-size : 16px;
		color: fuchsia;
		font-weight : bold;
		}			

#thumbs td {
	text-align:center;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}	

.thumb {
	position:relative;
	float:left;
	width:140px;
	text-align:center;
}

.thumb img {
	height: 50px;
}

.thumb p {
	margin-top: 5px;
}
	
		
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			LAYERS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

.layer { 
	position: absolute;
	display: none;
	background-color: #8DB900;
	border: 1px solid #ffffff;
	border-top: none;  
	z-index:4; 
	top:0px; 
	left:0px; 
	}
	.layer ul { 
	margin: 0px 0px 0px 0px;	
	padding: 0px;
	list-style-type: none;
	color: #ffffff;
	}
	.layer ul li { 
	margin: 0px 0px 0px 0px;	
	padding: 0px;
	color: #ffffff;	
	}
	
	
	/* Layer Link */	
	.layer a, .layer a:visited {
	display: block;
	text-decoration: none;
	background-color: #8DB900;
	padding: 5px;
	color: #ffffff;
	}	
	* html .layer a, * html .layer a:visited {	
	height: 1em;
	}
	.layer a:hover, .layer a:visited:hover {
	display: block;
	background-color: #83A800;
	color: #ffffff;
	}		
	* html .layer a:hover, * html .layer a:visited:hover {	
	height: 1em;
	}
	/*end*/
	
		
		
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			FORM FIELDS / BULLETS / HR
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

	/* Forms */
	form {
	font-size : 11px;
	font-weight : normal;
	}

	/* Input Boxes */
	input {		
	background-color: #EBEBEB;
	}
		
	/* Textareas */
	textarea {
	background-color: #EBEBEB;
	}
		
	/* Select Boxes */
	select {
	background-color: #EBEBEB;
	}
	
		
	/* Horizontal Rule */
	hr {
	background-color: #E6E6E6; 
	border: 0px; 
	height: 1px;
	color: #E6E6E6;
	}			
	
	/* Unordered List */	
	ul {
	color: #ffffff;
	list-style-type : square;
	}
	
	/* Ordered List */	
	ol {
	color: #ffffff;
	}				
	
	
		
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			OTHER STYLES - MODIFIERS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	
	
	img {
		border: none;
	}
	
	.styleImg {
		border: 5px solid #ffffff;
	}	
	
	.clearBoth {
		clear: both;
		/*position: relative;
		font-size: 0px;
		height: 0px;
		line-height: 0px*/		
	}
	
	.clearLeft
	{
		clear:left;
	}
	
	.clearRight
	{
		clear:right;
	}
	
	.floatLeft {
		float: left;
	}
	
	.floatRight
	{
		position:relative; 
		float:right;
	}
	
	.displayNone {
		display: none;
	}
	
	.displayBlock {
		display: block;
	}

	.alert {
		color:#C73502;
		font-size: 0.8em;
	}
	
/*
If you are putting somthing into this sytle sheet page then it more than
likely has a home. 
				
don't simple include it at the bottom of the page.
				
Have a look at the page and look for the proper place for the variable that 
you are including.
				
If you can not find a place that looks right for the variable you are including
then create a spot for it somewhere that seems to fit and remember to include a 
header for your new section as well as remembering to comment what your variable 
is used for.	
*/