html {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 12px;
}
body {
background:url(images/headers/oj-left-bg.png) repeat-y;
color: #000000;
margin: 0px;
}
img { border:0;}
a {color: #000033; text-decoration: none;}
a:hover {color: #AABBDD; text-decoration: underline;}
form {display: inline;}
h1 {font-size: 120%; font-weight: bold;	margin-bottom: 2px;	margin-top: 2px;}
h2 {font-size: small; margin-bottom: 1px; margin-top: 1px; font-weight: normal;}
/* start of header styles */
h3 {
color: #ff9933;
font-size: 9px;
text-align: center;
background: #3d38cb;
margin:0;
}
/* to be changed later, testing for H3 replacement */
h5 {
position: absolute;
right: 3px;
top: 8px;
color: #ffffff;
font-size: 9px;
font-weight: light;
text-align: right;
z-index: 6;
}
h4 {
position: absolute;
bottom: 25px;
z-index: 5;
background: #0000FF;
font-size: 10pt;
color: #ffff00;
font-weight: bold;
width: 100%;
font-style: oblique;
}
#leftcontent {
position: absolute;
left:0px;
top:140px;
width:160px;
}
#centercontent {
margin-left: 175px;
margin-right:165px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 177px;
margin-right:167px;
}
html>body #centercontent {
margin-left: 177px;
margin-right:167px;
}
#rightcontent {
position: absolute;
right:0px;
top:140px;
width:150px;
background:#fff;
}
#banner {
position: absolute;
background:#FFFFFF;
left:0px;
top:0px;
width:100%;
height:140px;
voice-family: "\"}\"";
voice-family: inherit;
height:140px;
background-image: url(images/headers/header_bg_top.gif);
background-repeat: repeat-x;
}
html>body #banner { height:140px; }
#topMenu {
position: absolute;
bottom: 0px;
left: 150px;
z-index: 50;
}
span#logo {
position: absolute;
top: 15px;
left: 0px;
background-image: url(images/headers/header_bg_main.gif);
background-repeat: repeat-x;
width: 100%;
z-index: 0;
}
ul#infoLinks {
white-space: nowrap;
position: absolute;
right: 8px;
bottom: 40px;	
z-index: 10;
}
#infoLinks li {
display: inline;
}
ul#shopLinks {
position: absolute;
right: 10px;
bottom: 27px;
z-index: 20;
}
#shopLinks li {
display: inline;
color: #FFFF33;
font-weight: bold;
}
#shopLinks li a {
display: inline;
font-size: 12px;
color: #FFFF33;
font-weight: bold;
text-decoration: none;
}
/* start of footer styles */
div#footer {
background:#FFFFFF;
text-align: center;
font-size: 9px;
clear:both;
}
div#footerBar {
background-color: #0000FF;
padding: 3px 0px 3px 0px;
font-size: 10px;
color: #FFFF00;
font-weight: bold;
}
div#footerBar a {color: #FFFF00;}
.clearLine {clear: both;height: 0;}
/* end of footer styles */
.breakLine {background-image: url(images/headers/main_break_4_bg.gif);height:18px;width:98%;}
p.title {font-size:125%;font-weight:bold; color: #0066CC; margin-top:10px;}
p.title a {color: #0066CC;}
span.moreSubHead a {position:relative;font-size:80%;font-weight:normal;color:#0066CC;left:10px;top:-3px;}
ol.showToys { min-width:720px;text-align:center;font-size:90%;margin:0 auto;list-style:none;line-height: 1.1em;}
ol.showToys li {width:170px;height:170px;float:left; margin:0px 10px;}
ol.showToys a img {border:4px solid #fff;}
ol.showToys a:hover img {border:4px solid #B6C1F8;}
.boxText {font-size:10px;}
.errorBox {font-size :10px; background: #ffb3b5; font-weight: bold;}
.stockWarning {font-size :10px; color: #cc0033;}
.productsNotifications {background: #f2fff7;}
.orderEdit {font-size :10px; color: #3399FF; text-decoration: underline;}

input.addtoCart {
width:125px;
height:30px;
border:0;
background: url(images/add-to-cart.png) no-repeat;
}

input.addtoCart:hover {
background-position: 0 -30px;
cursor:pointer;
}

TD.warning_box {
	background-color:#a50200;
	padding: 10px;
	border: 4px solid #003300;
	font-size: 11px;
	color: #FFFFFF;
}
TD.warning_box_header {
	font-weight: bold;
	color: #FFFF00;
}
TD.warning_box_body {
	font-size: 12px;
	color: #FFFFFF;
}
A.warning_box_link {
	font-size: 12px;
	color: #FFFF00;
}
TABLE.leftMenuBG, TD.leftMenuBG {background: #FF9933;}
.TextHeading {
  color: #0033CC;
  font-size: 14px;
  font-weight: bold; 
}
.TextBody {font-size: 11px;}
TR.header {background: #ffffff url(images/headers/header_bg.gif);}
TR.headerStars {background: #ffffff url(images/headers/header_bg_top.gif);}
TD.headerBG {background: url(images/headers/header_bg_main.gif);}
TD.headerLeftBarBG {background: url(images/headers/header_left_bar.gif);}
TD.headerTabsBG {background: url(images/headers/tabs/tabs_bg.gif);}
TD.headerDKBlueBar {
  background: url(images/headers/header_bottom_fill.gif);
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #ffff00;
  font-weight: bold;
}
TD.leftTabsLine {background: url(images/headers/tabs/tab_bg.gif);}
TD.headerNavigation {
  font-size: 10px;
  color: #0066CC;
  font-weight : bold;
}
A.headerNavigation { 
  color: #0066CC; 
}
A.headerNavigation:hover {
  color: #0066CC;
}
TR.headerError {
  background: #ff0000;
}
TD.headerError {
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
TR.headerInfo {
  background: #00ff00;
}
TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
TD.headerBlueText {
  font-size: 11pt;
  color: #0000FF;
  font-weight: bold;
}
.infoBox {
  background: #0033FF;
  border-right: 2px solid #bbc3d3; 
  border-bottom: 2px solid #bbc3d3;
}
.infoBoxLeftCol {
	background: #0033FF;
	border: 2px solid #fd742f;
}
.infoBoxAlt {
  background: #FF9900;
  border-right: 2px solid #bbc3d3; 
  border-bottom: 2px solid #bbc3d3;
}
.infoBoxDark {
  background: #003366;
  border-right: 2px solid #bbc3d3; 
  border-bottom: 2px solid #bbc3d3;
}
.infoBoxNoBorder {
  background: #0033FF;
}
.infoBoxGlow {
  background: #0033FF url(images/headers/glowing_bg.gif);
  border-right: 2px solid #bbc3d3; 
  border-bottom: 2px solid #bbc3d3;
}
.infoBoxContents {
  background: #ffffff;
  font-size: 10px;
}
.infoBoxNotice {
  background: #FF8E90;
}
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}
TD.infoBoxHeading {
  font-size: 10px;
  font-weight: bold;
  background: #FFFFFF;
  color: #000000;
}
TD.infoBoxHeadingNewProducts {
	background: left bottom;
	color: #000099;
	font-weight: bold;
	vertical-align: bottom;
}
TD.infoBox, SPAN.infoBox {
  font-size: 11px;
}
TD.infoHeader, SPAN.infoHeader {
  font-size: 11px;
  color: #0033FF;
  font-weight : bold;
}
.category_desc {
	font-size: 11px;
	line-height: 1.3;
	color: #000000;
	background-color: #FFFFCC;
	padding: 10px;
	border: 2px solid #FFCC33;
	margin-bottom:20px;
}
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: #FFFFFF;
}
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: #FFFFFF;
}
TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #b6b7cb;
	border-spacing: 1px;
}
.productListing-heading {
  font-size: 10px;
  background: #0066FF;
  color: #FFFFFF;
  font-weight: bold;
}
TD.productListing-data {font-size: 10px;}
A.pageResults { color: #0000FF;}
SPAN.currentPage {
	font-size: 110%;
	font-weight: bold;
	padding: 1px;
	border: 2px solid #CC3333;
}
A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #0066CC;
}
TR.subBar {background: #FFFFFF;}
TD.subBar {font-size: 10px; color: #000000;}
TD.main, P.main, SPAN.pricesavings, SPAN.pricesavingstext, SPAN.priceinsteadfeatured, SPAN.pricenormalfeatured {
  font-size: 11px;
  line-height: 1.5;
}
TD.mainRed, P.mainRed {
  font-size: 11px;
  line-height: 1.5;
  color: #FF0000;
}
TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px;
}
TD.smallTextRed, SPAN.smallTextRed, P.smallTextRed {
	font-size: 10px;
	color: #FF0000;
}
TD.tinyTextBlue {
	font-size: 9px;
	color: #FF0000;
}
TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}
TD.fieldKey { font-weight: bold;}
TD.tableHeading { font-weight: bold;}
SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT { font-size: 11px;}
TEXTAREA {
  width: 100%;
  font-size: 11px;
}
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}
TD.formAreaTitle { font-weight: bold;}
SPAN.markProductOutOfStock {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
	padding: 3px 6px;
	margin-left: 6px;
}
SPAN.productSpecialPrice { color: #000066;}
SPAN.productSpecialSaving { color: #FF0000;}
SPAN.productSpecialSavingSmall {
	color: #FF0000;
	font-size: 12px;
}
SPAN.productSpecial {
	color: #FF0000;
	font-weight: bold;
}
SPAN.errorText {
  color: #FF0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */
.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

.inputRequirement { font-size: 10px; color: #ff0000; }
a.textbox { color: #ffffff;}

/* BEGIN Fancier Invoice and Packingslip */
.dataTableHeadingContent_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableHeadingRow_INVOICE { background-color: #C9C9C9; }
.dataTableRow_INVOICE { background-color: #F0F1F1; }
.dataTableContent_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.order_history_top { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data { color : #000000; font-family: Verdana; font-size: 12px; }
.product_infobox_heading_row { background-color: #C9C9C9; }
.product_infobox_heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.product_infobox_data_row { background-color: #F0F1F1; }
.product_infobox_data { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.order_history_top_INVOICE { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading_INVOICE { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data_INVOICE { color : #000000; font-family: Verdana; font-size: 12px; }
.product_infobox_heading_row_INVOICE { background-color: #C9C9C9; }
.product_infobox_heading_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.product_infobox_data_row_INVOICE { background-color: #F0F1F1; }
.product_infobox_data_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.smallText_INVOIVE { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.smallTextBlue_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #006699; }
.smallAddressBlue_INVOICE { font-family: Arial; font-size: 9px; color: #006699; }
.main_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.pageHeading_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #727272; font-weight: bold; }
/* END Fancier Invoice and Packingslip */

/* Left Navigation Menu */
ul#leftMenu {
width: 160px;
\width: 159px;
w\idth: 159px;
padding: 0px;
border: 1px solid #333333;
border-top: 0px;
margin: 0px;
background: #0066FF;
}

ul#leftMenu li {
list-style: none;
margin: 0px;
border-top: 1px solid #333333;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
}

ul#leftMenu li.first {	background: #0033FF; }
ul#leftMenu li.second {	background: #0099FF; }
ul#leftMenu li.third {	background: #CC0033; }
	
ul#leftMenu li a {
display: block;
width: 140px;
\width: 160px;
w\idth: 140px;
padding: 8px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/headers/left_tabs/gradient_bg.png', sizingMethod='scale', opacity=0);
text-decoration: none;
text-align: right;
font-size: 12.5px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
/*this is to load the correct background to non IE browsers */
html>body ul#leftMenu li a { background:  url(images/headers/left_tabs/gradient_bg.png) repeat-y right center; }
ul#leftMenu li a:link { color: #FFFFFF; }
div#menuContainer li a:visited { color: #FFFFFF; }

ul#leftMenu li a:hover {
border-color: #ff9000;
color: #FFFF00;
cursor: hand;
}
ul#leftMenu li.first a:hover {	background: #000099; }
ul#leftMenu li.second a:hover {	background: #336699; }
ul#leftMenu li.third a:hover {	background: #660000; }