
/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #000;
	background-color		: #FF0101  !important;
	background-image		: url(../images/bkgrnd.jpg);
	background-repeat		: repeat-x;
	background-position		: top;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
}



/*###############
##### FONTS #####
###############*/ 


p{
	margin	 				: 0px;
	padding					: 0px 0px 10px 0px;
	font-size 				: 100%;
}


 /* ---- Page Titles ---- */
 
h1{ 

	font-size 				: 125%;
	color					: #000;
	line-height				: 2.0em;
	margin	 				: 0px 0px 10px 0px;
	padding					: 0px;
	border-bottom			: 1px solid #FF0001;
}


 /* ---- Sub-headings ---- */
 
h2{ 
	font-size 				: 110%;
	margin	 				: 5px 0px 10px 0px;
	padding					: 0px;

}


 /* ---- Product Sub-headings ---- */
 
h3{ 
	font-size 				: 1.1em;
	margin					: 0px;
	padding					: 0px;
}


 /* ---- Sidebar Title ---- */
 
h4{ 
	font-size 				: 125%;
	color					: #000;
	line-height				: 2.0em;
	text-align				: center;
	margin	 				: 0px 0px 10px 0px;
	padding					: 0px;
	border-bottom			: 1px solid #999;
}


a{
	color					: #CC0000;
	text-decoration 		: none;
}

a:hover {
	text-decoration 		: underline;


}


/*###################
##### CONTAINER #####
###################*/ 


#containerSplash{
	width					: 911px;
	margin-right			: auto;
	margin-left				: auto;
	height					: 550px;
	padding					: 0px 7px 0px 7px;
	display					: block;
	background-color		: #FFFFFF;

}


*html #containerSplash{
	padding					: 0px 0px 0px 6px;

}


#container{
	width					: 911px;
	margin-right			: auto;
	margin-left				: auto;
	padding					: 0px 8px 0px 8px;
	text-align				: left;
	display					: block;
	background-image		: url(../images/bkgrnd_container.gif);
	background-repeat		: repeat-y;
	background-position		: top;	

}


/*################
##### HEADER #####
################*/ 


#header{
	width					: 911px;
	height 					: 134px;
	background-image		: url(../images/header.jpg);
	background-repeat		: no-repeat;
	
}

*html #header{
	margin-left				: 12px;
	
}


.headerImg {
	float					: left;
	height					: 100px;
	width					: 250px;
	color					: #000;
	margin					: 0px 0px 0px 0px;
	
}


.logo{
	margin					: 0px 0px 0px 0px;
	border					: none;
	
}

.search{
	margin					: 0px 0px 0px 4px;
	padding					: 0px 0px 0px 0px;	
}

.searchbox{
	border					: 1px solid #990000;
	height					: 14px;
	font-size				: 11px;
	padding					: 2px 0px 0px 2px;
	margin					: 0px 0px 0px 0px;
}

.searchbtn{
	border					: 1px solid #990000;
	height					: 18px;
	width					: 26px;
	background-color		: #CC0000;
	font-size				: 10px;
	color					: #FFFFFF;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	cursor					: pointer;
}

.basket
{
	display					: block;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 25px;
	width					: 88px;
	clear					: both;
	font-size				: 14px;
	font-weight				: bold;
	background-image		: url(../images/basket.gif);
	background-position		: center left;
	background-repeat		: no-repeat
}


.shopping a
{
	color					: #FFF;
}


#headerImage{
	width					: 600px;
	float					: right;
	height					: auto;
	margin					: 5px 5px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #000000;
}

.headerImg{
	padding					: 0px 0px 0px 0px;
	border					: none;
}


/*####################
### TOP NAVIGATION ###
####################*/ 


#topNav{
	float					: left;
	clear					: both;
	list-style 				: none;
	margin					: 0px 0px 0px 0px;
}

#topNav ul {
	list-style 				: none;
	height 					: 30px;
	margin					: 2px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	
}

*html #topNav ul {
	width					: 916px;
}


#topNav ul li{
	display 				: inline;
}

#topNav li a{
	display 				: block;
	float 					: left;
	padding		 			: 0px 9px 0px 8px;
	line-height				: 2.4em;
	height 					: 30px;
	font-weight				: bold;
	color					: #666;
	text-decoration 		: none;
	font-size 				: 105%;
	border-left 			: 1px solid #DBDFE8;
	border-right 			: 1px solid #000;
	
}

#topNav li a:hover, #topNav li a.selected{
	height 					: 30px;
	color					: #000;
	background-image		: url(../images/buttonOver.jpg);
	background-repeat		: repeat-x;
}




/*#####################
### SIDE NAVIGATION ###
#####################*/ 



#leftNav{
	width					: 144px;
	display					: block;
	margin					: 0px;
}

