/* --------------------------------------------/ UNIVERSAL CLASSES \-------------------------------------------- */

/* --------------------------------------------*/




/* --------------------------------------------/ BROWSER INITIALIZATION \-------------------------------------------- */

	* { margin : 0; padding : 0; }
	h1,h2,h3,h4,h5,h6 { font-size : 100%; }
	ol,ul { list-style : none; }
	table { border-collapse : collapse; border-spacing : 0; }
	fieldset,img { border : 0; }
	caption,th { text-align : left; }
	
	body { 
	text-align:left; 
	color:#FFF; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	background-image:url(../../images/bg.jpg);
	background-color:#2c5885;
	background-repeat:repeat-x;
	}

/* --------------------------------------------*/




/* --------------------------------------------/ BOX MODEL CLASS \-------------------------------------------- */

	.box { position:relative; float:left; width:290px; left:20px; margin-top:20px; background-color:#234b7b; overflow:hidden; }

/* --------------------------------------------*/


/* --------------------------------------------/ HEADER \-------------------------------------------- */

	#container_header { width:100%; height:100%; }
		
		#header { 
		position:relative; 
		width:915px;
		height:268px;
		margin:auto;
		background-image:url(../../images/header.jpg); 
		}
		
		#header-home { 
		position:relative; 
		width:915px;
		height:268px;
		margin:auto;
		background-image:url(../../images/header-home.jpg); 
		}
		
		#header-opening { 
		position:relative; 
		width:915px;
		height:785px;
		margin:auto; 
		}

/* --------------------------------------------*/


/* --------------------------------------------/ NAV \-------------------------------------------- */

	#nav { 
	position:relative;
	float:left;
	width:261px;
	height:100%;
	margin:auto;
	}
	
		.nav-min-holder { float:left; width:1px; height:400px;  }

		#nav li { position:relative; float:left;  }
		
		#nav ul { border-top:1px solid #17537a; position:relative; float:left; left:8px; }

		/*  
		To Find "#nav a width" :
			Step 1 - change the "#nav a padding" so that the menu item covers the entire nav area from top to bottom.
			Step 2 - compute the "#nav a width" with the equation below  
			
			  (#nav width) - (2 * (#nav a padding)) - (#min-holder width) = #nav a width 
			  (    150   ) - (2 *        13       ) - (        1        ) = 123
		*/

		#nav a { display:block; padding:3px 20px; width:212px; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; border-bottom:1px solid #17537a; text-align:right; text-decoration:none; color:#000; }
		
		#nav a:hover { color:#fff; background-color:#003399;}

/* --------------------------------------------*/

 
/* --------------------------------------------/ CONTENT \-------------------------------------------- */

#container_content { width:100%; }

	#content { 
		position:relative;  
		width:915px;
		height:100%;
		margin:auto;
		background-image:url(../../images/content-bg.jpg); }

		#middle-content { 
		position:relative; 
		float:left;
		width:654px; /* (#content width) - (2 * (#middle-content padding) */
		height:100%;
		margin:auto; }
		
		
		#middle-content h1{ padding-left:23px; font-size:18px;}
		
		#nav h2{ text-align:center; font-size:22px; color:#000000; padding-bottom:10px;}
		
		#middle-content h3{ padding-left:23px; font-size:16px; padding-bottom:10px; color:#000033;}
	
		#middle-content p{ padding-left:22px; padding-bottom:10px; padding-right:25px; font-size:12px; line-height:18px;}
		
		#middle-content a{ color:#FFFFFF; text-decoration:none;}
		
		#middle-content a:hover{ color:#FFFFFF; text-decoration:underline;}
		

			.min-holder { float:left; width:1px; height:400px;  }
	
			.clear {clear:both; height:1px; overflow:hidden; background-image:url(../../images/content-bg.jpg); }
			
			.clear-home {clear:both; height:1px; overflow:hidden; background-image:url(../../images/home-clear.jpg); }

/* --------------------------------------------*/




/* --------------------------------------------/ FOOTER \-------------------------------------------- */

#container_footer { clear:both; width:100%; height:100%; }
	
	#footer { 
	position:relative; 
	width:915px;
	height:232px;
	margin:auto;
	background-image:url(../../images/footer.jpg);
	color:#FFF; 
	}

		#footer ul { position:relative; float:right; margin-top:15px; right:20px; }

		#footer li { position:relative; float:left; margin-left:10px; }

		#footer a { text-decoration:none; color:#FFF; }

		#footer a:hover { color:#ccc; }
		
		
	#footer-home { 
	position:relative; 
	width:915px;
	height:232px;
	margin:auto;
	background-image:url(../../images/footer-home.jpg);
	color:#FFF; 
	}

		#footer-home ul { position:relative; float:right; margin-top:15px; right:20px; }

		#footer-home li { position:relative; float:left; margin-left:10px; }

		#footer-home a { text-decoration:none; color:#FFF; }

		#footer-home a:hover { color:#ccc; }

/* --------------------------------------------*/




/* --------------------------------------------/ JSE LINK \-------------------------------------------- */

