body {
	margin: 5px 10px;
}

#address {
position: relative;
  margin: 15px auto;
  text-align: left;
  border-top: 1px solid #cccccc;
}

#address header {
padding-top: 5px;
}

#address p {
  line-height: 1.5;
/*  border-top: 1px solid #cccccc;*/
  padding: 5px;
}

#address img {
  margin: 10px 10px;
  float: right;
}

#pageSurround {
	margin: 0px auto;

/*	padding: 5px 0px;*/				/* Leave 5px from top */
	/* width: 98% */
	width: 900px;					/* Fix the width of the layout */
}

#topHeader {
	text-align: right;
	height: 62px;
    background-image: url(../styleImages/onlineShopLogo.gif);
	background-repeat: no-repeat;
}

#subSurround {
	margin: 10px 10px;
}

#sessionBox {
border: 1px solid #cccccc;
	text-align: right;
	background-image: url(../styleImages/backgrounds/sessionBg.gif);
	background-repeat:repeat-x;
	height: 28px;
}

/* Main Content */
#mainContainter {
	float: left;
	width: 100%;
	margin: 10px -195px 10px 0;
/*	background-color: #CC9933;*/
}
#mainColumn {
	margin: 0px 195px 10px 10px; 
/*	background-color: #99CC33;*/
}

#rightColumn {
	margin-top: 10px ;					/* since this is seperate, therefore 
										need to re-declaration the top margin */
	padding-left: 10px;
	float: right;
	width: 175px;	
/*	background-color:#00FF99;*/
}
/* End of main content */


/* Technology box style */
#techboxTop {
	padding-left: 10px;		/* only if u need */
	height: 12px;
	width: 450px;
	font-size: 70%;			/* will shrink the title row */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../styleImages/backgrounds/longTitleBg.gif);
	background-repeat: no-repeat;

}

#techboxContent {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding-left: 10px;		/* top bottom 2px */
	width: 438px;
	font-size: 90%;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;*/
	background-color: #ffffff;		/* White */

}

#techboxFoot {
	margin-bottom: 10px;
	padding-buttom: 2px;
	padding-left: 10px;		/* only if u plan to put text in there */ 
	height: 15px;
	width: 450px;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../styleImages/backgrounds/longFootBg.gif);
	background-repeat: no-repeat;
}
/* End of Technology Style */

/* Session bar */
#sessionBoxBgLeft {
	background-image: url(../styleImages/backgrounds/sessionBgLeft.gif);
	background-position: rightl;
	background-repeat: no-repeat;
	height: 28px;
}

#sessionBoxBgRight {
	background-image: url(../styleImages/backgrounds/sessionBgRight.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 28px;
}


#mySessionBox {
	border: 1px solid #cccccc;
	margin: 10px 0px;		/* top , bottom 5px space */
	padding: 5px;
	text-align: right;				/* test will float to the right */
	
/*	height: 28px;*/
	
	background-color: #cccccc;

/*	background-image: url(../styleImages/backgrounds/sessionBg.gif);*/
	background-repeat: no-repeat;
}

.mySessionBoxLeft {
	background-image: url(../styleImages/backgrounds/sessionBg.gif);

}

.mySessionBoxConent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #cccccc;
}

.mySessionBoxRight {
	background-image: url(../styleImages/backgrounds/sessionBg.gif);
	background-repeat: no-repeat;
}


#topSession  {
/*	margin: 10px;*/
	padding: 10px;
/*	position: relative;*/
  	float: right;
width: 400px;
/*  border: 1px solid #cccccc;*/
  text-align: left;
}


.topContentTop {
	border-left: 1px solid #cccccc;
/*	padding-top: 5px;
	padding-left: 5px;*/
	background-color:#ffffff;
}

.topContentLeft, .topContentRight {
	float: right;
	border-left: 1px solid #cccccc;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#ffffff;
}


.topContentFoot {
	border-left: 1px solid #cccccc;
/*	padding-left: 5px;
	padding-bottom:: 5px;*/
	background-color:#ffffff;
}


.emailTopRight, .emailTopLeft {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #990099;
	width: 250px;
	height: 15px;
	padding: 2px 5px 0px 0px;
	background-repeat: no-repeat;
	font-weight: bold;
}

.emailContentLeft, .emailTopRight {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 9px 5px 5px 0px;
	width: 248px;	
}

.emailFootLeft, .emailFootRight {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #990099;
	width: 250px;
	height: 15px;
	padding: 0px 5px 2px 0px;
	background-repeat: no-repeat;
	font-weight: bold;
}


/* END OF MY OWN CSS STYLE */

.topCats {
	text-align: center;
	background-image: url(../styleImages/backgrounds/catBg.gif);
	height: 42px;
	color: #ffffff;
	margin-bottom: 15px;
}

.topCatsBgRight {
	background-image: url(../styleImages/backgrounds/catBgRight.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 42px;
}

.topCatsBgLeft {
	float: left;
	background-image: url(../styleImages/backgrounds/catBgLeft.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 42px;
}

.siteDocs {
	text-align: center;
	background-image: url(../styleImages/backgrounds/siteDocsBg.gif);
	height: 30px;
	color: #ffffff;
}

.siteDocsBgRight {
	background-image: url(../styleImages/backgrounds/siteDocsBgRight.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
}

.siteDocsBgLeft {
	float: left;
	background-image: url(../styleImages/backgrounds/siteDocsBgLeft.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
}

.boxTitleLeft, .boxTitleRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	background-image: url(../styleImages/backgrounds/boxTitleBg.gif);
	width: 175px;
	height: 13px;
	padding-top: 2px;
	padding-left: 5px;
	background-repeat: no-repeat;
	font-weight: bold;
}

.boxFootLeft, .boxFootRight {
	background-image: url(../styleImages/backgrounds/boxFootBg.gif);
	width: 175px;
	height: 12px;
	padding-left: 5px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}


/* I will modify here */ 
.boxContentLeft, .boxContentRight {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 9px;
	padding-bottom: 5px;
	width: 168px;
}

.boxContent {
	border-top: 3px solid #CFE3F5;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	margin: 10PX AUTO;
}
/* end of modification */


/* CHECKOUT PAGES 

.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}

*/

/* END CHECK OUT PAGES */

.docBtnLeft {
	background-image: url(../styleImages/backgrounds/docBtnLeft.gif);
	width: 4px;
}

.docBtnRight {
	background-image: url(../styleImages/backgrounds/docBtnRight.gif);
	width: 4px;
}

.docBtnMid {
	background-color: #DDDDDD;
	padding: 0px 3px 0px 3px;
}

.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}

#subCats {
	background-color: #EBEDFE;
	text-align: center;
	border: 1px solid #C9CEFC;
	margin: 0px;
	float: left;
	width: 99.5%;
}

.subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	width: 110px;
	height: 50px;
}

.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.topCatsTabLeft {
	background-image: url(../styleImages/backgrounds/catTabLeft.gif);
	background-repeat: no-repeat;
	width: 7px;
}

.topCatsTabMid {
	background-image: url(../styleImages/backgrounds/catTabMid.gif);
	background-repeat: repeat-x;
}

.topCatsTabRight {
	background-image: url(../styleImages/backgrounds/catTabRight.gif);
	width: 7px;
	background-repeat: no-repeat;
}

.latestProds {
	float: left;
	text-align: center;
	width: 150px;
	height: 180px;
}