html { font-family:verdana,arial,helvetica,sans-serif; font-size: 0.82em;}
body { background:url(../images/headers/oj-left-bg.png) repeat-y; margin:0; min-width:650px;}
img { border:0;}
a {color: #00145f; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
form {display: inline;}
fieldset {border:#0000ff 1px solid;padding:15px;margin:10px 0;}
label {float: left;width: 30%;font-weight:bold;}
form fieldset div {padding:10px 0;}
h1 { margin:0; text-indent:-9999px; background-image:url(../images/headers/header_logo.gif); background-repeat:no-repeat;height:85px;}
h2 {font-size:1.3em;font-weight:bold; color:#0066CC; margin-top:10px; margin-bottom:0;}
h2 a {color: #0066CC;}
h2 a:hover {color:#FF0000;}
h3 {font-size:1.1em;font-weight:bold; color:#0066CC; margin-top:30px;}
/* start of header styles */
#headerStars {background: #ffffff url(../images/headers/header_bg_top.gif) repeat-x; padding-top:15px;}
#headerLogo { width:100%; height:85px; background: url(../images/headers/header_bg_main.gif) repeat-x;}
#otherLinks { 
position:absolute;
width:300px;
top:60px;
right:0;
}
#siteSearch {
position:absolute;
height:25px;
margin:0;
top:100px;
right:10px;
vertical-align:bottom;
}
html>body #siteSearch {
top:97px;
}
html>body #siteSearch input.searchButton {
position:relative;
top:3px;
}
#container {
padding-left: 160px;   /* LC width */
padding-right: 200px;  /* RC width */
}
#container .column {
position: relative;
float: left;
}
#centercontent {
padding:5px 20px;
width: 100%;
}
#leftcontent {
width: 160px;
margin-left: -100%;
left: 160px;
}
#container > #leftcontent {
left: -200px;             /* -LC width for others */
/* fix for IE7 */
margin-left: expression(document.all.centercontent.offsetWidth * -1 + parseFloat(document.all.centercontent.currentStyle.paddingLeft) + parseFloat(document.all.leftcontent.currentStyle.paddingLeft) + parseFloat(document.all.leftcontent.currentStyle.paddingRight) + 20); 
}
#rightcontent {
width: 160px;
margin-right: -200px;
}
#banner {
position:relative;
background:#FFFFFF;
height:140px;
voice-family: "\"}\"";
voice-family: inherit;
height:140px;
background-image: url(../images/headers/twinkles.gif);
background-repeat: repeat-x;
}
html>body #banner { height:140px; }
.adBanner{
margin:10px 0;
}

/* start of footer styles */
div#footer {
clear: both;
background:#FFFFFF;
text-align: center;
font-size: 9px;
padding-bottom:25px;
}
#topMenu {
position: absolute;
width:430px;
right: 0;
top: 80px;
z-index:99;
}
#account {position:absolute;width:150px;top:1.6em;color:#FFFF00;right:10px;font-size:0.8em;}
div.jqDock {background-color:transparent;}
div.jqDockLabel {border:1px solid;padding:2px 4px;font-weight:bold;font-size:0.85em;white-space:nowrap;color:#000000;background:#FFCC66;}
.buyNowButton {
width:125px;
height:30px;
}
.buyNowButtonCenter {
margin-top:20px;
width:200px;
}
input.addtoCart {
display:block;
margin:auto;
width:125px;
height:30px;
text-indent:-9999px;
border:0;
background: url(../images/add-to-cart.png) no-repeat;
}
input.addtoCart:hover{background-position: 0 -30px;cursor:pointer;}
input.makeEnquiry {
display:block;
margin:auto;
width:125px;
height:30px;
text-indent:-9999px;
border:0;
background: url(../images/enquire.png) no-repeat;
}
input.makeEnquiry:hover{background-position: 0 -30px;cursor:pointer;}
div#footerBar {
background-color: #0000FF;
padding: 3px 0;
margin-bottom:7px;
color: #FFFF00;
font-weight: bold;
}
div#footerBar a {color: #FFFF00;}
.clearLine {clear: both;height: 0;}

#pdtHead {font-size:1.5em;color: #0066CC;height:2.5em;}
#pdtName {float:left;font-weight:bold;}
#pdtPrice {float:right; }
#pdtBreadcrumb {font-size:0.8em;margin-bottom:1em;}
#pdtDescription {
	line-height: 1.3;
	background-color: #FFFFCC;
	padding: 10px;
	border: 2px solid #FFCC33;
	margin-bottom:20px;
}