#container_jseLink { width:100%; height:100%; }
	
	#jseLink { 
	position:relative; 
	width:600px;
	height:40px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px; 
	}
	
		#RLInk1 { display:block; height:40px; padding:5px 0 0 311px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:10px;
			color:#111; background-image:url(../../images/jseLink-black.gif); }
		 /* color:#FFF; background-image:url(../../images/jseLink-white.gif); } */

		#RLInk2 { display:block; display:none; width:235px; position:absolute; top:0px; left:0px; padding:5px 0 0 365px; height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:12px;
			color:#111; background-image:url(../../images/jseLink-black-over.gif); }
		 /* color:#FFF; background-image:url(../../images/jseLink-white-over.gif); } */


/* --------------------------------------------*/




#homecontent {
color:#000000;
}

#Featured_Products{
color:#000000;
width:150px;
height:150px;
float:left;
text-align:center;
}

#Home_Products{
color:#000000;
width:200px;
height:200px;
float:left;
text-align:center;
margin-top:10px;
}

#breadcrumbjse{
color:##FFFF00; 
margin-left:40px;
font-size:24px;
visibility:hidden;
}

#breadcrumbjse a {color:#FFFF00;}

#ContainerCategoriesJSE{
width:640px;
text-align:center;
margin-left:10px;
margin-bottom:50px;
margin-top:20px;
padding-left:30px;
}

#CategoriesJSE{
color:#000000;
width:300px;
height:80px;
float:left;
margin-left:0px;
text-align:left;
font-size:24px;

}

#productlistjse{
color:#000000;
width:250px;
height:225px;
float:left;
text-align:center;
font-size:24px;
margin-left:20px;

/*
border:solid;
border-color:#00FF00;
*/

}

#ProductImageJSE{
height:165px;
}

#ProductNameJSE{
color:#0066FF;
font-weight:bold;
font-size:18px;
height:25px;
width:225px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
/*
border:solid;
border-color:#FF0000;
*/
}

#ProductOrderButtonJSE{

}

#ProductPriceJSE{
color:#FFFF00;
height:25px;
padding:0px 0px 0px 0px;
/*
border:solid;
border-color:#CC0000;
*/
}

#ProductDescJSE{
color:#000000;
font-size:16px;
height:25px;
/*
border:solid;
border-color:#00CC00;
*/
}

#ProductQuantityJSE{
float:left;
margin:0px 0px 0px 25px;
}
		
#ProductButtonJSE{
}


#ProductLowerPageNumbers{
font-size:26px;
margin-left:25px;
margin-top:15px;
margin-bottom:15px;
color:#FFFFFF;
}

#ProductPageNavJSE{
color:#000000;
width:670px;
font-size:24px;
}

#PageNumbersJSE{
margin-left:20px;
visibility:hidden;
}

#catnav{
font-size:16px;
margin-top:15px;
}

#JSEProductLink{
font-size:10px;
}

#ExtendedProductContainerJSE{
width:600px;
margin-left:10px;
}

		
#ExtendedProductImageJSE{
width:250px;
height:450px;
float:left;
text-align:center;

}


#ExtendedProductNameJSE{
color:#000000;
font-size:24px;
text-align:center;
font-weight:bold;
}


#ExtendedProductDescJSE{
}


#ExtendedProductCodeJSE{
color:#000000;
text-align:center;
font-size:9px;
}


#ExtendedProductStockJSE{
}


#ExtendedProductPriceJSE{
font-size:30px;
color:#FFFF00;
width:314px;
text-align:center;
padding:20px 10px 0px 10px;
}


#ExtendedProductExDescJSE{
color:#000000;
width:314px;
height:190px;
overflow:auto;
padding:10px 10px 0px 10px;
margin:0px 0px 0px 0px;
}

#ExtendedProductOrderJSE{
width:334px;
text-align:center;
padding:20px 0px 0px 0px;
margin:0px 0px 0px 00px;
}

#ExtendedProductQuantityJSE{
margin:0px 0px 0px 0px;
}
		
#ExtendedProductButtonJSE{
}

#AddQuantity{
	color:#000000;
}

.txtfield{
	width:60px;
	height:18px;
	font-size:12px;
	background-color:#DADADA;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;

}

.submitbtn{
   color:#666666;   
   font-family: Tahoma,Arial, Helvetica, sans-serif;
   background-color: #f3f3f3;
   font-size:14px;
   font-weight: bold;
   border:1px solid #aaaaaa;
   width:50px;
   margin-left:0px;
   padding-left:0px;
   float:left;
}

.menuhdr{
color:#000000;
}

#ViewCartLabel{
color:#000000;
}

#SignUpTextField{
width:100px;
}

.txtfieldSignUpForm{
width:150px;
}

.txtfieldComments{
margin-left:150px;
margin-bottom:10px;
margin-top:10px;
}

.SignupButtonContinue{
margin-left:275px;
margin-bottom:15px;
}

.submitbtnorderconfirm{

}

.OrderButtonContainer{
text-align:center;
}

#cartstatus {
margin-top:240px;
margin-left:280px;
width:600px;
text-align:center;
}

#cartstatus a{
color:#FFFFFF;
}

#ShopFooterTXT{
height:50px;
width:300px;
margin-left:450px;
margin-top:20px;
}

.CARTsubmitbtn{

}

.CARTimgbtn{
}

.CustomerFormtxtfield{
width:196px;
}

.CustomerFormTxt{
color:#FFFFFF;
}

.CustomerFormtxtfielddropdown{
width:200px;
}

.CustomerFormCountriestxtfielddropdown{
width:200px;
}

.ANAIMContinueButton{
margin-left:240px;
margin-top:30px;
}

.ShopeWriteHeader{
text-align:center;
}