/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
#header a {
display:block;
width: 832px; height: 160px;

background: url("../img/toys_main.gif") no-repeat;
text-decoration: none;
}
#header a:hover { 
background: url("../img/toys_main_over.gif") no-repeat;
}

#header a span { display: none; }

#normalInput {

background: #F3F56D;
width: 500px;
font-size: 0.8em;
margin-left: 50px;
	
}

#PrivacyCreate {
	
	position: absolute; left: 660px; top:  220px; width: 245px;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: left;
}

 #PrivacyCreate {
	
	position: absolute; left: 580px; top:  220px; width: 245px;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: left;
}

#PrivacyCreate img {

margin-left: -0.4em;	
}

#normalInput input { 
	
		border: 0px;
	padding: 5px;
	padding-bottom: 5px;
	margin-left: 16px;
	 height: 26px; /* width: 92px; */
	text-align: left;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 0.7em; 
	background: transparent url("../img/input_background.gif") repeat-x;
	float: left; 
	
	}
	
#normalInput input.noBack {

background: url("") no-repeat;	
}

img { border: 0px; padding: 0px; margin: 0px; }
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  
  text-align: center;
  margin: 0px; padding: 0px;
  background-color: #F6F69F;
  font-family: Georgia, "Times New Roman", Serif;

}


a { color:  #13919F;text-decoration: none; }

A:hover {
color: #BE350F;
}



#center {
	text-align: left;
	width: 1000px;
	background: url('../img/side_background.gif') repeat-y;
	}

/* front page */

div#header { width: 832px; float: left;  }
div#shoppingBasket {  background-color: #F6F69F; width: 47px; height: 160px;float: left; }
div#mainContent { 
	text-align: left;
	}
	
div#toyMenu { 

	clear: both;
	float: left;
	width: 200px;
	margin-top: 3px;
	padding-top: 60px;
	padding-left: 12px;
	padding-right: 0px;

	background: url('../img/toy_menu.gif') no-repeat;
	
	text-align: left;
	}
	
div#toyMenuUnderPants {
	background-color: #F3F56D;
	width: 183px;
	padding-bottom: 50px;
	padding-right: 0px;
	margin: 0px;
	position: relative;
	top: 10px;
	left: 14px;
	}	
div#rightContent {
	
	float: left;
	width: 600px;
	
	text-align: left;
	padding: 0px; margin: 0px;
	
}

div#toysGrid {
	
	float: left;
	width: 600px;
	padding-left: 20px;
	
}

.pageHeading { font-variant: small-caps; font-weight: bold;}

div#bottomMenu { float: left; width: 600px; height: 47px; padding: 0px; margin: 0px; background: url('../img/bottom_back.gif') repeat-x;}
div#menuContact {float: left; width: 188px; height: 47px;  padding: 0px; margin-top: -4px; }
div#menuAbout {float: left; width: 188px; height: 47px;  padding: 0px; margin-top: -4px;}
div#menuToys { float: left; width: 188px; height: 47px;  padding: 0px; margin-top: -4px;}
div#menuCart { float: left; width: 169px; height: 47px; padding: 0px; margin-top: -4px;}
div#rightRuleCorner { position: absolute; left: 657px; top:  611px; }

div.toySmallGrid { 
	width: 190px; height: 215px; float: left;
	border: 4px solid #F2C711;
    
	text-align: left;
	
	
	}
div.toySmallGrid img { padding-left: 12px; margin-left: 1px; }
div.toySmallGrid div { 
	color: #13919F; font-family: Georgia, "Times New Roman", Serif;
	font-size: 0.7em; padding-left: 12px; padding-top: 0px;
	text-align: left;
	margin: 0px;
	 width: 185px; 
}	

div.topSmallGridTopLeft { border-left: none; border-top: none; }
div.topSmallGridTopMiddle { border-left: none; border-top: none;}
div.topSmallGridTopRight { border-left: none; border-top: none; border-right: none;}
div.topSmallGridMiddleLeft { border-left: none; border-top: none;}
div.topSmallGridMiddleMiddle { border-left: none; border-top: none; }
div.topSmallGridMiddleRight { border-left: none; border-top: none; border-right: none; }
div.topSmallGridBottomLeft { border-left: none; border-top: none; border-bottom: none;}
div.topSmallGridBottomMiddle { border-left: none; border-top: none; border-bottom: none;}
div.topSmallGridBottomRight { border-left: none; border-top: none; border-right: none; border-bottom: none;}