.breakLine {background-image: url(../images/headers/main_break_4_bg.gif);height:18px;width:98%;}
.title {font-size:125%;font-weight:bold; color: #0066CC; margin-top:5px;}
p.title a {color: #0066CC;}
p.title a:hover {color: #000000;}
span.moreSubHead a { font-size:0.7em;;font-weight:normal;color:#0066CC;left:10px;top:-3px;}
ol.showToys, ol.showToysAddCart, ol.showCategories { min-width:400px;text-align:center;font-size:90%;margin:0 auto;list-style:none;line-height: 1.1em;}
ol.showToys li {width:180px;height:15em;float:left; margin:0px 7px;}
ol.showToysAddCart li {width:180px;height:17em;float:left; margin:0px 7px;}
ol.showCategories li {width:138px;height:10em;float:left; margin:0px 7px;}
ol.showToys a img, ol.showToysAddCart a img, ol.showCategories a img {border:4px solid #fff;}
ol.showToys a:hover img, ol.showToysAddCart a:hover img, ol.showCategories a:hover img {border:4px solid #B6C1F8;}
ol.showToys span.price, ol.showToysAddCart span.price {font-size:95%;font-weight:bold;}
#preview{ position:absolute;background:#333;padding:8px;display:none;width:200px;color:#fff;text-align:center;font-size:85%;line-height:1.2em;}
#preview img{ margin-bottom:5px;}
.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;}
.warning_box {
background-color:#FF0;
padding: 10px;
border: 3px solid #CC0033;
font-size: 120%;
color: #000;
}
TD.warning_box_header {
font-weight: bold;
color:#CC0033;
}
.warning_box_error {
font-weight: bold;
font-size:1.3em;
color:#CC0033;
}
TD.warning_box_body {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000;
}
A.warning_box_link {
font-size: 11px;
color: #FFFF00;
}
.TextHeading {
color: #0033CC;
font-size: 14px;
font-weight: bold; 
}
.TextBody {font-size: 11px;}
#menuwrapper {
padding-left:180px;
}
#usp { 
position:absolute;
top:83px;
left:168px;
overflow:hidden;
height:17px;
background: url(../images/headers/header_blue_bar.gif) no-repeat;
font-size: 10pt;
color: #ffff00;
font-weight: bold;
padding:0 500px 0 33px;
}
#links { 
position:absolute;
top:83px;
right:0;
padding:0 10px 0 50px;
text-align:right;
height:17px;
color: #ffff00;
font-weight: bold;
background-color:#0000ff;
}
#links a { color:#FFFF00;}
#breadCrumb {
font-size:0.75em;
margin:10px 0;;
}
#productHeading {
padding:10px 0;
}
#productHeadingName {
margin-right:210px;
}
#productHeading #headingPrice {
color:#0066CC;
font-size:120%;
font-weight:bold;
margin-bottom:10px;
}
#productHeadingName .title {
font-size:150%;
font-weight:bold;
margin:0;
}
#productHeadingImage {
position:absolute;
text-align:center;
right:10px;
top:1em;
}
#productDetails {
clear:both;
}
#bottomBar {
margin:38px 0;
}
#fantasyclubBar {
border:#990000 1px solid;
padding:5px 8px;
font-size:90%;
margin:15px 0;
}

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;
}
.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;
}
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;}
.category_desc {
	font-size:0.9em;
	line-height:1.3;
	background-color:#FFFFCC;
	padding:10px;
	border:2px solid #FFCC33;
	margin:10px 0 20px;
}

/* old page result listing. pls remove later */
A.pageResults { padding:0 3px;}
SPAN.currentPage {
	font-size: 110%;
	font-weight: bold;
	padding: 1px;
	margin:0 2px;
	border: 2px solid #CC3333;
}
A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
 /* new page results styles */
.pageList {
margin:15px auto 25px auto;
padding:0 10px;
height:2em;
font-size:1em;
}
.pageList .pageTotals {
float:left;
}
.pageList .pageNavi {
float:right;
}
.pageList .letterNavi {
float:left;
}
.pageNavi a, .letterNavi a {
text-decoration:none;
font-weight:bold;
background-color:#FFCC99;
border:#CC3333 1px solid;
padding:1px 4px;
margin:0 1px;
}
.pageList a:hover, .letterNavi a:hover {
background-color:#FF0033;
color:#FFFF00;
}
.pageList .currentPage {
font-size: 120%;
font-weight: bold;
padding: 2px 5px;
color:#FFFFFF;
background-color:#CC3333;
}
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:1em;}
TEXTAREA {width: 100%;font-size:1em;}
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: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

.warningBox {
padding: 10px 7px;
background-color:#a50200;
border: 4px solid #003300;
color:#FFFFFF;
font-size:95%;
}
.warningBox p {
margin:8px;
}
.warningBox h5 {
margin:0;
font-size:120%;
color:#FFFF00;
font-weight:bold;
}
/* 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_INVOICE { 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: pointer;
}
ul#leftMenu li.first a:hover {	background: #000099; }
ul#leftMenu li.second a:hover {	background: #336699; }
ul#leftMenu li.third a:hover {	background: #660000; }

#categoryTable {
width:95%;
padding:0;
}
.character {
color:#CCCCCC;
font-size:2.5em;
padding-left:13px;
}
.characterSmall {
color:#CCCCCC;
font-size:1.5em;
padding-left:8px;

}