/*

  $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

*/



.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; color: #C00; text-decoration: underline; }



BODY {

  background: #709bb8;

  color: #000000;

  margin: 0px;

}

.infoBox {

  background: #e9e9e9;

}



.infoBoxContents {

  background: #ffffff;

  font-size: 10px;

}

/*  A {

  color: #5D5F60;

  text-decoration: none;

}



A:hover {

  color: #5D5F60;

  text-decoration: underline;

}  */



FORM {

	display: inline; background-color: transparent;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #bbc3d3;

}



TD.headerNavigation {

  font-family: Arial, sans-serif;

  background: #bbc3d3;

  color: #ffffff;

  font-weight : bold;

}

/*  

A.headerNavigation { 

  line-height:21px;font-size:20px;color:#687118; font-family:Arial, sans-serif; text-decoration:none;

}



A.headerNavigation:hover {

  line-height:21px;font-size:20px;color:#687118; font-family:Arial, sans-serif; text-decoration:underline;

}



  */TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

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

  font-size: 10px;

}



TD.infoBoxHeading {

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

  font-size: 10px;

  font-weight: bold;

  background: #bbc3d3;

  color: #ffffff;

}



TD.infoBox, SPAN.infoBox {

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

  font-size: 10px;

}



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;

}



TABLE.productListing {

  border: 1px;

  border-style: solid;

  border-color: #b6b7cb;

  border-spacing: 1px;

}



.productListing-heading {

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

  font-size: 10px;

  background: #b6b7cb;

  color: #FFFFFF;

  font-weight: bold;

}



TD.productListing-data {

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

  font-size: 10px;

}



A.pageResults {

  color: #0000FF;

}



A.pageResults:hover {

  color: #0000FF;

}



TD.pageHeading, DIV.pageHeading {

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

  font-size: 20px;

  font-weight: bold;

  color: #9a9a9a;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

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

  font-size: 10px;

  color: #000000;

}

/* -------------------------------------------------          -------------------------------------------------------- */

/* -------------------------------------------------          -------------------------------------------------------- */

.main {

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

  font-size: 11px;

  color:#5D5F60;

}

.main b {

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

  font-size: 11px;

  color:#5D5F60;

}