div.toySmallGrid:hover { background-color: #F3F56D;}
div.toySmallGrid div:hover { color: #BE350F; }
div#mainContent h3 { font-family: Georgia, "Times New Roman", Serif; margin-bottom: -12px;}
div#mainContent p { color: #BE350F; font-size: 0.9em; line-height: 1.25em;}
div#mainContent img { margin-top: 4px;}

form#searchSubmit {padding-left: 6px; display: inline; } 

.searchInput { 
	border: 0px;
	padding: 5px;
	padding-bottom: 5px;
	margin-left: 16px;
	width: 92px; height: 26px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 0.7em; 
	background: transparent url("../img/search.gif") no-repeat;
	float: left; 
		}

		.searchSubmit { 
			float: left;
			border: 0px;
			margin-left: 2px;
			width: 62px; height: 20px;
			

				}
			
	ul.toyCat { list-style: none; margin: 0px; padding: 22px; padding-top: 0px; text-indent: 0px; font-size: 0.8em; font-style: italic;}
	ul.toyCat a { color: #000000;  }
	ul.toyCat a:hover { text-decoration: underline; }
	ul.toyCat img:hover { filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }
	
	.linkImage:hover { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; }

div#footer { 
	width: 870px;
	float: left;

	padding-top: 30px;
	text-align: center;
	background: url('../img/footer_image_03.gif') no-repeat;
	color: #5c5c5c;
	font-size: 0.8em;
	font-variant: small-caps;
	font-weight: bold;
	
}

div#footer p { color: #5c5c5c; }
div#footer a { color: #5c5c5c;}
div#footer a:hover { color: #7c7c5c; border-bottom: 1px dotted;}


/* end front page */

/* product pages */

div#prevNext a { color: #13919F; }

div.subCategory { 
	width: 500px;  float: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom:15px;
	border-bottom: 4px solid #F2C711; 
	font-size: 0.8em;
	text-align: left;
	}

div.subCategory:hover { background-color: #F3F56D;}
	
div.subCategory .subCategoryImage {
	width: 125px;
	float:left;
}	

div.subCategory .subCategoryDescription {
	width: 330px;
	padding-left: 25px;
	padding-top: 22px;
	float:left;
}	

div.subCategory h4 {
	
	padding-bottom:6px;
	margin: 0px;
	font-size: 1.0em;
	font-weight: bold;
	font-variant: italic;
}

div.subCategory a {
	
	color: #BE350F;
	font-variant: italic;
}

div.subCategory a:hover {
	
	text-decoration: underline;
}
	
div#productInfo	 {
	float: left;
	width: 600px; height: 380px;
	padding-top: 40px;
	margin:0px;
	padding-bottom:0px;
	background: url('../img/product_info.gif') no-repeat;

	
}

div#productSecondaryImages {
	
width: 229px; height: 207px; 
/* position: absolute;
left: 595px !important; top: 225px !important;
left: 660px ; top: 225px ;
padding-left: 15px; */
float: right;
margin-top: -32px;
margin-right: 10px;
	
}



div#productSecondaryImages img:hover { filter:alpha(opacity=80);-moz-opacity:80;opacity:.80; 
	cursor: pointer;
	}

div#productSecondaryImages .secondaryImage {
	float:left;
	padding:5px;
	width:90px;
}

div#productName {
	width: 200px;
	position: relative;
	left: 353px; top: 210px; 
	font-size: 0.8em;
	
}

div#productName .red {
	
	font-size: 1.1em;
}

div#productName .red { color: #BE350F; display: block; margin-bottom: 0.3em;}
div#productName .green { color: #358600; margin-bottom: 0.3em;}
div#productName .blue { color: #13919F; }
div#productName .manufacturer { color: #000000; display: block; font-style: italic; margin-bottom: 0.3em;}
div#productName .buy {  	position:absolute; left: 3px; top: 37px;  margin-top: 1.2em; z-index:50;}
 div#productName .buy {  	position:absolute; left: -7px; top: 31px;  margin-top: 1.2em; z-index:20;}


div#inCart { 
	
/*	position:absolute: left: 715px !important; top: 521px !important; */
float: right; 
margin-right: 60px;
margin-top: 83px;  	
 width:120px; height: 17px;
	 color: #ffffff;
   background-color: #358600; font-variant: small-caps; font-size: 0.9em; text-align: right; padding:2px; padding-right:6px;
	z-index:4;
	/* ie 6 */
 /*	left:640px; top: 503px; */
	 }
	

div#productImage {
/*	position: absolute;
		top: 225px !important; left: 245px !important; 
	top: 225px; left: 312px; 
	*/

	float: left;
	width: 330px; height: 330px;
	
	margin:0px;
        margin-top: -60px;
	
	padding: 0px;
		
}

div#productImage img { border: 0px; padding: 0px; margin: 0px; }
div#productDescription {
float:left;
	width: 600px; 
	font-size: 0.9em;
	padding-top: 0px;
	margin:0px;
	
	padding-bottom: 80px;
	line-height: 1.2em;
	color: #000000;

	
}
div#productDescription p {  display: block; color: #000000; }

div#productPagination {
	
	color:#13919F; font-size: 0.8em; font-variant: small-caps; font-weight:bold; padding-bottom: 10px;
}

div#productPagination span {
	
	color: #BE350F;
}


/* end product pages */

/* login */
div#howToPay {
	
	float: left;
	padding-left: 42px;
	padding-right: 50px;
	width: 240px; height: 467px;
	font-size: 0.9em; line-height: 1.2em;
	text-align: left;
	
}

