/*







  Released under the GNU General Public License

*/



@import url(datatoys.css);



 .column_left {

    background-color : #2d6dc5;

    color : inherit;

}

.cat_description {

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

    font-size : 10px;

    color : #800000;

    background : inherit;

    font-weight : bold;

}

.boxText {

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

    font-size : 10px;

}



.maintableBackground {

    background-color : #ffffff;

    color : inherit;

}

.centerTable {

    /*background-image : url('images/bg_cat4.gif');

    background-repeat : repeat-x;

    color : inherit;

    border-left : 1px solid #798ccc;

    border-right : 1px solid #798ccc;

    background-color : #d2dbf5;*/

	color: #000000;

	background: #ffffff;

}

.errorBox {

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

    font-size : 10px;

    color : inherit;

    background : #ffb3b5;

    font-weight : bold;

}

.stockWarning {

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

    font-size : 10px;

    color : #cc0033;

    background : inherit;

}

.productsNotifications {

    background : #f2fff7;

    color : inherit;

}

/*.orderEdit {

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

    font-size : 10px;

    color : #70d250;

    background : inherit;

    text-decoration : underline;

}*/

.navBlue {

    color : #ff0000;

    background : inherit;

    font-size : 8pt;

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

}

.subnavBlue {

    color : #9966ff;

    background : inherit;

    font-size : 8pt;

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

}

/*BODY {

    background : #ffffff;

    color : #000000;

    margin : 0;

	padding: 0;

}*/

/*A {

    color : #000000;

    background : inherit;

    text-decoration : none;

}

A:hover {

    color : #aabbdd;

    background : inherit;

    text-decoration : underline;

}*/

FORM {

    display : inline;

}

TR.header {

    background : #ffffff;

    color : inherit;

}

/*TR.headerNavigation {

    background : #bbc3d3;

    color : inherit;

}

/*TD.headerNavigation {

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

    font-size : 10px;

    background : #bbc3d3;

    color : #ffffff;

    font-weight : bold;

}

A.headerNavigation {

    color : #ffffff;

    background : #bbc3d3;

}

a:hover.headerNavigation {

    color : #ffffff;

    background : #bbc3d3;

}*/

TR.headerError {

    color : #bbc3d3;

    background : #ff0000;

}

TD.headerError {

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

    font-size : 12px;

    background : #ff0000;

    color : #ffffff;

    font-weight : bold;

    text-align : center;

}

TR.headerInfo {

    background : #00ff00;

    color : #bbc3d3;

}

TD.headerInfo {

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

    font-size : 12px;

    background : #00ff00;

    color : #ffffff;

    font-weight : bold;

    text-align : center;

}

TR.footer {

    background : #bbc3d3;

    color : inherit;

}

TD.footer {

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

    font-size : 10px;

    background-image : url(images/links_middle.gif);

    background-repeat : repeat-x;

    background : #bbc3d3;

    color : #ffffff;

    font-weight : bold;

}

.templateinfobox { 

    /*background : #fbfcfd url('images/infobox/background_box.gif') repeat-y left top;

    color : inherit;*/

	background: #ffffff;

	color: #000000;

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

    font-size: 10px;

}

.infoBox {

    color : inherit;

    background : inherit;

}

TD.infoBox, SPAN.infoBox {

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

    font-size : 10px;

    background : #ff9900;

    color : inherit;

}

TD.infoBoxHeading {

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

    font-size : 10px;

    font-weight : bold;

    background : #ffffff;

    color : #000000;

}

.infoBoxContents {

    color : inherit;

    background : inherit;

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

    font-size : 10px;

}

TD.infoBoxFooter {

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

    font-size : 10px;

    font-weight : bold;

    background : #ffffff;

    color : #000000;

}



TD.contentBoxHeading {

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

    font-size : 10px;

    font-weight : bold;

    color : #534f4d;

    background : inherit;

    padding-top : 5px;

} 

TD.infoBoxContentsHeaderImage {

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

    font-size : 10px;

    font-weight : bold;

    /*background-image : url('images/infobox/background.gif');

    background-repeat : repeat-x;

    background-position : left;

    background-color : #c8d0e0;*/

	background: #ffffff;

    color : #000000;

}

 .infoBoxContentsHeader {

    background : #ffffff;

    color : #000000;

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

    font-size : 10px;

    font-weight : bold;

}



 .infoBoxContentsCenter {

    color : #000000;

    background : #ffffff;

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

    font-size : 10px;

}



 TD.infoBoxContentsfooter {

    color : #000000;

    background-color : #c8d0e0;

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

    font-size : 10px;

    font-weight : bold;

}



TD.infoBoxHeadingImage {

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

    font-size : 10px;

    font-weight : bold;

    /*background-image : url('images/infobox/background.gif');

    background-repeat : repeat-x;

    background-position : left;

    background-color : #c8d0e0;*/

	background: #505050;

    color: #000000;

}