*html #leftNav{
	margin-left				: 12px;

}

#leftNav ul{
	list-style				: none;
	margin					: 0px;
	padding					: 0px;
	
}

#leftNav ul li a{
	display 				: block;
	width					: 141px;
	padding 				: 0px 2px 0px 2px;
	background-color		: #FFFFFF;
	color					: #333333;
	font-family				: Arial;
	line-height				: 2.0em;
	font-size 				: 105%;
	font-weight				: bold;
	text-align				: right;
	text-decoration 		: none;
	background-image		: url(../images/button.jpg);
	background-repeat		: repeat-x;
	background-position		: bottom;
	border-top				: 1px solid #999;
	border-bottom			: 1px solid #000;
	border-right			: 2px solid #000;
	border-left				: 1px solid #000;
}

#leftNav ul li a:hover{
	background-color		: #999999;
	color					: #000000;
	background-image		: url(../images/buttonOver.jpg);
	background-repeat		: repeat-x;
	border-top				: 1px solid #999;
	border-bottom			: 1px solid #000;
	border-right			: 1px solid #000;
	border-left				: 1px solid #000;
}

#leftNav ul li a.currentItem{
	background-image		: url(../images/buttonOver.jpg);
	background-repeat		: repeat-x;
	background-position		: bottom;
}

#leftNav ul li ul li a{
	background-image		: none;
	background-color		: #333;
	color					: #FFF;
	font-size				: 90%;
	font-weight				: 200;
	
}

#leftNav ul li ul li a:hover{
	background-image		: none;
	background-color		: #666;
	color					: #FFF;
	font-weight				: 200;
}
	
.hidden{
	display					: none;
}



/*#################
##### CONTENT #####
#################*/ 
	
	
#contentSplash{
	display 				: block;
	padding					: 0px;
	margin					: 0px;
	
}



#content{
		
	display 				: block;
	padding					: 0px;
	margin					: 0px;
	line-height 			: 165%;
	background-color		: #000000;
	height					: auto;
	
}




#contentLeft{
	min-height 				: 410px;
	display 				: block;
	float 					: left;
	padding					: 0px;
	margin					: 0px;
	width					: 148px
	
}

*html #contentLeft{
	height 					: 410px;
}


/* ---- For 2 col content layouts ---- */


#contentMain{
	width 					: 763px;
	padding					: 0px;
	margin					: 0px;
	display 				: block;
	float 					: right;
	background-color		: #FFFFFF;
	background-image		: url(../images/bkgrnd_content2col.gif);
	background-repeat		: repeat-y;
	background-position		: top right;
}

*html #contentMain{
	margin-right			: -6px;
}

#contentProducts{
	width 					: 763px;
	min-height				: 450px;
	padding					: 0px;
	margin					: 0px;
	display 				: block;
	float 					: right;
	background-color		: #000000;
}

*html #contentProducts{
	margin-right			: -6px;
	height					: 450px;
}


#contentMainLeft{
	width 					: 605px;
	min-height 				: 410px;
	display 				: block;
	float 					: left;
	margin					: 0px;
	padding					: 0px 15px 0px 15px;
	background-image		: url(../images/bkgrnd_contentMainLeft.jpg);
	background-repeat		: no-repeat;
	background-position		: top;
}


*html #contentMainLeft{
	height 					: 410px;
}

#contentMainRight{
	width 					: 116px;
	padding					: 0px 5px 0px 5px;
	margin 					: 0px;
	min-height 				: 410px;
	display 				: block;
	float 					: right;
	line-height				: 1.4em;
	
}

*html #contentMainRight{
	height 					: 410px;
	
}


/* ---- For 1 col content layouts ---- */

#contentMainFull{
	width 					: 733px;
	min-height 				: 450px;
	padding					: 0px 15px 0px 15px;
	margin 					: 0px;
	display 				: block;
	background-color 		: #FFFFFF;
	background-image		: url(../images/bkgrnd_contentMainFull.jpg);
	background-repeat		: no-repeat;
	background-position		: top right;
}

*html #contentMainFull{
	height	 				: 450px;
}




/*#################
##### SIDEBAR #####
#################*/ 
	

.newsHeader{
	margin					: 8px 0px 0px 0px;
}



#contentMainRight .newsLink a{
	margin					: 10px 5px 10px 5px;
	padding	 				: 5px 5px 5px 15px;
	line-height				: 1.8em;
	color					: #666;
	background-image		: url(../images/arrow.gif);
	background-repeat		: no-repeat;
	background-position		: left;
	border-bottom			: 1px dashed #666;

	
}


#contentMainRight .newsLink a:hover{
	color					: #000;
	text-decoration			: none;
	background-image		: url(../images/arrowOver.gif);
	background-repeat		: no-repeat;
	background-position		: left;
}




