

/*

  $Id: stylesheet.css,v 1.26 2006/01/01  hpdl Exp $

  Dony Corp

  Power by Yorknetwork.ca





*/



/* links */

a:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #999999; font-weight: normal; text-decoration: none; }

a:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #999999; font-weight: normal; text-decoration: none; }

a:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #999999; font-weight: normal; text-decoration: none; }

a:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #999999; font-weight: normal; text-decoration: underline; }





.content {

	FONT-SIZE: 12px; MARGIN: 5px 20px; LINE-HEIGHT: 140%; FONT-FAMILY: Arial

}







.top_font {color: #FFFFFF}





.content A:visited {

	COLOR: blue; TEXT-DECORATION: underline

}

.content A:link {

	TEXT-DECORATION: underline;

	color: #000000;

}

.content A:hover {

	COLOR: red

}

BODY {

	FONT-SIZE: 12px;

	COLOR: #FFFFFF;

	FONT-FAMILY: Arial, Helvetica, sans-serif;

	background-color: #FFFFFF;

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

}

DIV {

	FONT-SIZE: 12px; COLOR: #333333

}

TD {

	FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif}

TH {

	FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif}



.navi_bar {

	FONT-WEIGHT: bold;

	COLOR: #8974B0;

}

.title {

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR: #8974B0;

	LINE-HEIGHT: normal;

	text-align: center;

}

.underline {

	TEXT-DECORATION: underline

}

.bodyright {

	background-color: #FFFFFF;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	color: #333333;

	width: auto;

	height: auto;

	border: 0;

	border-top-style: none;

}

.bodyleft {

	font-size: 14px;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: bold;

	border-left-style: dotted;

	line-height: normal;

	background-color: #F0F0F0;

	border-top-style: dotted;

	border-right-style: dotted;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-style: dotted;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

}

.leftbottom {

	BORDER-LEFT: #ffdda2 1px solid;

	BORDER-BOTTOM: #ffdda2 1px solid;

	right: auto;

}

.rightbottom {

	BORDER-RIGHT: #ffdda2 1px solid;

	BORDER-BOTTOM: #ffdda2 1px solid;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	color: #3EA0BE;

	font-weight: bold;

}

.bottom {

	BORDER-BOTTOM: #444444 1px solid

}

.allborder {

	BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid

}

.code {

	FONT-SIZE: 12px; LINE-HEIGHT: 18px; FONT-FAMILY: &quot; Verdana: ; quot: ; Courier: ; mono: ; verdana: ; courier: 

}

.product_detail {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}



/* info box */

.infoBox {

  background: #b6b7cb;

}



.infoBoxContents {

  background: #f8f8f9;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}





TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #455667; padding: 2px; border-bottom: 1px solid; border-color: #294158; }

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



a.headerLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }

a.headerLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }

a.headerLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: none; }

a.headerLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; text-decoration: underline; }



a.menuBoxHeadingLink:link { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }

a.menuBoxHeadingLink:visited { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }

a.menuBoxHeadingLink:active { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }

a.menuBoxHeadingLink:hover { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }



a.menuBoxContentLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }

a.menuBoxContentLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }

a.menuBoxContentLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: none; }

a.menuBoxContentLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; font-weight: normal; text-decoration: underline; }



a.splitPageLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }

a.splitPageLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }

a.splitPageLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }

a.splitPageLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }



/* menu box */

.menuBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; background-color: #ffffff; }

.menuBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; }



/* page */

body { background-color: #ffffff; color: #000000; margin: 0px; }

.headerBar { background-color: #5AA5CD; }

.headerBarContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #5AA5CD; font-weight: bold; padding: 2px; }

.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }

.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #5AA5CD; font-weight: bold; }



/* data table */

.dataTableHeadingRow { background-color: #5AA5CD; }

.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #5AA5CD; font-weight: bold; }

.dataTableRow { background-color: #F0F1F1; }

.dataTableRowSelected { background-color: #DEE4E8; }

.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }

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



/* info box */

.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; background-color: #5AA5CD; }

.infoBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #DEE4E8; }



/* message box */



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

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

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



/* forms */

CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Verdana, Arial, 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, Verdana, Arial, 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: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

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

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

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



TABLE.productListing { border-color: #b6b7cb; }

.productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #96969E; color: #FFFFFF; font-weight: bold; padding: 2px; border-bottom: 2px solid #FFFFFF; }

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



FORM { display: inline; }

TR.header { background: #ffffff; }

TR.headerNavigation { height:25px;}

TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #474747; font-weight: bold; padding: 6px; border-bottom: 1px solid; border-color: #334659; border-top: 1px solid; border-color: #334659;}

A.headerNavigation { color: #878787; }

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

TR.headerError { background: #ff0000; }

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

TR.headerInfo { background: #00ff00; }

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

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

.infoBox { background-color: transparent; }

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

.infoBoxNotice { background: #FF8E90; }

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

TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #455667; padding: 2px; border-bottom: 1px solid; border-color: #294158; }

TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, 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-color: #b6b7cb; }

.productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #96969E; color: #FFFFFF; font-weight: bold; padding: 2px; border-bottom: 2px solid #FFFFFF; }

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

A.pageResults { color: #0000FF; }

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

TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #666666; }

TR.subBar { background: #f4f7fd; }

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

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

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

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

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

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

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

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

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

INPUT { background-color: #F8F8F8; font-size: 11px; }

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

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

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

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

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

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

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

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: pointer; }

.moduleRowSelected { background-color: #E9F4FC; }

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

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

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

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

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

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

.site_table { background-color: #FFFFFF; }

TD.left { background-color: #CAD6E2; color:#7A7A7A; }

TD.right { background-color: #ffffff; }

TABLE.content { padding: 20px 10px 10px 10px; color:#666666; }

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

