html, body { margin: 0px; padding: 0px; height: 100%; }
body {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-align: center;/* Quirks Mode - center all the elements */
}
img { border:none; }

A {
  color: #f89200;
  text-decoration: none;
  margin-left:2px;
  margin-right:2px;
}
A:hover {
  color: #FF9933; 
}

FORM {
	display: inline;
}

legend  {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  font-weight: bold;
}

input[type='text'], input[type='submit'], input[type='button'], input[type='reset'], input[type='password'], input[type='file'], button, select, textarea {
    border-collapse: collapse;
	border: 1px solid #AAA;
}

/* BEGIN New Template 2013-03-07 */
#wrapper {
    height: auto !important;
    min-height: 100%;
    height: 100%;
    position: relative; /* Required to absolutely position the footer */
}
.midwrapper {
    width: 936px;
    text-align: left;
    margin: 0px auto;
}
#content {
    padding-top: 30px;
    padding-bottom: 200px; /* This should match the height of the footer */
}
#header {
    height: 180px;
    background: url(../images/header_bg.png);
    background-repeat: repeat-x;
}
#header_bg1 {
    height: 180px;
    background: url(../images/line_rainbow_2px.png);
    background-repeat: no-repeat;
    background-position: center 97%;
}

#footer {
    height: 180px; /* Define height of the footer */
    position: absolute;
    bottom: 0; /* Sit it on the bottom */
    left: 0;
    width: 100%; /* As wide as it's allowed */
    background: url(../images/footer_bg.png);
    background-repeat: repeat-x;
}
#footer_content {
    color: #999;
}
/* END New Template 2013-03-07 */


.boxText { 
font-family: Arial, Verdana, sans-serif; 
font-size: 12px;
}
.boxTextHighlighted { 
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #333333;
	background-image:url(../images/navi_bgr.jpg);
    font-weight: bold;
	text-decoration: none;
	margin-left:2px;
    margin-right:2px;
	width:158px;
	height:28px;

}
.reminder { font-family : Arial, Verdana, sans-serif; font-size : 12px;  font-weight: bold;  color: #FF0000}
.errorBox { font-family : Arial, Verdana, sans-serif; font-size : 10px; background: #FFFF99; font-weight: bold; }
.stockWarning { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #FF0033; }
.orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }


TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background-image:url(../images/top_tile.jpg);
  background-repeat:repeat-x;
  color: #403e3e;
  font-weight : bold;
}

A.headerNavigation { 
  color: #403e3e; 
}

A.headerNavigation:hover {
  color: #bc7e03;
   font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
 font-weight : bold;
}


TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #333333;
}

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

.infoBox {

}

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



.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

