@import url("Dialog.css");

body {padding:0; margin:0; background:url(images/bg.gif)}
table, td, .main, select, input, textarea {
	font-size:11px;
    font-family:Tahoma;
	color:#282e3e;
	line-height:13px;
	vertical-align:top;
	padding:0px;
}
img      {border:0px;}
table	 {width:100%;}

.vam { vertical-align:middle}
.bg{background:url(images/bg_line.gif)}

.jamp1{ width:136px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}
.jamp2{ width:184px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;}

.header td 		 {color:#6f6d6d; vertical-align:middle}
.header span	 {color:#6f6d6d; font-size:10px;}
.header b   	 {color:#2a9abe;}
.header a 		 {color:#6f6d6d; text-decoration:none; font-size:10px; font-weight:bold}
.header a:hover  {color:#6f6d6d;text-decoration:underline}
.header strong 	 {color:#b9215c; }

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


/* -box_body- */
.box_body td{ color:#f07f7f}
.box_body span.productSpecialPrice { color:#8c803b; font-size:16px; font-weight:bold}
.box_body b       {color:#ffffff; font-size:11px;}
.box_body s       {color:#0c0c0c; font-size:16px; font-weight:bold}
.box_body span a		    {color:#2f6476; font-size:11px; text-decoration:underline; font-weight:bold;}
.box_body span a:hover	{color:#2f6476;text-decoration:none;}
.box_body span 		    {color:#26353c; font-size:10px;}
.box_body b a		    {color:#26353c; font-size:10px; text-decoration:none; font-weight:bold;}
.box_body b a:hover	{color:#26353c;text-decoration:underline;}

.box_body ul 	{padding:0; margin:0 0 0 28px; list-style:none; }
.box_body .bg_list	{}
.box_body .bg_list a	{color:#33748c; padding-left:23px; background:url(images/arrow.gif) top left no-repeat; background-position:0 5px; text-decoration: underline; line-height:20px}
.box_body .bg_list a:hover {color:#33748c; text-decoration:none;}

.box_body .bg_list_un 	{}
.box_body .bg_list_un  a	{color:#7e7e7d; padding-left:23px; background:url(images/arrow.gif) top left no-repeat; background-position:0 5px; text-decoration: underline; line-height:20px}
.box_body .bg_list_un  a:hover	{color:#7e7e7d; text-decoration:none;}

.box_body .bg_list_sub 	{}
.box_body .bg_list_sub  a	{ color:#33748c; padding-left:23px; background:url(images/arrow.gif) top left no-repeat; background-position:0 5px;  text-decoration: underline; line-height:20px; margin-left:20px }
.box_body .bg_list_sub  a:hover	{color:#33748c; text-decoration:none;}



/* -1- */
.box_heading_table 					{}
.box_heading_table .box_heading_td 	{padding:8px 10px 8px 10px;}
.box_heading_table .box_heading_td 	{color:#4b4c50; font-weight:bold; font-size:12px; text-transform:uppercase }

.box_body_table { font-size:10px;}
.box_body_table .box_body_tall_l {background:url(images/body_tal1_1.gif) left repeat-y;}
.box_body_table .box_body_tall_r {background:url(images/body_tal2_1.gif) right repeat-y;}
.box_body_table .box_body_tall_b {background:url(images/body_tal3_1.gif) bottom repeat-x;}

.box_body_table .box_body_td {padding:0px;}

 /* -2- */
.box_heading_table_2 					{background:#9D5868 url(images/heading_c_1_2.gif) top repeat-x;}
.box_heading_table_2 .box_heading_td_2 	{background:url(images/heading_bg_1_2.jpg) top right no-repeat;padding:13px 10px 8px 0px;}
.box_heading_table_2 .box_heading_td_2 	{color:#FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase }

.box_body_table_2 {background-color:#750017; font-size:10px;}
.box_body_table_2 .box_body_tall_l_2 {background:url(images/body_tal1_2.gif) left repeat-y;}
.box_body_table_2 .box_body_tall_r_2 {background:url(images/body_tal2_2.gif) right repeat-y;}
.box_body_table_2 .box_body_tall_b_2 {background:url(images/body_tal3_2.gif) bottom repeat-x;}

.box_body_table_2 .box_body_td {padding:18px 29px 0px 19px;}

 /* -3- */
.box_heading_table_3 					{background:#9D5868 url(images/heading_c_1_3.gif) top repeat-x;}
.box_heading_table_3 .box_heading_td_3 	{background:url(images/heading_bg_1_3.jpg) top right no-repeat; padding:13px 10px 8px 0px;}
.box_heading_table_3 .box_heading_td_3 		{color:#FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase }

.box_body_table_3 {background-color:#ff4d8d; font-size:10px;}
.box_body_table_3 .box_body_tall_l_3 {background:url(images/body_tal1_3.gif) left repeat-y;}
.box_body_table_3 .box_body_tall_r_3 {background:url(images/body_tal2_3.gif) right repeat-y;}
.box_body_table_3 .box_body_tall_b_3 {background:url(images/body_tal3_3.gif) bottom repeat-x;}

.box_body_table_3 .box_body_td {padding:18px 29px 0px 19px;}

 /* -4- */
.box_heading_table_4 					{background:#9D5868 url(images/heading_c_1_4.gif) top repeat-x;}
.box_heading_table_4 .box_heading_td_4 	{background:url(images/heading_bg_1_4.jpg) top right no-repeat;padding:13px 10px 8px 0px;}
.box_heading_table_4 .box_heading_td_4 		{color:#FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase }

.box_body_table_4 {background-color:#9d398d; font-size:10px;}
.box_body_table_4 .box_body_tall_l_4 {background:url(images/body_tal1_4.gif) left repeat-y;}
.box_body_table_4 .box_body_tall_r_4 {background:url(images/body_tal2_4.gif) right repeat-y;}
.box_body_table_4 .box_body_tall_b_4 {background:url(images/body_tal3_4.gif) bottom repeat-x;}

.box_body_table_4 .box_body_td {padding:18px 29px 0px 19px;}


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

.cont_heading_table {}
.cont_heading_td {color:#4b4c50; font-weight:bold; font-size:12px; text-transform:uppercase; padding:8px 10px 8px 0px;}

.cont_heading_td a{color:#4b4c50; text-decoration:none}
.cont_heading_td a:hover{color:#4b4c50; text-decoration:underline }

.cont_body_table {background:#FFFFFF;}
.cont_body_tall_t {background:#FFFFFF url(images/cont_body_corn_t.gif) top repeat-x;}
.cont_body_tall_b {background:#FFFFFF url(images/cont_body_corn_b.gif) bottom repeat-x;}
.cont_body_tall_l {background:#FFFFFF url(images/cont_body_corn_l.gif) left repeat-y;}
.cont_body_tall_r {background:#FFFFFF url(images/cont_body_corn_r.gif) right repeat-y;}

.cont_body_table_2 {background:#ededed;}
.cont_body_tall_t_2 {background:#ededed}
.cont_body_tall_b_2 {background:#ededed}
.cont_body_tall_l_2 {background:#ededed}
.cont_body_tall_r_2 {background:#ededed}

.cont_heading_table_2 {}
.cont_heading_td_2 {color:#FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase; padding:18px 10px 8px 0px;}

.cont_heading_td_2 a{color:#FFFFFF; text-decoration:none}
.cont_heading_td_2 a:hover{color:#FFFFFF; text-decoration:underline }

.bg_line_x						{background:url(images/line_x.gif) left center repeat-x;}
.bg_line_y						{background:url(images/line_y.gif) center top repeat-y;}


/*  PRODUCT  */
.product td					{ color:#4e0f1c}
.product a 					{font-weight:bold; font-size:12px; color:#8E013B; text-decoration:none;} /* for  sub_categories (index-1.html) */
.product a:hover 			{text-decoration:underline;}

.product span a 			{font-weight:bold; font-size:11px; color:#2f6274; text-decoration:underline; }
.product span a:hover 		{text-decoration:none;}
.product div a	 			{font-weight:bold; font-size:11px; color:#2f6274; text-decoration:underline; }
.product div a:hover 		{text-decoration:none;}
.product em {/*  ???????? ????????  ??? shoping cart - ?????? ?? ??????!!! */ font-style:normal;}

span.productSpecialPrice {font-size:18px; color:#ee8529; }
span.productPromotionPrice { color:Red; font-size:18px;}


.line_y{ background:url(images/line_y.gif) repeat-y left}
.line_x{ background:url(images/line_x.gif) repeat-x left}

/*  IMAGE  */
.pic				{}
.table_pic_width	{width:1px;}
.pic_corn_c 		{background:#FFFFFF;}
.pic_corn_t 		{background:#FFFFFF url(images/img_tal1.gif) top repeat-x;}
.pic_corn_b 		{background:#FFFFFF url(images/img_tal3.gif) bottom repeat-x;}
.pic_corn_l 		{background:#FFFFFF url(images/img_tal4.gif) left repeat-y;}
.pic_corn_r 		{background:#FFFFFF url(images/img_tal2.gif) right repeat-y;}

/*  RESULT  */

.result td				{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#3f4143; padding:16px 10px;}
.result b 				{font-weight:normal;}
.result a 				{color:#3f4143;}
.result a u:hover 		{text-decoration:none;}

.result .result_left	{padding-left:10px;}
.result .result_right	{text-align:right; padding-right:5px;}
.result .result_right b {color:#3f4143;}

/*  SHOPPING CART (index-3.html) */
.shop_cart td.remove 		{width:20%;}
.shop_cart td.product 		{width:45%;}
.shop_cart td.qty 			{width:15%;}
.shop_cart td.total 		{width:20%;}

.product em { text-transform:uppercase; font-weight:bold; font-size:12px}

.cart_line_x {background:url(images/cart_line_x.gif) repeat-x left}
.cart_line_y {background:url(images/cart_line_y.gif) repeat-y left}

.cart_total_left  	{width:80%; text-align:right; vertical-align:middle;height:38px;}
.cart_total_right  	{width:20%; text-align:center;vertical-align:middle;}

.padd33 						{padding:21px 0px 0px 0px;}



/*  popup  */
.popup 	{color:#7b7b7b; font-size:11px;}
.popup  a		    {color:#ffffff; font-size:11px; font-weight:normal; text-decoration:none; text-transform:none;}/*  ??? click to enlarge  */
.popup  a:hover	{color:#ffffff; text-decoration: underline;}	
.popup strong{ color:#2f6274; text-decoration:underline}


/*  footer  */
.footer		  	  { width:100%}	
.footer td 		  {color:#2f7c99; font-size:11px;}			
.footer a 		  {color:#2f7c99; font-size:11px; text-decoration:none;} 			
.footer a:hover   {color:#2f7c99;text-decoration:underline;}	
.footer span 	  {color:#989d9f; font-size:11px;}
.footer span a 		  {color:#989d9f; font-size:11px; text-decoration:none;} 			
.footer span a:hover   {color:#989d9f;text-decoration:underline;}
.footer b, .footer b a 	  {color:#2f7c99; font-size:11px; font-weight:bold; text-decoration:underline;}			
.footer b a:hover {color:#2f7c99; text-decoration:none;}

		

.box_width_left			{ width:198px;}
.box_width_cont			{ width:100%;}

.col_left				{}
.col_center				{ width:100%;}
.col_right				{}		 

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

TD.main, P.main 							{font-family: Verdana, Arial, sans-serif;font-size: 11px;line-height: 1.5;}

.dialog
{
    font-family:Tahoma;
    font-size:11pt;
    color:#222222;
    background-color:#fff;
    padding:0px;
}    

/* header styles */
.dialog .header
{
    position:relative;
    color:#fff;        
    cursor:move; /* So the user knows they can drag the panel */
}
.dialog .header .outer
{
    background:url(Images/top-right.png) right no-repeat;
    padding-right:40px;
}
.dialog .header .inner
{
    background:url(Images/top-left.png) left no-repeat;
    padding-left:9px;
}
.dialog .header .content
{
    height:35px;
    background:url(../../Images/dialog/top-mid.png) repeat-x;
}
.dialog .header .content H2
{
    font-size:12pt;
    font-weight:bold;
    color:#fff;
    padding-top:6px;
    margin:0;
}
.dialog .header .close
{
    /* the image is 35x35 pixels wide */
    height:25px;
    width:35px;	
    /* position the image */
    position:absolute;	
    top:4px;
    right:7px;	
    background:url(../../Images/dialog/close.png) no-repeat;	
    cursor:pointer;
}
.dialog .header .close:hover
{
    /* set the hover image */
    background:url(../../Images/dialog/close-hover.png) no-repeat;	
}      

/*************************/

.dialog .header2
{   	
	position:relative;
	background-color:#000; 
    /*cursor:move;*/ /* So the user knows they can drag the panel */    
    height:35px;
    background:url(../../Images/dialog/top-mid.png) repeat-x; 
    
}

.dialog .header2 .close 
{
    /* the image is 35x35 pixels wide */
    height:25px;
    width:35px;	
    /* position the image */
    position:absolute;	
    top:6px;
    right:7px;	
    background:url(../../Images/dialog/close.png) no-repeat;	
    cursor:pointer;
}
.dialog .header2 .close:hover
{
	/* set the hover image */	
	background: url(../../Images/dialog/close-hover.png) no-repeat;
}     

.dialog .body .content
{
	text-align:justify;
	padding: 10px 10px 10px 20px;
	
}  

.dialog .body .content .commands
{
    text-align: center;
    padding:8px;
} 
/**************************/  

/* dialog body styles */
.dialog .body
{
}
.dialog .body .outer
{
    background:url(Images/right.png) right repeat-y;
    padding-right:7px;
}
.dialog .body .inner
{
    background:url(Images/left.png) left repeat-y;
    padding-left:7px;
}
/*
.dialog .body .content
{
} */ 
.dialog .body .content H2
{
    padding:10px;
    margin:0px;
    text-align:center;
    font-size:11pt;
    color:#222222;            
    font-weight:normal;
}           
.dialog .body .content .footer
{
    /* footer image is 41 pixels tall */    
    background:url(Images/footer.gif) repeat-x bottom;
    height:41px;
}
.dialog .body .content .footer .commands
{
    text-align:right;
    padding:8px;
}           
.dialog .body .content .footer .commands INPUT
{
    /* keep the buttons a consistent size */    
    width:75px;        
}                   

/* dialog footer styles */
.dialog .footer
{
}
.dialog .footer .outer
{
    background:url(../../Images/dialog/bottom-right.png) right top no-repeat;
    padding-right:9px;
}
.dialog .footer .inner
{
    background:url(../../Images/dialog/bottom-left.png) left top no-repeat;
    padding-left:9px;
}
.dialog .footer .content
{
    height:7px;
    background:url(../../Images/dialog/bottom-mid.png) repeat-x;        
}   
        
.dialog .updating
{
    color:#808080;
    background:url(../../Images/dialog/activity.gif) no-repeat center;
}  

.product div					{padding:8px 0px 5px 0px;}
div.padd3						{text-align:left; padding-top:0px; margin-left:0px; margin-right:0px;}
.padd33 img, .padd33 input 		{margin:1px;}

.title_info		{width:230px;}
.title_info td	{vertical-align:middle;}

.prod_info		{width:100px; float:left; margin-right:15px;}
.prod_info td	{text-align:center;}
.TextJustify	{text-align:justify;}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}