.main a {			font-size: 10px; text-decoration:underline;	color:#709BB8;}

.main a:hover {		font-size: 10px; text-decoration:none;		color:#709BB8;}

.main a u {			font-size: 10px; text-decoration:underline;	color:#709BB8;}

.main a:hover u {	font-size: 10px; text-decoration:none;		color:#709BB8;}



TD.main, P.main {

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

				  font-size: 11px;

				  line-height: 1.5;

}

P.smallText {

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

			  	font-size: 10px;

}

#myse select {width:90%;}

.delp {

				color:#808080;

				font-size:11px;

				font-weight:normal;

}

s {

				color:#808080;

				font-size:11px;

				font-weight:normal;				

}

/* -------------------------------------------------          -------------------------------------------------------- */

/* -------------------------------------------------          -------------------------------------------------------- */

TD.accountCategory {

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

  font-size: 13px;

  color: #aabbdd;

}



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;

}



CHECKBOX, INPUT, RADIO, SELECT {

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

  font-size: 11px;

}



TEXTAREA {

  width: 100%;

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

  font-size: 11px;

}



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-size: 12px;

  color: #c76170;

  font-weight: bold;

}

SPAN.errorText {

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

  color: #ff0000;

}

/* -------------------------------------------------          -------------------------------------------------------- */

/* -------------------------------------------------          -------------------------------------------------------- */

.moduleRow { }

.moduleRowOver { background-color: #EFEFEF; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #EFEFEF; }



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; color: #C00; }



/* 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: #79B4B2; color: #ffffff; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #79B4B2; color: #ffffff; }



/* input requirement */



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





/* -------------------------------------------------          -------------------------------------------------------- */

/* -------------------------------------------------          -------------------------------------------------------- */

body {padding:0; margin:0; background-color: #79b4b2; }

table {background-color: #fff; }


body, td, input, textarea{

	font-size:11px;

    font-family:Tahoma;

	color:#8B8B8B;

	line-height:13px;

	vertical-align:top;

	padding:0px;

}

img      {border:0px;}

table	 {width:100%;}



.vam{ vertical-align:middle; color: #333;}



.header td 		 {color:#545454; vertical-align:middle}

.header span	 {color:#545454; font-size:10px;}

.header b   	 {color:#545454;}

.header a 		 {color:#78BDAD; text-decoration:none; font-size:11px; font-weight:bold}

.header a:hover  {color:#78BDAD;text-decoration:underline}

.header strong a 		 {color:#C9CBBD; text-decoration:underline; font-size:11px}

.header strong a:hover  {color:#C9CBBD;text-decoration:none}



.header1{color:#FFFFFF; text-decoration:none; background:url(images/1_z1.gif) no-repeat left top; background-position:0 5px; padding-left:9px; margin-right:16px } 

.header1:hover 		{color:#FFFFFF;  text-decoration:underline}



#input1{

 width:37px; height:18px; 

 color:#3F4143; font-size:10px; font-family:tahoma; text-align:right

}



#input2{

 width:37px; height:18px; 

 color:#3F4143; font-size:10px; font-family:tahoma; text-align:right

}





.jamp{ width:109px; height:18px; color:#464646; font-size:10px; padding-left:4px; font-family:Tahoma;}

.jamp1{ width:139px; height:17px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}

.jamp2{ width:119px; height:21px; color:#8B8B8B; font-size:12px; padding-left:2px; font-family:Tahoma;}

.jamp3{ width:158px; height:21px; color:#8B8B8B; font-size:12px; padding-left:2px; font-family:Tahoma;}

  

											  

.box_header_txt	td{ height:30px; vertical-align:middle; background:url(images/1_bg.gif) no-repeat top left; padding-left:26px;

				  font-weight:bold;  color:709bb8; font-size:14px;}

				  

.box_header_txt1 td{ height:40px; vertical-align:middle; background:url(images/1_z2.gif) no-repeat top left #F4F6DE; padding-left:28px; text-transform:uppercase;

				  font-weight:bold;  color:#313030; font-size:12px;}





.box_body 	{}

.box_body  ul 	{padding:0; margin:0px; list-style:none; }

.box_body .bg_list 	{background:url(images/bg_list.gif) left top no-repeat; line-height:20px; background-position:0 7px}

.box_body .bg_list  a	{color:709bb8;text-decoration:underline; padding-left:11px; font-weight: bold;}

.box_body .bg_list  a:hover	{color:709bb8;text-decoration:none; font-weight: bold;}



.box_body .bg_list_un 	{background:url(images/bg_list.gif) left top no-repeat; line-height:23px; background-position:1px 9px; padding-left:13px;}

.box_body .bg_list_un  a	{color:#3A3A3A;text-decoration:none; padding-left:1px; font-weight:bold}

.box_body .bg_list_un  a:hover	{color:#3A3A3A; font-weight:bold; text-decoration:underline;}



.box_body .bg_list_sub 	{background:url(images/bg_list_sub.gif) left top no-repeat; line-height:19px; background-position:0 10px; margin-left:13px}

.box_body .bg_list_sub  a	{color:709bb8; text-decoration:underline; padding-left:7px; }

.box_body .bg_list_sub  a:hover	{color:709bb8;text-decoration:none;}





.cont_header_txt td {height:30px; vertical-align:middle; background:url(images/1_bg.gif) no-repeat top left; padding-left:26px;

				  font-weight:bold;  color:709bb8; font-size:14px;}

.cont_header_txt a { 

				font-weight:bold; color:709bb8; font-size:14px; text-decoration:none; vertical-align:middle; }				  

.cont_header_txt a:hover { 

				font-weight:bold; color:709bb8; font-size:14px; text-decoration:underline;}	

				

.cont_header_txt1 td {height:36px; vertical-align:middle;background:url(images/li.gif); 

				  font-weight:bold;  color:#FFFFFF; font-size:13px; vertical-align:middle;  }

  

.product td         {color:#8B8B8B; font-size:10px; line-height:14px; }

.product span a		    {color:#ffffff; font-size:13px; text-decoration:none; font-weight:bold; }

.product span a:hover	{color:#ffffff;text-decoration:underline;}



.product a		    {color:#333; font-size:12px; text-decoration:underline; font-weight:bold}

.product a:hover	{color:#333;text-decoration:none;}

.product em		    {color:#333; font-size:12px; text-decoration:underline; font-weight:bold; font-style:normal;}

.product span       {color:#3F4143; font-size:11px;}

.product b	 {			color:#373737; font-size:15px; font-weight:bold;}



.product div { text-align:center;padding:8px 0px 5px 0px;}

.product div a		    {color:#8B8B8B; font-size:12px; font-weight:normal;text-decoration:underline; text-transform:none;}

.product div a:hover	{color:#8B8B8B;text-decoration:none;}





.pic img			{border: 0px solid #969075; margin-right: 10px;}



.result td           {color:#8B8B8B; height:28px; vertical-align:middle;padding:0px 10px 0px 0px; font-size:12px}

.result a            {color:#333; text-decoration:underline;}

.result a:hover      {color:#333;text-decoration:none;}

.result b            {color:#8B8B8B; font-weight:normal;}

.result span            {color:#333;}



.result u {text-decoration:underline; color:#333; } 

.result_right	{ text-align:right;}

.result_right b	{color:#333; font-weight:bold; }



.popup td	{color:#8B8B8B; font-size:12px; text-decoration:none;}

.popup strong		{color:#333; font-size:12px; text-decoration:underline; font-weight:bold}	







.footer		  	  { }	

.footer  		  {color:#8F8F8F; font-size:10px;}			

.footer a 		  {color:#8F8F8F; font-size:10px; text-decoration:none; font-weight:bold} 			

.footer a:hover   {color:#8F8F8F;text-decoration:underline;}	

.footer span 	  {color:#FFFFFF; font-size:10px; background:url(images/z4.gif) left top no-repeat; background-position:0 5px; padding-left:13px; padding-right:7px; margin-right:5px}

.footer span a 		  {color:#231F20; font-size:11px; text-decoration:none;} 			

.footer span a:hover   {color:#231F20;text-decoration:underline;}	

.footer b, .footer b a 	  {color:#8F8F8F; font-size:10px; font-weight:bold; text-decoration:underline;}			

.footer b a:hover {color:#8F8F8F; text-decoration:none;}

		



.shop_cart	{ height:39px; vertical-align:middle}   

.shop_cart strong{vertical-align:middle; color:#FFFFFF; font-size:12px}   /* -------------------------------------------------          -------------------------------------------------------- */

.box_body td		    {color:#8B8B8B; font-size:11px;}

.box_body  a		    {color:#333; font-size:11px; font-weight:normal;text-decoration:none;}

.box_body  a:hover		    {color:#333; font-size:11px; font-weight:normal;text-decoration:underline;}

.box_body span a		    {color:#333; font-size:12px; font-weight:bold;text-decoration:none;}

.box_body span a:hover	{color:#333;  font-size:12px;font-weight:bold;text-decoration:underline;}



/* -------------------------------------------------          -------------------------------------------------------- */

span.txt_1	{font-size:10px; text-transform:none;}	

SPAN.productSpecialPrice, .box_body SPAN.productSpecialPrice, .product SPAN.productSpecialPrice  {

  color:#373737; font-size:15px; font-weight:bold; text-decoration:none;}

/* -------------------------------------------------          -------------------------------------------------------- */

/* -------------------------------------------------          -------------------------------------------------------- */

input	{background:transparent; font-size: 9tx;}

input:hover	{background:#eee;}



select	{background: transparent;}

select:hover	{background:#eee;}



.main a b {

  color:#5D5F60;

  font-size: 10px; text-decoration:underline;

}

.main a:hover b{

  color:#5D5F60;

  font-size: 10px; text-decoration:none;

}

/* -------------------------------------------------          -------------------------------------------------------- */

/* -------------------------------------------------          -------------------------------------------------------- */

.smallText a { color:#C00; font-size:11px; text-decoration:none;}	/*  advanced_search.php  */

.smallText a:hover { color:#CC0000; font-size:11px; text-decoration:underline;}

.smallText a u { color:#CC0000; font-size:11px; text-decoration:none;}

.smallText a:hover u{ color:#CC0000; font-size:11px; text-decoration:underline;}



TD.fieldKey {	font-size: 12px;font-weight: bold;font-family: Verdana, Arial, sans-serif;	color:#5D5F60;}

TD.fieldValue {	font-size: 12px;font-family: Verdana, Arial, sans-serif;padding:3px 2px 3px 2px;}



TD.smallText {

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

  font-size: 10px; color:#5D5F60;

}

SPAN.smallText {

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

  font-size: 10px;
  
  display: none;

}

.smallText font b { color:#FF0033; text-decoration:none; font-size:11px }

/* -------------------------------------------------          -------------------------------------------------------- */

/* -------------------------------------------------          -------------------------------------------------------- */

.shop_cart { height:41px;text-align:center; vertical-align:middle;color:#8E1214; font-size:13px; font-weight:bold;}

.sea_1 { padding:0px 10px 0px 10px;}

.sea_2 { padding:10px;}

.padd2 td	{padding:10px;}

div.padd3	{ text-align:left; background: transparent; color: #333;}

div.padd3 ul	{ text-align:left; margin-left: 130px; list-style: square;}

.bg_gg	{background:url(images/bg_gg.gif) left top repeat-x;}

.bg_vv	{background:url(images/bg_vv.gif) left top repeat-y;}

.prod_info	{width:5px; background-color: transparent;}

/* -------------------------------------------------          -------------------------------------------------------- */

.box_width_left			{ width:198px;}

.box_width_right		{ width:0px;}

.box_width_cont			{ width:100%;}			
/* -------------------------------------------------          -------------------------------------------------------- */

#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img { border: none; }

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

#imageContainer {
	padding: 10px;
	}

#lightboxLoading {
	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%;
	display: block;
	}
	
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }

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

#imageData {
	padding:0 10px;
	}
	
#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;	}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	


/* -------------------------------------------------          -------------------------------------------------------- */