DIV.centerpage {
  width: 770px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -385px;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
	background-image:url(alkris_images/body_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	color: #000000;
	margin: 0px;
	padding:0px;
}
img { border:0px; }

.nav{
	background-image:url(alkris_images/nav_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	height:46px;
	width:1000px;
}

#menu{
	margin-top:1px;
	float:left;
	width: 1000px;
	height: 45px;
}
#menu ul{
	float: left;
	MARGIN: 0px;   
	PADDING: 0px;   
	BORDER: 0px;   
	LIST-STYLE-TYPE: none;   
	TEXT-ALIGN: center;   
	DISPLAY: inline;
}

#menu li{
	float: left;   
	DISPLAY: block; 
	TEXT-ALIGN: center;     
	PADDING: 0px;
	margin:0px;
}
#menu ul li a{ DISPLAY: block;height:45px; line-height:45px; font-family:Arial, Helvetica, sans-serif;font-size: 12px; font-weight:bold; color: #fff; text-decoration: none; text-align:center; padding-left:25px; padding-right:25px; border-left:1px solid #fafafa;} 
#menu ul li a:hover{ DISPLAY: block;height:45px; line-height:45px; font-family:Arial, Helvetica, sans-serif;font-size: 12px; font-weight:bold; color: #fff; text-decoration: none; text-align:center; padding-left:25px; padding-right:25px; border-left:1px solid #fafafa; background-color:#8fc21d;}

#search_bg{
	margin-top:15px;
	background-color:#f6f7f7;
	float:left;
	width:220px;
	height:105px;
}

#category_bg {
    float:left;
    width:220px;
	margin-top:15px;
	background-color:#f6f7f7;
}

#login_bg{
	background-color:#f6f7f7;
	float:left;
	width:220px;
	height:150px;
	margin-top:15px;
	margin-bottom:10px;
}

#login{
	margin-top:5px;
	margin-left:23px;
	margin-bottom:10px;
	width:188px;
}

#content_info{
	width:750px;
	margin-top:15px;
	padding-left:15px;
	padding-right:15px;
}

.usercat{
	width:225px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3f3a39;
}

.usercat a{
	display:block;
	width:225px;
	height:25px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3f3a39;
	text-indent:15px;
	text-decoration:none;
}

.usercat a:hover{
	line-height:25px;
	background-color: #3f3a39;
	color:#ffffff;
	text-indent:15px;
	text-decoration:none;
}

.footer_bg{
	width:1000px;
	height:23px;
}
#footer_menu{
	float:none;
	width: 600px;
	height: 23px;
}
#footer_menu ul{
	float: left;
	MARGIN: 0px;   
	PADDING: 0px;   
	BORDER: 0px;   
	LIST-STYLE-TYPE: none;   
	TEXT-ALIGN: center;   
	DISPLAY: inline;
}

#footer_menu li{
	float: left;   
	DISPLAY: block; 
	TEXT-ALIGN: center;     
	PADDING: 0px;
	margin:0px;
}
#footer_menu ul li a{ DISPLAY: block;height:23px; line-height:23px; font-family:Arial, Helvetica, sans-serif;font-size: 12px; font-weight:bold; color: #fff; text-decoration: none; text-align:center; padding-left:25px; padding-right:25px;} 
#footer_menu ul li a:hover{ DISPLAY: block;height:23px; line-height:23px; font-family:Arial, Helvetica, sans-serif;font-size: 12px; font-weight:bold; color: #333333; text-decoration: none; text-align:center; padding-left:25px; padding-right:25px;background-color:#97df23;}

.listing_images{
  border:1px solid #f8f8f8;
}

.list_product_name{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
}

.newtitle_price{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#000;
}

.list_product_name a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-decoration:none;
}

.list_product_name a:hover{
	color:#000;
	text-decoration:underline;
}
.listing_desc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3f3a39;
}
.listing_desc a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3f3a39;
	text-decoration:none;
}

.listing_desc a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#e30000;
	text-decoration:underline;
}

.product_title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bolder;
	color:#013726;
	text-decoration:none;
}
.product_price{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#013726;
	text-decoration:none;
}

.product_border{
	border:1px solid #013726;
}

A { 
	font-family:Arial, Helvetica, sans-serif;
	color:#545252;
}

A:hover{
	color:#545252;
	text-decoration:underline;
}

FORM {
	display: inline;
}

TR.header {
	background: #ffffff;
}

TR.headerNavigation {
	background: #ffffff;

}

TD.headerNavigation {
    font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight : bold;
	color: #545252;
	line-height:18px;
	border-bottom: 1px solid #545252;
}

A.headerNavigation { 
	color: #545252;
	text-decoration:none;
}

A.headerNavigation:hover {
	color: #545252;
	text-decoration:underline;
}

TR.headerError {
	background: #ff0000;
}

TD.headerError {
	background: #ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : bold;
	color: #ffffff;
	text-align : center;
}

