/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

body 		{background: #003482; color: #999999; margin: 0; padding: 0;}
* 			{font-family: Arial, sans-serif; margin: 0; padding: 0;}

a 			{color: #FF6C00; text-decoration: none;}
a:hover 	{color: #FF6C00; text-decoration: underline;}

form 		{display: inline;}
textarea 	{font-size: 11px;}

a img		{border-width: 0;}

.orange 	{color: #FF6C00;}

/* message box */

.messageBox { font-size: 11px; }
.messageStackError, .messageStackWarning { padding: 5px; color: #000000; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { padding: 5px; color: #000000; font-size: 11px; background-color: #99ff00; }

/*******************************************************************************
	* Header
*******************************************************************************/
#TMenu			{text-align: center; width: 949px; margin: 0 auto; padding: 0;}
#TMenu ul		{width: 528px; height: 64px; margin: 0; padding: 0; overflow: hidden; float: left; text-align: left; list-style-type: none; background: #003482 url(images/robomop_menu_bg.jpg) no-repeat left top;}
#TMenu li		{display: block; float: left;}
#TMenu li a		{display: block; height: 64px; overflow: hidden; background-repeat: no-repeat; background-position: 0 -70px; text-indent: 250px; white-space: nowrap;}
#TMenu li a:hover		{display: block; height: 64px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; text-indent: 250px; white-space: nowrap;}

#TCart 			{width: 310px; height: 64px; margin: 0; padding: 0 54px 0 57px; overflow: hidden; float: right; color: #FFFFFF; text-align: right;}
#TCart p		{margin: 0; padding: 0;}
#TCart a		{color: #FFFFFF;}
#TCart span		{color: #FF8A00;}
#TCart b		{font-size: 24px; font-weight: normal; font-style: italic;}

#TCart p#AccountLnk		{border-bottom: 1px solid #809AC1; padding: 4px 0 4px 0; color: #809AC1; font-size: 11px; font-weight: bold;}
#TCart p#AccountLnk	 a	{color: #809AC1; font-size: 11px; line-height: 18px;}

h1#RoboMopIdx			{clear: both; background: #ffffff url(images/robomop_h1_bg.jpg) repeat-x top; margin: 0; padding: 0; text-align: center;}


/*******************************************************************************
	* Content
*******************************************************************************/
#RoboMopCnt				{clear: both; background: #ffffff; margin: 0; padding: 0; text-align: center;}
#RoboMopCnt fieldset	{border-width: 0; width: 914px; margin: 0 auto;}
#RoboMopCnt h2.PageHeading			{text-align: left; display: block; margin: 0 0 10px 0; padding: 10px; font-size: 24px; font-weight: normal; font-style: italic; color: #ffffff; background: #003482;}
#RoboMopCnt .PageFrame	{text-align: left;}



#pListing					{display: block; clear: both; width: 870px; margin: 0 auto;}
#pListing ul				{display: block; clear: both; float: none; list-style-type: none; margin: 0; padding: 0;}
#pListing ul li				{display: block; width: 280px; overflow: hidden; float: left; text-align: center; padding: 5px; margin: 0;}
#pListing p					{display: block; font-weight: bold; margin: 0; padding: 0;}
#pListing p.Price			{padding: 5px 0 5px 0; display: block; text-align: center; font-weight: bold; font-size: 18px; color: #003482;}


#pListing a					{display: block; font-size: 12px; font-weight: bold; color: #FF8700; text-align: center; text-decoration: none;}
#pListing a:hover			{display: block; font-size: 12px; font-weight: bold; color: #FF8700; text-align: center; text-decoration: none;}
#pListing a span			{border-bottom: 1px dotted #003482; clear: both;}
#pListing a:hover span		{border-bottom: 1px solid #003482; clear: both;}


#cListing							{padding: 20px 0 20px 0;}
#cListing table						{}
#cListing td.productListing-heading	{padding: 10px; background: #CBCBCB; font-size: 12px; font-weight: bold; color: #013785;}
#cListing td.productListing-data	{padding: 5px 10px 5px 10px; background: #EFEFEF; font-size: 11px; font-weight: normal; color: #373737;}


#InfoPage							{padding: 40px 120px 60px 120px; font-size: 12px;}
#InfoPage td, #InfoPage th			{text-align: left; vertical-align: top; font-size: 12px; padding: 2px;}
#InfoPage input, #InfoPage select	{font-size: 12px;}
#InfoPage strong					{color: #FF6C00;}



#AddressBook							{padding: 10px 0 10px 20px;}
#AddressBook table						{border: 2px solid #CBCBCB; background: #EFEFEF; width: auto;}
#AddressBook td							{font-size: 11px; padding: 5px;}
#AddressBook th							{font-size: 12px; padding: 5px; font-weight: normal; text-align: left;}
#AddressBook input, #AddressBook select	{font-size: 11px;}
#AddressBook .inputRequirement			{color: #FF0000;}


#CheckoutBar td, CheckoutBar th			{padding: 0; text-align: center; vertical-align: middle;}

#ShippingMethod							{padding: 10px 0 10px 20px; font-size: 11px;}
#PaymentMethod							{padding: 10px 0 10px 20px; font-size: 11px;}
#CheckoutConfirmation					{font-size: 11px;}
#CheckoutConfirmation th				{text-align: left; font-size: 11px; font-weight: normal; background: #EFEFEF; padding: 10px; vertical-align: top;}
#CheckoutConfirmation h5				{font-size: 12px; font-weight: bold; color: #FF6C00; background: #CBCBCB; padding: 10px; margin: 0;}

#CheckoutNavi							{font-size: 11px; padding: 10px 0 0 0;}
#CheckoutNavi td, #CheckoutNavi img		{vertical-align: middle;}


#Distributors 							{padding: 20px;}
#Distributors h5						{font-size: 14px; font-weight: bold;}
#Distributors ul						{list-style-type: none; margin: 0; padding: 0;}
#Distributors li						{font-size: 12px; margin: 3px 0 3px 0;}

/*******************************************************************************
	* Footer
*******************************************************************************/
#RoboMopFoot			{clear: both; margin: 0; padding: 10px; color: #ffffff; font-size: 11px; text-align: center;}
h4#FMenu				{clear: both; margin: 0; padding: 10px 0 10px 0; display: block; text-align: center; background: #ffffff;}

#side_bar div			{margin: 0; padding: 0;}
#side_bar a				{display: block; padding: 10px; color: #003482; text-decoration: none;}
#side_bar a:hover		{display: block; padding: 10px; color: #FFFFFF; background: #B0C5E7; text-decoration: none;}



#ProductInfo			{}
#ProductInfo td			{vertical-align: top;}
#ProductInfo h2			{display: block; margin: 0 0 10px 0; padding: 0; font-size: 24px; font-weight: normal; font-style: italic; color: #003482;}
#ProductInfo .Price		{display: block; font-size: 24px; font-weight: normal; font-style: italic; color: #FF8000; white-space: nowrap;}

#ProductInfo h3			{display: block; margin: 10px 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; color: #003482;}
#ProductInfo p.Shorty	{display: block; margin: 0 0 5px 0; padding: 0; font-size: 12px; font-weight: normal; color: #797979;}
#ProductInfo p.More		{display: block; margin: 10px 0 0 0; padding: 0;}
#ProductInfo p.More	a	{font-size: 18px; font-weight: normal; font-style: italic; color: #003482; text-decoration: underline;}