/*
  $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
*/
/** {
text-align:left;
}*/


.topnav {color:#fff; text-decoration:none; font-size:14px; font-weight:normal}
.topnav:hover {color:#fff; text-decoration:underline}
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.tblTop { 	background-image: url(images/button.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 12px;
	padding-bottom: 8px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	}
h1 { font-family: Verdana, Arial, sans-serif; font-size: 16px; color:#FF6600; font-weight:bold }
.input			{background:#ffffff; border:solid #000000 1px}
input,textarea			{
	border:solid #000000 1px;
	background-color: #EAEAEA;
	color:#000000
}
.scrollPrice  a{ font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FF6600; text-decoration:none; }
.cs	{ color:#FF6600 ; font-weight:bold}
.tblBGCol1{font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#000000; background-color:#E9E9E9}
.tblBGCol2{font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#000000; background-color:#DBDBDB}

.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: #DBDBDB; }
.orderEdit 				{ font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #D9005c; text-decoration: underline; }

BODY 					{background: #ffffff; color: #000000; margin: 0px;}

.infoBox 				{background: #989898;}
.infoBoxContents 		{background: #ffffff;font-family: Verdana, Arial, sans-serif; font-size: 10px;}

/*  A {color: #000000;  text-decoration: none;}A:hover {  color: #AABBDD;  text-decoration: underline;}  */
FORM 					{display: inline;}
TR.header 				{background: #ffffff;}
TR.headerNavigation 	{background: #bbc3d3;}
TD.headerNavigation 	{font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold;}
/*  A.headerNavigation {color: #FFFFFF; }A.headerNavigation:hover { color: #ffffff;
}  */

/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
TD.main, P.main 							{font-family: Verdana, Arial, sans-serif;font-size: 11px;line-height: 1.5;}
TD.smallText, SPAN.smallText, P.smallText 	{font-family: Verdana, Arial, sans-serif;font-size: 10px;}
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.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.errorText 								{font-family: Verdana, Arial, sans-serif;color: #ff0000;}

.moduleRow { }
.moduleRowSelected 							{background-color: #DBDBDB; }

.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; }
#myse select 								{width:90%;}
/* input requirement */

/* -------------------------------------------------          -------------------------------------------------------- */
/*  del {color:#888888;font-size:12px; font-weight:bold}  */
s {color:#808080;font-size:11px;font-weight:normal;}
/* -------------------------------------------------          -------------------------------------------------------- */

body {
	margin:0px;
	padding:0px;
	background:#fff;
	font-family:tahoma;
	font-size:11px;
	color:#7b7b7b;
}

table, td, .main, select {
	font-family:tahoma;
	font-size:13px;
	color:#000000;
}
table	{width:100%;}

img {border:0}

.vam {vertical-align:middle;}

strong {color:#8E013B;}

.main {width:766px}	


/*  HEAD  */




/*  BOXES  */


/* -box_body- */
.box_body td{ color:#7b7b7b; font-size:11px; line-height:15px}
.box_body strong {color:#ff4402}

.box_body ul 	{padding:0; margin:0px; list-style:none; padding-left:8px; }
.box_body .bg_list	{ /*background:url(images/arrow_2.gif) bottom left repeat-x; */
text-align:left;}
.box_body .bg_list a	{color:#242d3a; padding-left:18px; /*background:url(images/arrow_1.gif) no-repeat 0 5px;*/ text-decoration:none; line-height:22px}
.box_body .bg_list a:hover {color:#ff4402; text-decoration:none;}

.box_body .bg_list_un 	{ background:none}
.box_body .bg_list_un a	{color:#242d3a; padding-left:18px; /*background:url(images/arrow_1.gif) no-repeat 0 5px;*/ text-decoration:none; line-height:22px}
.box_body .bg_list_un a:hover {color:#ff4402; text-decoration:none;}


.box_body .bg_list_sub	{ /*background:url(images/arrow_2.gif) bottom left repeat-x;*/ }
.box_body .bg_list_sub  a	{ color:#ff4402; padding-left:18px; /*background:url(images/arrow_1.gif) no-repeat 0 5px;*/ text-decoration:none; line-height:22px; margin-left:17px}
.box_body .bg_list_sub  a:hover	{color:#242d3a; text-decoration:none;}

/*  1  */
.box_heading .box_heading_td 	{
	background-image: url(images/button.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 12px;
	padding-bottom: 8px;
}
.main_button{
background:url(images/main_button.jpg);
}
.header{
background:url(images/header.jpg) no-repeat;
}
.header a {color:#fff; text-decoration:none; font-size:14px; font-weight:bold}

.box_heading .box_heading_td 	{color:#FFFFFF; font-weight:bold; font-size:11px; text-align:center }
.box_body {background-color:#e4e4e4; font-size:10px;}
.box_body .box_body_tall_l { width:36px}
.box_body .box_body_tall_r { width:38px}
.box_body .box_body_td {padding:16px 5px 8px 5px;}
/* --- */

.go {float:right; vertical-align:middle;}

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

/*  ------------------------   CONTENT   ----------------------------  */


.footer_2 {padding:16px 30px 25px 28px; text-align:center; height:82px; font-size:10px}

/*  FOOTER  */

.footer td {font-size:10px; font-family:tahoma; line-height:18px; color:#242d3a}
.footer_l {padding:24px 30px 25px 28px; font-size:10px}
.footer .footer_l a 		{color:#242d3a; text-decoration:none}
.footer .footer_l a:hover 	{color:#242d3a; text-decoration:underline;}
.footer .footer_2 a 		{color:#242d3a; text-decoration:none}
.footer .footer_2 a:hover 	{color:#242d3a; text-decoration:underline;}

.footer b {color:#242d3a;}
.footer b a {color:#242d3a; text-decoration:none; font-style:normal;}
.footer b a:hover {text-decoration:underline;}


/*---------------------- footer -------------------------------------------- */

.box_body td{ color:#141414}

.box_body span   		{color:#141414; font-size:11px; font-weight:normal; font-family:Tahoma}
/*  box_body name prod  */
.box_body span a		    {color:#141414; font-size:11px; text-decoration:none; font-weight:bold}
.box_body span a:hover	{color:#ff4402;text-decoration:none;}
/*  box_body name prod  */
.box_body a 			{color:#141414; font-family:Tahoma; font-size:11px; text-decoration:none;}
.box_body a:hover  		{color:#141414; text-decoration:underline}

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

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

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;}
.main a b 			{color:#5D5F60;font-size: 10px; text-decoration:underline;}
.main a:hover b		{color:#5D5F60;font-size: 10px; text-decoration:none;}
/* -------------------------------------------------          -------------------------------------------------------- */
span.txt_1	{font-size:10px; text-transform:none; color:#000000;}	

SPAN.productSpecialPrice, .product span.productSpecialPrice {font-size:14px; color:#373737; font-weight:bold;}
.box_body SPAN.productSpecialPrice			{color:#ff0000; font-size:14px;font-weight:bold;}

.box_body del      						{color:#373737; font-size:14px; font-weight:bold}


  
.cont_header_txt	em	{color:#E50029; font-size:14px; font-weight:bold; font-style:normal;vertical-align:middle;text-decoration:none;}
.product em		    	{color:#141414; font-size:11px; text-decoration:none; font-weight:bold; font-style:normal;} 
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.main	a		{ text-decoration:underline;}
.main	a:hover	{ text-decoration:none;}
.vam			{vertical-align:middle;}
.bg_input input	{background:none;}



.box_width_left			{ width:217px;}
.box_width_right		{ width:0px;}
.box_width_cont			{ width:100%;}
.col_left				{background:#e4e4e4;}
.col_center				{ width:100%; padding-left:2px;}
.col_right				{}			
/* -------------------------------------------------          -------------------------------------------------------- */


/*    */
A.normal_link2:link, A.normal_link2:visited {
	text-decoration: none;
	color:#000000;
}
A.normal_link2:hover{
	text-decoration: underline;
}
A.normal_link3:link, A.normal_link3:visited {
	text-decoration: none;
	color:#8E013B;
	font-weight:bold;
}
A.normal_link3:hover{
	text-decoration: underline;
}
.panel_right{
 background:url(images/bg2.gif) no-repeat;
 border-bottom:1px dotted #D5D5D5;
 border-left:1px dotted #D5D5D5;
 border-right:1px dotted #D5D5D5;
 width:120px;
 padding:10px;
 float:right
}
.panel{
 background:url(images/bg2.gif) no-repeat;
 border-bottom:1px dotted #D5D5D5;
 border-left:1px dotted #D5D5D5;
 border-right:1px dotted #D5D5D5;
 margin-bottom:20px;
 width:410px;
 padding-left:10px;
 float:left
}
.panel .image{
 width:100px;
 /*height:100px;*/
 float:right
}

.preview{
 width:590px;
 padding:10px;
 float:left
}

.preview h2{
 color: #333333;
    font-family: "Trebuchet MS",Arial,"Helvetica Neue",Helvetica,Tahoma,Verdana,sans-serif;
    font-size: 1.8em;
    margin: 10px 0 0 10px;	
}


#left {
    float: left;
   /* font-weight: bold;
    margin-left: 5px;*/
    width: 430px;
}
#right {
    float: left;
    margin-left: 5px;
    padding: 4px;
    width: 300px;
}
#row {
   /* background-color: #DBDBDB;*/
    float: left;
    width: 100%;
}
#mobile_pic {
    float: left;
    width: 180px;
    height: 170px;
    margin: 2px 2px 40px;
    padding-top: 2px;
    text-align: center;
}
#mobile_pic_big {
    float: left;
    width: 300px;
    height: 270px;
    margin: 2px 2px 40px;
    padding-top: 2px;
    text-align: center;
}
br{
clear:both;	
}
/*****************menu*****************/
#menu {
width: 100%;
background: #eee;
float: left;
margin-bottom:15px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
/*width: 12em;*/
float: left;
cursor:hand;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #FF6600;
text-transform: uppercase;
padding-left:21px; padding-right:21px;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
width:100px;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;cursor:hand;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*****************menu*****************/

.info{
padding-left:25px;
padding-right:25px;
text-align:justify;
}
.info br{
clear:none;
}