div#howToPay img { margin-left: -0.3em;}
div#howToPay p { color: #000000;}
.input { 
	border: 0px;
	padding-bottom: 5px;
	padding: 6px;
	width: 130px; height: 28px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 0.7em; 
	background: transparent url("../img/input_background.gif") repeat-x;


		}
		
		.email { 
			border: 0px;
			padding: 4px;
			margin-bottom: 6px;
			
			width: 171; height: 22px;
			text-align: left;
			font-family: Georgia, "Times New Roman", Serif;
			font-size: 0.9em; 
			background: transparent url("../img/input_background.gif") repeat-x;


				}

div#loginForm {

	width: 380px; height: 257px;
float: left;
	
	text-align: left;
	background: url('../img/loign_back.gif') no-repeat;
}

div#fieldNames {
	
	position: relative; left: 30px; top: 40px; 
	width: 64px; height: 467px; 
	
	
}

div#fieldNames img { 
	display: block;
	float: right;
	text-align: right;
	padding-bottom: 14px;
	}

div#loginForm #form {
	
		
	width: 300px; z-index: 3;
	position: relative; left: 130px; top: -420px;
}

div#password {
	float: left;
	
	display: inline;
}

div#email {
	clear: both;
	
	
}

div#create {
	padding-top: 10px;
	clear: both;

	
}

div#forgot {
	padding-top: 16px;
	clear: both;
	
	
}

div#login {
	float: left;


	
}
/* end login */

/* contact */

div#contentLeft {
	
	width: 350px;
	height: 330px;
	float: left;
	padding-left: 40px;
	padding-right: 40px;
padding-bottom: 50px;
color: #000000;
	
}

div#contentLeft img {
	margin-left: -8px;
}

div#contentLeft p {
color:  #000000;	
}
div#contentRight {
	float: left;
	width: 200px;
	padding-left: 3px;
	padding-bottom: 50px;
}

div#contentRight img {
	margin-left: -8px;
}
div#contentRight p {
color:  #000000;	
}
/* end contact */

/* about */

div#contentLeftAbout {
	
	width: 500px;

	float: left;
	padding-left: 40px;
	padding-right: 40px;
padding-bottom: 150px;

	
}

div#contentLeftAbout p { color: #000000; }

div#contentRightAbout {
/*	position: absolute;
	left: 600px;
	top: 191px;
	width:182px; */
	float:left;
	font-style: italic;
	font-size: 0.9em;
	padding: 15px;
	margin-left: 43px;
	margin-top:-30px;
	background-color: #F3F56D;
}

div#contentRightAbout a { color: #000000; }
div#contentRightAbout a:hover { text-decoration: underline; }

iframe { border: 0px; }
p.quote { font-style: italic; line-height: 1.3em; padding-left: 20px;}

/* checkout */
table.checkoutTable {
	
padding: 5px;
margin-left: 33px;	
}

input.checkOutChange {
	
	font-family: Georgia, "Times New Roman", Serif;
font-size:0.9em;
font-weight: bold;
color: #000000;
text-align: center;	
border: 0px;

	border: 0px;
	padding-bottom: 5px;
	padding: 6px;
width: 28px;height: 28px;


	
background: transparent url("../img/login-03.gif") repeat-x;
}

input.standardInput {
	
	font-family: Georgia, "Times New Roman", Serif;
font-size:0.9em;
font-weight: bold;
color: #000000;
text-align: left;	
border: 0px;

	border: 0px;
	padding-bottom: 5px;
	padding: 6px;
height: 28px;


	
background: transparent url("../img/input_background.gif") repeat-x;
}

td.oddColumnCheckOut { 

	background-color: #F3F56D;
	padding: 5px;
	padding-right:  5px;
	text-align: center;
	}
	
td.evenColumnCheckOut {
	
	background-color: #F9F9AC;
	padding: 5px;
	padding-right:  5px;
	
	}
	
table.seperate { background-color: #F9F9AC; padding:10px; } 		

td.rightAlign {text-align: right; width: 50px;	}
.headerCheckout { font-size: 1.2em; font-variant: small-caps; }
.green { color: #358600; }
.blue { color: #13919F; }
.red { color: #BE350F; }
.checkoutCode { color: #222222; font-style: italic; }
/* checkout end */
ul.standardList {

list-style: disc outside;
list-style-image: url('../img/bullet.gif');
padding-left: 16px;
padding-bottom: 5px;

}
p.smaller { font-size: 0.8em; }
ul.standardRecommend {
font-size: 0.8em;
list-style: disc outside;
list-style-image: url('../img/bullet.gif');
padding-left: 16px;
padding-bottom: 8px;

}
ul.standardRecommend li { padding-bottom: 9px; }
ul.standardList li { padding-bottom: 9px; }
/* about */


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;
}







A.pageResults {
  color: #13919F;
  text-decoration: none;
}

A.pageResults:hover {
  color: #13919F;
  background: #FFFF33;
}




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;
}



SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  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;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.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; }

/* 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; }

/* input requirement */

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

