#center 						{position: relative; margin: 0px auto 0px auto; text-align: left; width: 900px; border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; background:#FFFFFF url(../styleImages/backgrounds/bg_center.gif) repeat-y; min-height: 100%; height: auto !important; height: 100%; font-size: 140%;}
#cart #center 						{background: #FFFFFF url(../styleImages/backgrounds/bg_center_cart.gif) repeat-y;}
#shadow 						{top: 159px; left: -28px; height: 484px; width: 25px; position: absolute; background: url(../styleImages/backgrounds/shadow.gif) no-repeat;}

/**HEADER LOGO
****************/
#header 						{height: 127px; background: url(../styleImages/backgrounds/header2.jpg) no-repeat;}
#header h1 						{display: none;}

/*NAV-MAIN
*************/
#nav-main-container 					{position: absolute; left: 0px; width: 228px;}   
#content-container 					{margin: 0px 0px 0px 230px; padding: 0px; }     
#content-wrapper 					{padding: 10px; }
#content-container #content-main 			{width: 500px; float: left;}       
#content-container #content-right 			{width: 168px; float: right;}
#cart #content-container #content-main 			{width: 670px; }   

/**GENERAL IMAGES
********************/
img   							{margin: 0; border: 0;}
img.border 						{border: 1px solid #666666;}
img.thumb 						{background: #FFFFFF; border: 1px solid #CCCCCC; padding: 4px;}
img#FlagImg 						{margin-left:5px;}
div.header, .boxTitle 					{font-size: 100%; font-weight: bold; color: #FFFFFF; height: 29px; line-height: 29px; background: #555555 url(../styleImages/backgrounds/bg_h1.gif) repeat-x; padding: 2px 0px 0px 10px; margin: 0 auto; text-align:left;}
.header a 						{color: #EEE529;}
#imgThumbSpace 						{text-align:center; margin:10px auto 20px;}
#imgThumbSpace p 					{color: #0000FF; font-size:14px;}
#imgThumbSpace img 					{padding:5px;}


/**SESSION 
**********/
#UserSession 						{width:168px;}
#UserSession a 						{color:#FF9900; text-align:left; text-decoration:underline;}
#UserSession a:hover					{color: #FFFFFF; text-decoration:none;}
#UserSession span 					{margin:0px 2px;}
	
/**CONTENT-ITEM
******************/
.content-item-container 				{margin: 10px;}
.content-item-container.shop 				{margin: 0; border-top: 3px solid #333; border-bottom: 1px solid #333; background: #F0F0F0;}	
.content-item-container .content-item a 		{display: block; padding: 10px 0px 10px 10px; width: 150px; height: 200px; float: left; color: #3C3C3C; text-decoration: none;}  	
.content-item-container .content-item a:hover 		{background: #ccc; color: #000;} 
.content-item-container .content-item .photo img 	{border: 1px solid #454545;}

/*RIGHT COLUMN
****************/
#content-right .item 					{padding:0 0 10px; line-height: 180%; margin-bottom:10px;}
	
/**SIDEBOXES
*************/
.SideBox ul 						{margin:10px;}
	
/**LATEST PRODUCTS
*********************/
#LatestProducts                                         {float:left;margin-top:0px;padding:0;}
#LatestProducts h2                                      {color:#0000FF; font:18px Helvetica, Arial, Verdana, sans-serif; text-transform:uppercase;}
.ProdBox                                                {margin:10px 0 0 5px; width:140px; float:left; height:200px; text-align:center; padding:5px;}
.ProdImage                                              {width:140px; height:140px;} 
.ProdName                                               {height:40px; background:#FFFFFF;}
.ProdPrice                                              {color: #0000FF; font-weight:bold;}     

/**CATEGORY PAGE STYLING
*************************/
#CatTitle h2 						{font:20px Helvetica, Arial, Verdana, sans-serif;margin:10px 0;color: #0000FF;}
.pagination 						{text-align: right; margin: 10px 5px 0 0px;}
#CatList 						{border: 1px solid green; width: 480px; padding:0;}
.tdListTitle 						{background: #696969; font-weight: bold; color: #FFFFFF;}
.tblList td 						{padding:0; margin:0;}
.CatName 						{float:left; margin:0 0 0 -10px; width:195px; padding:0;}
.CatName a 						{font-weight:bold; color: #000000;}
.CatPrice 						{font-weight:bold; color: #0000ff;float:left;margin-left:5px;width:60px;}
.CatBuy  						{float:right; width:50px; padding:0;margin:0;}
.cart_icon 						{border: none; margin-left:3px;}
.CatText 						{height: 60px; color: #696969; text-align:left; margin:10px 0 0 -10px;}
.tdOdd 							{background: #FAFAFA;}
.tdEven 						{background: #FFFFFF;}
.tdListTitleName 					{margin-left:-10px;width:160px;}
.tdListTitlePrice 					{text-align:left; width:100px;}
.CatStock 						{text-align:right;text-transform:uppercase;}




/**SINGLE PRODUCT PAGE
***********************/
.SingleProd h2 						{font:bold 18px Helvetica, Arial, Verdana, sans-serif; margin:20px 0; color: #0000FF;}
#ProductInformation 					{float:left; margin-top:20px; width:480px; padding:0;}

.SubHeading 						{border-bottom: 1px solid #CCCCCC; margin-bottom:0; width:100%;}
.SubHeading h3 						{font:16px Helvetica, Arial, Verdana, sans-serif; }
.SubHeading span 					{float:right; text-transform:uppercase; font-size:11px;}

#SPDesc 						{margin:0; padding:0;}
#SPDesc p 						{margin-left: -7px;}
table#SPInfo 						{margin:-5px 0 20px 0; width:100%; font-size:13px;}
table#SPInfo td 					{padding:0 5px 7px 5px; text-align:left;}
table#SPInfo td.tag 					{background: #FFFFFF; color: #000000; width:110px;}
table#SPInfo td.noBorder 				{border:none;}
table#SPInfo .textbox 					{background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 11px; color: #000000;}
table#SPInfo .txtButton 				{font-size:12px; text-decoration:none; color: #FFFFFF;}
table#SPInfo a 						{text-decoration:underline; color: #FF9900;}

#RelatedProducts 					{border:1px solid #CCCCCC;width:478px;}
#RelatedProducts h3 					{font:18px Helvetica, Arial, Verdana, sans-serif; margin-bottom:10px;}
.RPBox 							{background-color: #FAFAFA; margin:0; padding:10px; width:455px; float:left;}
.RPImage 						{float:left; width:140px; height:130px; margin:0 5px 0 0;}
.RPName 						{font-weight:bold; margin-bottom:10px;}
.RPPrice 						{color: #0000FF; font-size:14px; float:right;}

#WriteReviews						{width:100%;}
#WriteReviews h3					{font:16px Helvetica, Arial, Verdana, sans-serif; border-bottom: 1px solid #CCCCCC; margin-bottom:10px;}


/**STEP 1 PAGE
*****************/
#Step1 							{text-align:left; margin:20px auto;}
.regSepBox 						{width:230px; height:150px; float:left; margin:0 10px 0 0; text-align:center; border-top:3px double #CCCCCC; border-bottom:3px double #CCCCCC; padding-top:5px;}
.regSepBox h3 						{font:18px Helvetica, Arial, Verdana, sans-serif; margin-bottom:10px; text-align:center;}
.RSInner 						{height:80px; margin-bottom:5px; text-align:left;}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{padding: 10px;}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../../../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../../images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../images/lightbox/next.gif) right 15% no-repeat; }


#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;}

#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}