DIV.centerpage {
  width: 770px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -385px;
}

SPAN.markProductOutOfStock {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #FF0000;
  font-weight: bold;
}

.orderEdit {
  font-family : Verdana, Arial, sans-serif, Tahoma;
  font-size : 10px;
  color: #FF0000;
  text-decoration: underline;
}

TD.main, P.main {
  font-family: Arial;
  font-size: 12px;
  font-weight:bold;
  line-height: 1.5;
}

TD.main2, P.main2 {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 12px;
}

BODY {
	background:#ff9900;
	color: #ffffff;
  	margin: 0px;
}


/*ocean put link on logo starting*/

#logo_link {
	float:left;
	width: 145px;
	height:145px;
	margin-top: 12px;
	margin-left: 6px;
	padding:0px;
}
#logo_link ul{
	float: left;
	MARGIN: 0px;   
	PADDING: 0px;   
	BORDER: 0px;   
	LIST-STYLE-TYPE: none;   
	TEXT-ALIGN: center;   
	DISPLAY: inline;
}
#logo_link li{
	float: left;   
	DISPLAY: block; 
	TEXT-ALIGN: center;  
	MARGIN: 0px;   
	PADDING: 0px;   
}

#logo_link ul li#home a{ DISPLAY: block; height: 145px; WIDTH: 145px; margin: 0px;} 
#logo_link ul li#home  a:hover{ DISPLAY: block; height: 145px; WIDTH: 145px; margin:0px;} 
	


/*end*/



.BannerTopBg{
	height:154px;
	background-image:url(BrickMart_images/bannertop_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.BannerLineBg{
	height: 60px;
	background-image:url(BrickMart_images/bannerline_bg.gif);
	background-position:bottom center;
	background-repeat:repeat-x;
}
#Top_Nav{
	width: 1024px;
	height:25px;
	margin-top: 10px;
	margin-left: 0px;
	padding:0px;
}
#Top_Nav ul{
	float: left;
	MARGIN: 0px;   
	PADDING: 0px;   
	BORDER: 0px;   
	LIST-STYLE-TYPE: none;   
	TEXT-ALIGN: center;   
	DISPLAY: inline;
}
#Top_Nav  li{
	float: left;   
	DISPLAY: block; 
	TEXT-ALIGN: center;  
	MARGIN: 0px;   
	PADDING: 0px;   
}
#Top_Nav ul li#one {WIDTH:60px;}   
#Top_Nav ul li#two {
	WIDTH: 100px;
	margin-left:10px;
}   
#Top_Nav ul li#three {
	WIDTH: 120px;
	margin-left:10px;
}
#Top_Nav  ul  li#four {
	WIDTH: 180px;
	margin-left:10px;
}
#Top_Nav  ul  li#five {
	WIDTH: 150px;
	margin-left:10px;
}
#Top_Nav  ul  li#six {
	WIDTH: 200px;
	margin-left:10px;
}
#Top_Nav  ul  li#seven {
	WIDTH: 110px;
	margin-left:10px;
}
#Top_Nav li a {
	DISPLAY: block;
	height: 25px;
	padding:7px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 14px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:underline;
}
#Top_Nav li a:hover {
	color: #ff9900;
	font-weight: bold;
	text-decoration:underline;
}
#ContentInfo {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.FooterLine {
	height: 50px;
	background-image:url(BrickMart_images/bannerline_bg.gif);
	background-position:top center;
	background-repeat:repeat-x;
}
#FooterContent {
	margin-top: 20px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
	
}
A {
/* fontsize*/
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
}

A:hover {
    font-size: 12px;
	color: #FEA92C;
	text-decoration: underline;
}

FORM {
   display: inline;
}

.boxText {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  color: #FF0000;
}

.inputRequirement {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #FF0000;
}

TR.header {
  background: #FFFFFF;
}

TR.headerNavigation {
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #FFFFFF;
  font-weight : bold;
}

A.headerNavigation {
  color: #FFFFFF;
}

A.headerNavigation:hover {
  color: #FFFFFF;
}

.errorBox {
  font-family : Verdana, Arial, sans-serif, Tahoma;
  font-size : 10px;
  background: #00007F; font-weight: bold;
}

.stockWarning {
  font-family : Verdana, Arial, sans-serif, Tahoma;
  font-size : 10px;
  color: #FF0000;
}

TR.headerError {
}

TD.headerError {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #0000A0;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #FF0000;
}

TD.headerInfo {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
}

TD.footer {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
}