TD.infoBoxFooterImage {

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

    font-size : 10px;

    font-weight : bold;

    background-color : #ffffff;

    /*background-image : url(images/infobox/backgroundfb.gif);

    background-repeat : repeat-x;

    background-position : left;*/

    color : #000000;

}

.infoBoxNotice {

    color : #ffffff;

    background : #ff8e90;

}

.infoBoxNoticeContents {

    background : #ffffff;

    color : #000000;

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

    font-size : 10px;

    font-weight : bold;

}

/*TD.main_table_heading {

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

    font-size : 10px;

    border-width : thin;

    border-color : #cccccc;

    border-style : solid;

    background : #ffffff;

    color : #000000;

}*/

TD.main_table_heading_inner {

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

    font-size : 10px;

    /*background : #ffffff;*/

    color : #000000;

}



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;

    color : inherit;

}

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;

    color : inherit;

}

/*TABLE.productListing {

    border : 1px;

    border-style : solid;

    border-color : #b6b7cb;

    border-spacing : 1px;

}

.productListing-heading {

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

    font-size : 10px;

    background : #b6b7cb;

    color : #000000;

    font-weight : bold;

}*/

.productlisting-headingPrice {

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

    font-size : 10px;

    /*background: url(images/infobox/background.gif);*/

	background: #ffffff;

    color : #000000;

    font-weight : bold;

}



/*TD.productListing-data {

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

    font-size : 10px;

}*/



/*a.pageResults {

    color : #0000ff;

    background : inherit;

}

a:hover.pageResults {

    color : #0000ff;

    background : #ffff33;

}*/



/*TD.pageHeading, DIV.pageHeading {

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

    font-size : 20px;

    font-weight : bold;

    color : #9a9a9a;

    background : inherit;

}*/

TR.subBar {

    background : #f4f7fd;

    color : inherit;

}

TD.subBar {

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

    font-size : 10px;

    color : #000000;

    background : inherit;

}

TD.main, P.main {

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

    font-size : 12px;

    /*background : inherit;*/

    color : inherit;

}

TD.smallText, SPAN.smallText, P.smallText {

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

    font-size : 10px;

}

TD.accountCategory {

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

    font-size : 13px;

    color : #aabbdd;

    background : inherit;

}

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;

}

.category_desc {

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

font-size : 12px;

    line-height : 1.5;

}

SPAN.newItemInCart {

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

    font-size : 10px;

    color : #ff0000;

    background : inherit;

}

CHECKBOX, INPUT, RADIO, SELECT {

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

    font-size : 11px;

}

TEXTAREA {

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

    font-size : 11px;

}

SPAN.greetUser {

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

    font-size : 12px;

    color : #f0a480;

    background : inherit;

    font-weight : bold;

}

TABLE.formArea {

    color : #f4f7fd;

    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;

    background : inherit;

    font-weight : bold;

}

SPAN.productSpecialPrice {

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

    color : #ff0000;

    background : inherit;

}

SPAN.errorText {

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

    color : #ff0000;

    background : inherit;

}

.moduleRowOver {

    background-color : #eeeeee;

    color : inherit;

    cursor : pointer;

}

.moduleRowSelected {

    background-color : #eeeeee;

    color : inherit;

}

.checkoutBarFrom, .checkoutBarTo {

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

    font-size : 10px;

    color : #8c8c8c;

    background : inherit;

}

.checkoutBarCurrent {

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

    font-size : 10px;

    color : #000000;

    background : inherit;

}

.messageBox {

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

    font-size : 10px;

}

.messageStackError, .messageStackWarning {

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

    font-size : 10px;

    background-color : #ffb3b5;

    color : inherit;

}

.messageStackSuccess {

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

    font-size : 10px;

    background-color : #99ff00;

    color : inherit;

}

.inputRequirement {

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

    font-size : 10px;

    color : #ff0000;

    background : inherit;

}

/*TABLE.linkListing {

    border : 1px;

    border-style : solid;

    border-color : #b6b7cb;

    border-spacing : 1px;

}*/

.linkListing-heading {

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

    font-size : 11px;

    font-weight : bold;

    background : #ffffff;

    color : #000000;

    text-align : center;

}

TD.linkListing-data {

    /*border-right : 1px solid #b6b7cb;

    border-bottom : 1px solid #b6b7cb;*/

    padding : 4px;

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

    font-size : 10px;

}

TR.linkListing-odd {

    background : #f8f8f9;

    color : inherit;

}

TR.linkListing-even {

    background : #f5f5f5;

    color : inherit;

}

.content {

    color : #000000;

    background : inherit;

    font-size : 10px;

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

}

TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {

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

    font-size : 11px;

    line-height : 1.5;

    color : #bdcaf0;

    background : inherit;

}

TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {

    background-image : url('images/button_blank_left.gif');

}

TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {

    background-image : url('images/button_blank_right.gif');

}

TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {

    background-image : url('images/button_blank_middle.gif');

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

    font-size : 10px;

    font-weight : bold;

    background-color : inherit;

    color : #000000;

}

A.HeaderPageLinks {

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

    font-size : 10px;

    font-weight : bold;

    color : #000000;

    background : inherit;

}