/*################
##### FOOTER #####
################*/ 


#footerSplash{
	width					: 911px;
	height 					: 31px;
	clear 					: both;
	background-color		: #FFFFFF;
	margin					: 0px 0px 0px -7px;
	padding 				: 0px 7px 0px 7px;
	color					: #666;
	text-align				: left;
	
}


#footer{
	width					: 926px;
	height 					: 42px;
	clear 					: both;
	background-color		: #FF0101;
	background-image		: url(../images/bkgrnd_footer.gif);
	background-position		: top;
	background-repeat		: no-repeat;
	margin					: 0px 0px 0px -12px;
	padding 				: 0px 0px 0px 8px;
	color					: #666;
	
}

*html #footer{
	margin-left 			: 0px;
	
}

#legalLinks
{
	float					: right;
	margin					: 10px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 10px;
}

*html #legalLinks
{
	margin					: 10px 8px 0px 0px;
}

#copyrightSplash{
	
	padding-left 			: 4px;
	padding-top 			: 1px;
	font-size 				: 80%;
}

#copyright{
	
	padding-left 			: 8px;
	padding-top 			: 5px;
	font-size 				: 80%;
}


#copyright a, #copyrightSplash a {
	color					: #000;
	text-decoration			: none;
}


#copyright a:hover , #copyrightSplash a:hover {
	color					: #000;
	text-decoration			: underline;
}



/*###############
##### MISC. #####
###############*/ 


.clear{
	clear					: both;
	height					: 1px;
}


.otherSites{
	border					: 1px solid #FF0001;
}



.formField{
	border					: 1px solid #666666;
	width					: 150px;
	height					: 19px;
	font-size				: 11px;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
}

.basketBtns{
	display					: block;
	float					: right;
	width					: 200px;
	height					: 70px;					
}


 /* ---- Content Button ---- */

.miscBtn{
	display 				: block;
	clear					: both;
	padding					: 0px 0px 0px 0px;
	margin					: 20px 0px 20px 0px;
	text-align				: center;
	width					: 88px;
	height					: 20px;
	color					: #4E4237;
	line-height				: 1.9em;
	font-size				: 90%;
	background-image		: url(../images/button.jpg);
	background-position		: bottom left;
	background-repeat		: repeat-x;
	text-decoration			: none;
	border					: 1px solid #333333;
}


.miscBtn:hover{
	color					: #000000;
	text-decoration			: none;
	background-image		: url(../images/buttonOver.jpg);
	background-position		: bottom left;
	background-repeat		: repeat-x;
}

.miscBtn2{
	display 				: block;
	clear					: both;
	padding					: 0px 0px 0px 0px;
	margin					: 20px 0px 20px 0px;
	text-align				: center;
	width					: 88px;
	height					: 20px;
	color					: #4E4237;
	line-height				: 1.9em;
	font-size				: 90%;
	background-image		: url(../images/buttonOver.jpg);
	background-position		: bottom left;
	background-repeat		: repeat-x;
	text-decoration			: none;
	border					: 1px solid #333333;
}


.miscBtn2:hover{
	color					: #000000;
	text-decoration			: none;
	background-image		: url(../images/button.jpg);
	background-position		: bottom left;
	background-repeat		: repeat-x;
}



 /* ---- Table ---- */

.tbl{
	border					:none;
}


.tbl td{
	vertical-align			: top;
}

 /* ---- Embedded images ---- */

.imageRight{
	float					: right;
	margin-left 			: 10px;
	margin-bottom 			: 10px;
}


.imageLeft{	
	float					: left;
	margin-right 			: 10px;
	margin-bottom 			: 10px;
}

.imageLeftBorder{	
	float					: left;
	margin-right 			: 10px;
	margin-bottom 			: 10px;
	border					: 1px solid #333333;
}

 /* ---- Products ---- */


ul#productNav{
	list-style				: none;
	margin					: 0px;
	padding					: 0px;
}
ul#productNav li{
	display					: inline;
}
ul#productNav li a{
	display					: block;
	float					: left;
	margin-right			: 5px;
	padding-bottom			: 10px;
	padding-left			: 10px;
	font-weight				: bold;
	text-decoration			: none;
	text-align				: center;
}
ul#productNav li a:hover{
	color					: #333333;
}
.enterImg{
	border-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	border-bottom:5px solid #FFFFFF;
}
h2.homeContent{
	color 					: #FFFFFF;
	border-bottom 			: 1px solid #FF0000;
}
p.homeContent{
	color 					: #FFFFFF;
	width 					: 370px;
}



.competitionDiv{
	float					: right;
	border					: 1px solid #CCC;
	padding					: 5px;
	
}