.infoBox {
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

.PlainContents {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

.infoBoxNotice {
  background: #00007F;
}

.infoBoxNoticeContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #999999;
}

TABLE.infoBox-button {
  border: 1px;
  border-style: solid;
  border-color: #0000A0;
}

TABLE.user-table {
  border: 0px;
  border-style: solid;
  border-color: #ffffff;
}

TR.user-data {
	font-family: Verdana, Arial, sans-serif, Tahoma;
	font-size: 10px;
	background-color: #666666;
}

TD.user-data {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bolder;
}

.productListing-heading:hover {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 14px;
  font-weight: bolder;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}
#loginbox {
	width: 220px;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
#cartbox {
	padding-top: 10px;
	float: left;
	width: 220px;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
}


A.pageResults {
  color: #000000;
}

A.pageResults:hover {
  color: #000000;
  background: #808080;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  color: #FF0000;
}

TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Arial, sans-serif, Tahoma;
	font-size: 16px;
	font-weight:bolder;
	color: #F7AB3D;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  font-weight: bold;
}

TABLE.formArea {
  background: #FFFFFF;
  border-color: 0000A0;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #ffffff;
}

.moduleRow {
}

.moduleRowOver {
  /*background-color: #FFFFFF;*/
  cursor: pointer;
  cursor: hand;
}

.moduleRowSelected {
  /*background-color: #FFFFFF;*/
}

.checkoutBarFrom, .checkoutBarTo {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #ffffff;
}

.checkoutBarCurrent {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #FEA92C;
  font-weight: bold;}

.productsNotifications {
  background: #FFFFFF;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #000000;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #000000;
}

TR.infoBoxContents-button {
  background: #FFFFFF;
}

TR.subBar {
  background: #FFFFFF;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #000000;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #0000A0;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

.messageBox { font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
}

.messageStackError, .messageStackWarning {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background-color: #00007F;
}

.messageStackSuccess {
  font-family: Verdana, Arial, sans-serif, Tahoma;
  font-size: 10px;
  background-color: #99ff00;
}

/*ocean's css start */

#search-position {
	float:right;
	background-image:url(BrickMart_images/quick_search_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height:98px;
	width:170px;
	/* position: absolute;
	left: 955px;*/
	margin-right: 29px;
	margin-top:20px;
	margin-bottom:40px
}

#advanced_search{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}


/* Vincent Code Begin: Pop out Menu for loading a tree menu - Relate to /includes/boxes/usercategory.php. */
/* Sample vertical fly-out menu */

/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu {
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
width:224px; 
margin:0; 
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a column and their position relative so that the fly-out list will appear in the right parallel place for each list item */
.menu ul li {
float:left; 
position:relative; /* to make ul itmes dispaly in a vertical column. */
}
/* style the links to be 220px wide by 38px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:left; 
text-decoration:none; 
width:220px; 
height:38px; 
color:#fff; 
border:1px solid #fff;
border-width:1px 1px 0 0;
text-indent: 2px;
background-image:url(BrickMart_images/category_bg.gif);
background-position:top center;
background-repeat:repeat-x;
line-height:38px; 
}
/* make the fly-out ul invisible */
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff;
text-indent: 4px;
background:#999999;
}
/* make the sub menu ul visible and position it parallel the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:0px; 
left:221px; 
width:220px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background-image:url(BrickMart_images/category_bg.gif);
background-position:top center;
background-repeat:repeat-x;
text-indent: 2px;
color:#fff;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#999999;
text-indent: 4px;
color:#fff;
}


<!--[if lte IE 6]>
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */

/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide&#44; .menu ul li a:visited.hide {
display:none;
background-image:url(BrickMart_images/category_bg.gif);
background-position:top center;
background-repeat:repeat-x;
text-indent: 2px;
}
/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover {
color:#fff;
text-indent: 4px;
background:#999999;
}
/* make the sub menu ul visible and position it parallel the main menu list item */
.menu ul li a:hover ul {
display:block; 
position:absolute;
top:0px; 
left:221px; 
width:220px;
}
/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a {
background-image:url(BrickMart_images/category_bg.gif);
background-position:top center;
background-repeat:repeat-x;
text-indent: 2px;
color:#fff;
}
/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover {
background:#999999;
text-indent: 4px;
color:#fff;
}
<![endif]-->

/* Vincent Code Begin: Pop out Menu for loading a tree menu - Relate to /includes/boxes/usercategory.php. */



/*end of css by ocean*/ 



.FooterLine .footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}