TR.headerInfo {
	background: #00ff00;
}

TD.headerInfo {
	background: #00ff00;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

TR.footer {
	background: #ffffff;
}

TD.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:1.5em;
	color:#545252;
	border-top:1px solid #545252;
}

.infoBox {
	background: #ffffff;
}

.infoBoxContents {
	background: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color:#545252;
}

.cartPlainContents {
	background: #f8f8f9;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.historyPlainContents {
	background: #f8f8f9;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.infoBoxNotice {
	background: #FF8E90;
}

.infoBoxNoticeContents {
	background: #FFE6E6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

TD.infoBoxHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#545252;
}

TD.infoBox, SPAN.infoBox {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
	background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.upcomingProducts-even, TR.shippingOptions-even {
	background: #ffffff;
}

TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #ffffff;
	border-spacing: 1px;
}

.productListing-heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#545252;
}

TD.productListing-data {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

A.pageResults {
	color: #0000FF;
}

A.pageResults:hover {
	color: #0000FF;
	background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	line-height:28px;
	color:#6a4099;
}
TD.pageHeading a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	line-height:28px;
	color:#6a4099;
	text-decoration:none;
}
TD.pageHeading a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	line-height:28px;
	color:#6a4099;
	text-decoration:underline;
}
TR.subBar {
	background: #f4f7fd;
}

TD.subBar {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
TD.main, P.main {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}
TD.main2, P.main2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TD.accountCategory {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #aabbdd;
}

TD.fieldKey {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

TD.fieldValue {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

TD.tableHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.newItemInCart {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

CHECKBOX, RADIO, SELECT,INPUT {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}


TEXTAREA {
	width: 99%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #545252;
}

SPAN.greetUser {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}

TABLE.formArea {
	background: #f1f9fe;
	border-color: #7b9ebd;
	border-style: solid;
	border-width: 1px;
}

TD.formAreaTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.markProductOutOfStock {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c76170;
	font-weight: bold;
}

SPAN.productSpecialPrice {
	font-family:Arial, Helvetica, sans-serif;
	color: #ff0000;
}

SPAN.errorText {
	font-family:Arial, Helvetica, sans-serif;
	color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer;}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {   font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {   font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }

.messageBox {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning {   font-family:Arial, Helvetica, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess {   font-family:Arial, Helvetica, sans-serif;  font-size: 10px; background-color: #99ff00; }

.inputRequirement {   font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #ff0000; }

.boxText {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; }
.errorBox { font-family:Arial, Helvetica, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning {	font-family:Arial, Helvetica, sans-serif; font-size : 11px; color: #cc0033; }
.orderEdit {	font-family:Arial, Helvetica, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

/* Sample vertical fly-out menu */

/* common styling */
/* set up the overall width of the menu div, the font and the margins */

#imageposition{
    float:left;
    margin-top:15px;
    width:220px;
    text-align: center;
}

#position{
    float:left;
    width:220px;
    margin-bottom: 15px;
}

/* Ocean 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 {
    z-index:99;
    position:relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    width:220px; 
    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.cate {
    display:block; 
    width:220px; 
    height:26px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    text-align:center;
    text-decoration: none;
    color:#6a4099; 
    line-height:26px; 
}

.menu ul li a.cate:hover{
     color:#fff;
    background-color:#6a4099;
 }

.menu ul li:hover a {
    color:#fff;
    background-color:#6a4099;
}

.menu ul li ul {
    display: none;
}
 
.menu ul li ul {display: none;}
/* specific to non IE browsers */

.menu ul li:hover ul { z-index:99;display:block;position:absolute; top:0; left:220px; width:220px;}

.menu ul li:hover ul li a.subcat {
    display:block; 
    width:220px; 
    height:26px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    text-align:center;
    text-decoration: none;
    background-color:#6a4099;
    color:#fff; 
    line-height:26px; 
}

.menu ul li:hover ul li a.subcat:hover{
     color:#fff;
    background-color:#83c341;
 }

.menu ul li:hover ul li:hover a {
    color:#fff;
    background-color:#83c341;
}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li:hover ul {z-index:99; display:block; position:absolute; left:220px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li:hover a{display:block; width:220px; height:26px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-weight:bold;text-align: center; background:#83c341; color:#fff; width:220px;line-height:26px;text-decoration: none;}
.menu ul li:hover ul li:hover ul li a:hover {background-color:#6a4099; color:#fff;}

.menu ul li:hover ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul li:hover ul {z-index:99; display:block; position:absolute; left:188px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li:hover ul li {display:block; width:188px; height:26px; background-color:#cccccc; color:#000;}
.menu ul li:hover ul li:hover ul li:hover ul li a{width:198px; background-color:#cccccc; color:#000;line-height:26px;}
.menu ul li:hover ul li:hover ul li:hover ul li a:hover{ background-color: #9996AB; color:#fff;}