a:hover.HeaderPageLinks {

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

    font-size : 10px;

    font-weight : bold;

    background : inherit;

    color : #00ff00;

}

TD.cookieUsage {

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

    font-size : 10px;

    font-weight : bold;

    background : #000000;

    color : #ffffff;

}

.attributeBoxContent {

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

    font-size : 10px;

    color : #000000;

    background-color : #808080;

}

.TR.attributeBoxContent {

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

    font-size : 10px;

    color : #000000;

    background-color : #808080;

}

.TD.attributeBoxContent {

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

    font-size : 10px;

    color : #000000;

    background-color : #c0c0c0;

}

.storyboxtitle {

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

    color : #000000;

    font-size : 10px;

    font-weight : bold;

    background : inherit;

}

.storyboxtitle A:link {

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

    color : #000000;

    font-size : 10px;

    font-weight : bold;

    background : inherit;

}

.storyboxtitle A:active {

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

    color : #000000;

    font-size : 10px;

    font-weight : bold;

    background : inherit;

}

.storyboxtitle A:visited {

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

    color : #000000;

    font-size : 10px;

    font-weight : bold;

    background : inherit;

}

.storyboxtitle A:hover {

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

    color : #ffffff;

    font-size : 10px;

    font-weight : bold;

    text-decoration : underline;

    background : inherit;

}

.yearHeader {

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

    font-size : 14px;

    font-weight : bold;

    color : #000000;

    background-color : #ffffff;

}

.calendarMonth {

    background-color : #cccccc;

    color : inherit;

    cursor : default;

    width : 100%;

}

.calendarHeader {

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

    font-size : 11px;

    font-weight : bold;

    color : #000000;

    background-color : #ffffff;

    text-decoration : none;

    height : 22px;

}

.calendarToday {

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

    font-size : 10px;

    color : #000000;

    background-color : #ffcf00;

    padding-left : 3px;

    text-decoration : none;

    border : 1px solid #ffffff;

    height : 22px;

    width : 18px;

}

.calendarWeekend {

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

    font-size : 10px;

    color : #000000;

    background-color : #caeeff;

    padding-left : 3px;

    line-height : 14px;

    text-decoration : none;

    border : 1px solid #ffffff;

    height : 22px;

    width : 18px;

}

.calendar {

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

    font-size : 10px;

    color : #000000;

    background-color : #ffffff;

    padding-left : 3px;

    line-height : 14px;

    text-decoration : none;

    height : 22px;

    width : 18px;

}

.event {

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

    font-size : 11px;

    color : #000000;

    background-color : #ffffff;

    text-decoration : none;

    border : 1px solid #e6e6e6;

}

.empty {

    background-color : #f0faff;

    color : inherit;

    line-height : 14px;

    height : 22px;

    width : 18px;

}

.calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {

    color : red;

    text-decoration : underline;

    background : inherit;

}

.calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {

    color : red;

    text-decoration : underline;

    background : inherit;

}

.calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {

    color : red;

    text-decoration : underline;

    background : inherit;

}

h4.infoTitle {

    margin-top : 0;

    margin-right : 0;

    margin-left : 0;

    margin-bottom : 0.2em;

}

p.infoBlurb {

    margin-top : 0;

    margin-right : 0;

    margin-left : 0;

    margin-bottom : 2em;

}

TD.productPriceInListing {

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

    font-size : 10px;

    background : #d2e9fb;

    color : inherit;

}

TD.productPriceInBox {

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

    font-size : 10px;

    background : #eeeeee;

    color : inherit;

}

TD.productPriceInProdInfo {

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

    font-size : 12px;

    background : #ccffcc;

    color : inherit;

}

#navMenu {

    clear : both;

    height : 0.01%;

    margin : 0;

    padding : 0;

    list-style : none;

}

#navMenu ul {

    float : left;

    width : 150px;

    margin : 0;

    padding : 0;

    list-style : none;

}

#navMenu li {

    position : relative;

    float : left;

    line-height : 24px;

    margin-bottom : -1px;

    width : 150px;

}

#navMenu li ul {

    position : absolute;

    left : -999em;

    margin-left : 150px;

    margin-top : -26px;

}

#navMenu li ul ul {

    left : -999em;

}

#navMenu li a {

    width : 150px;

    display : block;

    color : #334;

    font-weight : bold;

    text-decoration : none;

    background : #ffffff;

    border : 1px solid #cce;

    padding-left : 2px;

}

#navMenu li a:hover {

    color : #000000;

    background : #aac;

}

#navMenu li:hover ul ul, #navMenu li:hover ul ul ul, #navMenu li.sfhover ul ul, #navMenu li.sfhover ul ul ul {

    left : -999em;

}

#navMenu li:hover ul, #navMenu li li:hover ul, #navMenu li li li:hover ul, #navMenu li.sfhover ul, #navMenu li li.sfhover ul, #navMenu li li li.sfhover ul {

    left : auto;

}

/* Begin LightBox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* End LightBox */