@charset "utf-8";
/* CSS Document */

/*****************************
	For Transparancy
*****************************/
img, div, a, input { behavior: url(css/iepngfix.htc) }

/*****************************
	PAGE WRAPPERS
*****************************/
*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;	
	color:#c67d14; 
}
a:hover{
	color:#C00;
}
a:focus{
	outline:none;	
}

img{
	border: 0;	
}

body{
	background: #e32842 url(../images/layout/page_bg.png) repeat-x;
}

#wrapper{
	margin: 0 auto;
	padding: 0 25px 0 25px;
	width: 960px;
	height: auto !important;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#fff;
	/*border: solid thin #c67d14;*/
}

#header{
	margin: 0 0 15px 0;
	height: 57px;
	width: 960px;
	/*border: solid thin #390;*/
}

#footer{
	text-align:center;
	margin: 15px 0 0 0;	
}

#contentWrapper{
	width: 960px;
	height: auto !important;
	min-height: 300px;
	/*border: solid thin #309;*/
}

/*-------------------------
	Top Navigation
-------------------------*/
.topNav{
	margin: -50px 0 0 509px;
	
}
.topNav a img{
	margin: 0 0 0 -4px;
}

/***********************************************
	Main Page: image buttons - Main navigation
************************************************/
.navigation{
	width: 387px;
	height:auto;
	/*border: solid thin #6C0;*/
}

.productBtn{	
	/*border: solid thin #C90;*/
}
.productBtn img{
	margin: 3px;	
}

#imgLink1, #imgLink2, #imgLink3, #imgLink4{
	width: 186px;
	height: 166px;
	text-align:center;
	margin: 0 0 10px 0;
	overflow:hidden;
}

#imgLink1 {	
	background-color: #de2381;
}
#imgLink2 {	
	background-color: #08a5e4;
	margin: -176px 0 0 198px;
}
#imgLink3{	
	background-color: #d7840c;
	margin: 11px 0 0 0;
}
#imgLink4{	
	background-color: #3e2282;
	margin: -166px 0 0 198px;
}

.productTitle1{
	position:relative;
	top: -55px;
}

/*-----------------------
	Vertical image links
------------------------*/
#infoBtn{
	margin: 30px 0 15px 0;	
	/*border: solid thin #600;*/
}
#infoBtn a{
	margin: 10px 5px 0 5px;
}
#infoBtn a img{
	margin: 0 -2px 0 0;	
}

#imgLink5, #imgLink7{
	margin: 0 0 0 -5px;
}
#imgLink6, #imgLink8{
	margin: -105px 0 5px 192px;
}


/*------------------
	RIGHT CONTENT 
------------------*/
.mainContent{
	width: 545px;
	height: auto;
	min-height: 610px;
	float:right;
	/*margin: -593px 0 0 0;*/
	margin: -708px 0 0 0;
	text-align:left;
	/*border:solid thin #9C0;*/
}
.linkNote{
	margin: -160px 0 0 516px;
}

/*-------------------------
	MESSAGE, NOTE
-------------------------*/
.note{
	font-size: 11px;
	color:#666;
}

.caution{
	font-size: 11px;
	color:#960;	
}

.confirm{
	font-weight:bold;
	font-size: 14px;
	color:#09C;
}

.goBack{
	font-size: 13px;
	font-weight:bold;
}

/*------------------
	Individual page 
------------------*/
.pageTitle{
	margin: 0 0 10px 0;	
}

.catgIntro{
	padding: 0 0 0 25px;
}
.catgIntro a{
	margin: 0 0 5px 0;	
}


/*List of Products*/
#productList{
	text-align:center;
}

#productList a{
	margin: 5px 22px 15px 0;	
	width: 114px;
	float:left;
}
#numList{
	text-align:center;
}
#numList a{
	font-weight:bold;
	font-size: 13px;
	color:#c30565;
}

.contentImg{
	float:right;
	margin: 5px 0 10px 10px;
}

/*------------------
	PRODUCT DETAIL 
------------------*/
.productGallery{
	width: 340px;
	height: 460px;
	margin: 5px 8px 30px -2px;
	text-align:center;
	float:left;
}

.btnLink{
	text-align:center;
	margin: 10px 0 10px 0;
}
.btnLink a{
	margin: 0 30px 0 0;
}