.infoBoxHeadingTH {
  background-color: #999999;
	color: white;
/*	width: auto;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

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

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

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

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

}

.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #999999;
  color: #FFFFFF;
  font-weight: bold;
}

TR.productListing-data, TD.productListing-data {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  padding-left:10px;
  padding-right:10px;

}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
  margin-left:10px;
  margin-top:10px;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main, legend.main {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

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

TD.accountCategory {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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

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

TD.tableHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #3399CC;
  color: #FFFFFF
}

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

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

TEXTAREA {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

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

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

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

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

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

DIV.haveBorder {
	outline: thin;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, Verdana, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #FFFF99; }
.messageStackSuccess { font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #99ff00; font-weight: bold;}

/* input requirement */
.inputRequirement { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #ff0000; }
.inputRequirementBold { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #ff0000; font-weight: bold; }

/* bulletin board */
.bulletinHeader {
  font-family: Arial, Verdana, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
}

.bulletinDetailsHeader {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px; 
  line-height: 1.5;
  text-decoration: underline;
  font-weight: bold; 
}

.bulletinPostedDate {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #660000;
}
.bgtablegrey { 
  background-color: #333333; width: 100%;
}

/* info box */
.infoBoxHeading { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #ffffff; background-color: #B3BAC5; }
.infoBoxContent { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000000; background-color: #DEE4E8; }
.infoBoxContentTH { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000000; background-color: #f3f3f3; }


/* message box */

.messageBox { font-family: Arial, Verdana, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #FFFF99; }
.messageStackSuccess { font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #CCCCCC; }

/* forms */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Arial, Verdana, sans-serif; font-size: 11px; }
FORM { display: inline; }

/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #ff0000; }
.smallText { font-family: Arial, Verdana, sans-serif; font-size: 10px; }
.main { font-family: Arial, Verdana, sans-serif; font-size: 14px; padding-left:5px ; padding-right:10px }
.errorText { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #ff0000; }

/*added by CL 20130227 1458*/
.alignRight{
	text-align: right;
}


/* Begin of mainTable */
.mainTable{
	border: 1px solid #999999;
	background-color: white;
	text-align: center;
}

.mainTable tr{
	background-color: #f3f3f3;
}


.resetTable TR{
	background-color: transparent;
}

.mainTable tr:hover{
	background-color: #fff9de;
}

.mainTable tr:hover{
	background-color: #fff9de;
}

.mainTable th{
	background-color: #999999;
	color: white;
/*	width: auto;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.mainTable td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.mainTable th a:link, .mainTable th a:visited{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.mainTable th a:hover{
	color: #ffd256;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.mainTable th a.sortUp{
	background: url(../images/arrow-asc.png) no-repeat right -1px;
	padding-right: 14px;
}

.mainTable th a.sortDown{
	background: url(../images/arrow-desc.png) no-repeat right -1px;
	padding-right: 14px;
}

.mainTable tr.inactive{
	font-style: italic;
	background: #bcbcbc;
	color: #333333;
}

.mainTable .funcFld{
	text-align: left;
    white-space: nowrap;
	/*padding-left: 10px;*/
}

.mainTable .funcFld a{
	border-left: 1px dotted #333;
	padding-left: 3px;
}

.mainTable .funcFld a.first{
	border: none;
}

.mainTable .funcFld img{
	border: none;	
}

.mainTable .longTextFld{
	padding: 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

.mainTable small{
	font-style: italic;
	color: #848484;
	font-size: xx-small;	
}


/* End of mainTable */


.LABEL {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

.succMsg{
	border-top: 1px solid green;
	border-bottom: 1px solid green;
	background: #90ee90;
/*    padding: 10px;*/ /* Updated by Sia */
	padding: 5px; /* Updated by Sia */
    margin: 5px; /* Updated by Sia */
	font-size: 12px;
}
.errMsg{
	border-top: red solid 1px;
	border-bottom: red solid 1px;
	background: #ff9797;
/*    padding: 10px;*/ /* Updated by Sia */
	padding: 5px; /* Updated by Sia */
    margin: 5px; /* Updated by Sia */
	font-size: 12px;
}


.nav_menu {
    font-size: 11px;
    width: 190px;
    position: relative;
    margin-right: 20px;
}
.nav_menu .nav_wrap {
    background: url(../images/button_bg.png);
    height: 33px;
    display: block;
}
.nav_menu .nav_wrap a.nav_btn {
    display: block;
    padding-left: 20px;
    padding-right: 30px;
    height: 33px;
    line-height: 33px;
    vertical-align: middle;
}
.nav_menu .nav_wrap a.nav_btn {
    color: #C1C1C1;
    text-decoration: none;
}
.nav_menu .nav_wrap a.nav_btn:hover {
    color: #ff8800;
}
.nav_menu .nav_wrap a.nav_btn.arrow_link:hover {
    background-image: url(../images/link_arrow_down.png);
}
.nav_menu .nav_wrap a.arrow_link {
    background-image: url(../images/link_arrow_down_grey.png);
    background-position: 90% center;
    background-repeat: no-repeat;
}
.nav_menu .nav_wrap a.arrow_link.hl1 {
    background-image: url(../images/link_arrow_down.png);
}
.nav_menu .nav_wrap a.hl1 {
    color: #ff8800;
}

.nav_menu .nav_sub_wrap {
    background-color: #EEE;
    height: 33px;
    display: block;
}
.nav_menu .nav_sub_wrap a.last {
    background-image: none !important;
}
.nav_menu .nav_sub_wrap a.nav_btn {
    display: block;
    padding-left: 20px;
    padding-right: 30px;
    height: 33px;
    line-height: 33px;
    vertical-align: middle;
    background-image: url(../images/navi_border.png); 
    background-position: center bottom;
    background-repeat:  no-repeat;
    
    color: #555;
    text-decoration: none;
}
.nav_menu .nav_sub_wrap a.nav_btn:hover {
    color: #ff8800;
}
.nav_menu .nav_sub_wrap a.hl2 {
    color: #ff8800;
}

.breadcrumb {
    margin: 0px 5px;
    /*outline:1px solid brown;*/
}
.breadcrumb a {
    display: inline-block;
    text-decoration: none;
    color: #888;
    font-size: 11px;
    vertical-align: middle;
}
.breadcrumb .arrow {
    display: inline-block;
    margin: 0px 5px;
    width: 4px;
    height: 7px;
    background-image: url(../images/arrow_right.png);
    background-position: center center;
    background-repeat:  no-repeat;
    vertical-align: middle;
}

.linebreak {
    margin: 5px 0px;
    display: block;
    position: relative;
    height: 9px;
    line-height: 9px;
    background: url(../images/line_1px.png);
    background-repeat: repeat-x;
    background-position: right center;
}
.linebreak .dot {
    margin-right: -4px;
    float:right;
    height: 9px;
    line-height: 9px;
    width: 10px;
    background: url(../images/line_dot.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.linebreakdot {
    clear: both;
    display: block;
    position: relative;
    height: 1px;
    line-height: 1px;
    background: url(../images/line_dotted.png);
    background-repeat: repeat-x;
    background-position: left center;    
}
.linebreakstrip {
    clear: both;
    display: block;
    position: relative;
    height: 8px;
    line-height: 8px;
    background: url(../images/line_strip.png);
    background-repeat: repeat-x;
    background-position: left center;    
}
.pageTitle {
    color: #555;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pageTitleSub {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}
.parTitle {
    font-size: 12px;
    font-weight: bold;
}
.parContent {
    font-size: 12px;
}

.session_title {
    color: #000;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0px;
}

.cus_button { 
    display: inline-block; 
    position: relative;
    padding: 0px;
    cursor: pointer;
    overflow: hidden;
    font-size: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    zoom: 1;
}
.cus_button_user_15 { width:15px; height:15px; line-height:15px; background-image: url(../images/btn_user_15.png); }
.cus_button_lock_15 { width:15px; height:15px; line-height:15px; background-image: url(../images/btn_lock_15.png); }
.cus_button_briefcase_15 { width:15px; height:15px; line-height:15px; background-image: url(../images/btn_briefcase_15.png); }
.cus_button_file_15 { width:15px; height:15px; line-height:15px; background-image: url(../images/btn_file_15.png); }
.cus_button_email_15 { width:15px; height:15px; line-height:15px; background-image: url(../images/btn_email_15.png); }

.menu{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

a.menu:link, a.menu:visited{
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.menu:hover{
	color: #ff9933;
}

/* added by cl 20120517 1558*/
@media print {
	#footer,#side_content{
		display: none;
	}
	
}