@charset "utf-8";
/* CSS Document */
@import url('reset.css');

body{
	background:#303030;
	color:#666;
	font-size:15px; 
	font-family:tahoma;
	text-align: center; /* for IE */
}

#nav{
	background: url(images/slice.jpg) repeat-x;
	width:930px;
	margin:0 auto;
	height:31px;
}
#navigation{
}

#navigation li{
	float:left;
	display:block;
}

#navigation li a{
	background-image:url(images/sprite.jpg);
	display: block;
	outline: none;
	position: relative;
	height: 31px;
	text-decoration: none;
	width: auto;
}
	
	#navigation .home 
	{
	background-position:0px 0px;
	width:42px;
	height:31px;
	
	}
	
	#navigation .product
	{
	background-position:-43px 0px;
	width:53px;
	height:31px;
	}
	
	#navigation .support 
	{
	background-position:-97px 0px;
	width:53px;
	height:31px;
	}
	
	#navigation .demo 
	{
	background-position:-151px 0px;
	width:58px;
	height:31px;
	}
	
	#navigation .pricing 
	{
	background-position:-210px 0px;
	width:81px;
	height:31px;
	}
	
	#navigation .lone
	{
	background-position:-292px 0px;
	width:128px;
	height:31px;
	}
	
	#navigation .teen
	{
	background-position:-420px 0px;
	width:74px;
	height:31px;
	}
	
	#navigation .etbenefits
	{
	background-position:-493px 0px;
	width:134px;
	height:31px;
	}
	
	#navigation .benefitsvt
	{
	background-position:-626px 0px;
	width:149px;
	height:31px;
	}
	
	#navigation .contact_us
	{
	background-position:-775px 0px;
	width:65px;
	height:31px;
	}
		
	#navigation a .hover {
	background: transparent  url(images/sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	}
	
	#navigation .home .hover
	{
	background-position:0px -33px;
	}
	
	#navigation .product .hover
	{
	background-position:-43px -33px;
	}
	
	#navigation .support .hover
	{
	background-position:-97px -33px;
	}
	
	#navigation .demo .hover
	{
	background-position:-151px -33px;
	}
	
	#navigation .pricing .hover
	{
	background-position:-210px -33px;
	}
	
	#navigation .lone .hover
	{
	background-position:-292px -33px;
	}
	
	#navigation .teen .hover
	{
	background-position:-420px -33px;
	}
	
	#navigation .etbenefits .hover
	{
	background-position:-493px -33px;
	}
	
	#navigation .benefitsvt .hover
	{
	background-position:-626px -33px;
	}
	
	#navigation .contact_us .hover
	{
	background-position:-775px -33px;
	}
#wrap{
	width:950;
	margin:0 auto;
	background:#fff;
	text-align: left; /* counter the body center */
}
#header{
	width:930;
	margin:0 auto;
	background-color:#009999;
	height:10px;
}
#logo{
	width:930;
	margin:0 auto;
	background-image:url(images/bg_main.gif);
	background-repeat:repeat-x;
}
#banner{
	padding-top: 5px;
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:178;
	width:930;
	margin:0 auto;
}
#main{
	text-align:center;
	width:930;
	margin:0 auto;
	padding-bottom:10px
}
#main h2{
	text-align:center;
	color:#099;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
}
#footer{
	width:950;
	margin:10 auto;
	background-color:#303030;
	text-align:right;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.footer_column {
	float:left;
	width:120px;
	margin-right:30px;
}
#footer .long {
	width:610px;
}
#footer h3 {
	color:#e2dddc;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#footer_top{
	width:930;
	margin:0 auto;
	background-color:#099;
	height:5px;
	text-align:right;
	color:#FFF;
	font-size:10px;
}
#footer_btm{
	width:930;
	margin:0 auto;
	background-color:#FFF;
	height:30px;
	color:#666;
	font-size:10px;
}
#footer_btm a{
	font-size:10px;
	color:#666;
	text-decoration:none;
}
#footer_btm a:hover{
	font-size:10px;
	color:#666;
	text-decoration:underline;
}
#footer_btm_left{
	width:50%;
	text-align:left;
	color:#666;
	font-size:10px;
	float:left;
}
#footer_btm_right{
	width:50%;
	text-align:right;
	color:#666;
	font-size:10px;
	float:right;
}
table.center {margin-left:auto; margin-right:auto;}
table.center a {color:#099; text-decoration:none;}
table.center a:hover {color:#099; text-decoration:underline;}
/* ************************************************************************************* */
.width_100				{width:138px; height:115px;}
.width_150				{width:200px; height:0px; margin-bottom:150px;}
.name_t 		{background:url(images/name_t.gif) 0px top repeat-x #ffffff;}
.name2_t 		{background:url(images/name_t.gif) 0px top repeat-x #ffffff;margin:3px 0px 11px 0px;}
.name_b 		{background:url(images/name_line.gif) 0px bottom repeat-x;}
.name_r 		{background:url(images/name_line.gif) right 0px repeat-y;}
.name_l			{background:url(images/name_line.gif) 0px 0px repeat-y;}
.name_tl 				{background:url(images/name_tl.gif) left top no-repeat; width:100%;}
.name_tr 				{background:url(images/name_tr.gif) right 0px no-repeat;}
.name_bl				{background:url(images/name_bl.gif) left bottom no-repeat;}
.name_br 				{background:url(images/name_br.gif) right bottom no-repeat;padding:7px 14px 8px 14px;}
/* ************************************************************************************* */
/* ************************************************************************************* */
.main .pic_padd								{padding:1px 17px 6px 17px;float:left;}
.main .name_padd							{padding:11px 0px 19px 2px;}
.main .desc_padd							{padding:12px 10px 10px 10px; text-align:left;}
.main .data_padd							{padding:6px 10px 0px 0px;}
.main .price_padd							{padding:3px 21px 0px 0px;float:right;}
.main .button_padd							{margin:0px 0px 0px 0px;padding:0px 1px 0px 10px;}
.main .s_cart_head_padd						{padding:6px 0px 11px 0px;}
.main .s_cart_td							{padding:30px 0px 0px 0px;}

.name2_padd							{padding:6px 1px 3px 1px;}
.pic2_padd							{padding:0px 0px 5px 0px;}
.desc2_padd							{padding:2px 0px 7px 0px;}
.price2_padd						{padding:7px 0px 4px 0px;}
.button2_padd						{padding:0px 0px 0px 0px;}
.button22_padd						{margin:10px 0px 10px 0px;}
.button2_padd table					{text-align:center; width:1px;}
.main .button2_padd table					{text-align:center; width:1px;}
.main div.img 						{margin:0px 0px 0px 0px; text-align:center;}
.main .prod2_padd							{margin:0px 0px 0px 0px;padding:12px 1px 0px 0px;overflow:hidden;}

.main .name3_padd							{padding:11px 10px 1px 10px; text-align:center;}
.main .button3_padd							{padding:0px 0px 0px 0px;}
.main .price3_padd							{padding:5px 10px 5px 0px; vertical-align:middle;}
.main .name4_padd							{height:5px;padding:4px 0px 29px 0px; vertical-align:middle; text-align:center;}
.main .pic4_padd							{padding:11px 4px 12px 4px; text-align:center;}
.main .desc 				{color:#666666; font-size:11px; font-family:tahoma;}
.main .desc_details a			{color:#099; font-size:11px; line-height:1px; font-family:tahoma; text-decoration:underline;}
.main .desc_details a:hover				{color:#099; font-size:11px; line-height:1px; font-family:tahoma; text-decoration:none;}

.main .s_cart_head			{color:#808080;  font-size:12px;font-weight:bold; font-family:arial; text-transform:uppercase;}

.main .name b a				{color:#666666; font-size:12px; line-height:14px; font-weight:bold;text-decoration:underline;}
.main .name b a:hover		{color:#666666; text-decoration:none;}
 
.main .name a				{color:#666666; font-size:12px; line-height:14px; font-weight:bold;text-decoration:underline;}
.main .name a:hover			{color:#666666; text-decoration:none;}

.main .desc 				{line-height:14px; font-weight:normal;}
.main .desc b 				{color:#099;}
/* ************************************************************************************* */
/* ************************************************************************************* */
.padd_1						{padding:11px 6px 21px 6px;}
.padd_2						{padding:0px 0px 10px 0px;}
.padd_3						{padding:3px 6px 3px 6px;}
.padd_4						{padding:3px 20px 3px 20px;}

.tableBox_output_td			{padding:3px 0px 3px 0px;}
.tableBox_output1_td		{padding:0px 0px 0px 0px;}

.tep_draw_prod_top_table	{border:0px solid #efefef;}
.tep_draw_prod_top_td		{padding:0px 1px 10px 1px;}
.tep_draw_prod_top2_td		{padding:0px 10px 6px 10px;}
.marg						{margin:5px 0px 0px 0px;}

.prod_table				{margin:0px 0px 0px 0px;}
.prod_td				{padding:0px 0px 10px 0px;}

.prod2_table			{margin:0px 0px 0px 0px;}
.prod2_td				{padding:0px 9px 10px 9px;}
span.productSpecialPrice 	{color:#099;font-size: 12px; line-height:14px;font-family:tahoma; font-weight:bold;display:inline;}
/* ************************************************************************************* */

.spec { margin:50px 0px;border:0px;padding:0px;text-align:left; }

.padding-top30 { padding:30px 0px 0px 0px; }

#spec_box_container { width:680px;margin:0px;padding:0px;border:0px; }
#spec_box_container .top { width:680px;height:20px;margin:0px;padding:0px;border:0px;float:left;background-image:url(images/products/spec_box/top.jpg); }
#spec_box_container .mid { width:680px;margin:0px;padding:0px;border:0px;background-image:url(images/products/spec_box/mid_bg.jpg);background-repeat:repeat-y;float:left; }
#spec_box_container .bottom { width:680px;height:19px;margin:0px 0px 40px 0px;padding:0px;border:0px;float:left;background-image:url(images/products/spec_box/bottom.jpg); }
#spec_box_container .text_container { width:310px;margin:0px 0px 0px 20px;padding:0px;border:0px;float:left; }
#spec_box_container .text_area { width:290px;margin:10px;padding:0px;border:0px;text-align:left; }
.verdana_12_black { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000; }
.verdana_12_black_bold { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000;font-weight:bold; }

#new_products { width:900px;margin:auto;padding:0px;border:0px; }
#new_products .np_top { width:900px;height:37px;margin:0px; margin-top:10px;padding:0px;border:0px;float:left;background-image:url(images/products/spec_box/np_top.jpg); }
#new_products .np_mid { width:900px;margin:0px;padding:0px;border:0px;background-image:url(images/products/spec_box/np_mid_bg.jpg);background-repeat:repeat-y;float:left; }
#new_products .text_container { width:310px;margin:0px 0px 0px 20px;padding:0px;border:0px;float:left; }
#new_products .text_area {	width:900px;	margin:10px;	padding:0px;	border:0px;	text-align:left;}
#new_products .np_bottom { width:900px;height:19px;margin:0px 0px 40px 0px;padding:0px;border:0px;float:left;background-image:url(images/products/spec_box/np_bottom.jpg); }
#new_products .feature_top { width:900px;height:37px;margin:0px; margin-top:10px;padding:0px;border:0px;float:left;background-image:url(images/products/spec_box/featured_top.jpg); }
#new_products .feature_mid { width:900px;margin:0px;padding:0px;border:0px;background-image:url(images/products/spec_box/np_mid_bg.jpg);background-repeat:repeat-y;float:left; }
#new_products .feature_bottom { width:900px;height:19px;margin:0px 0px 40px 0px;padding:0px;border:0px;float:left;background-image:url(images/products/spec_box/np_bottom.jpg); }
a {
	color: #0099CC;
	text-decoration: none;
}
a:hover {
	color: #00CCFF;
}
a img {
  border: none;/*remove border for linked images*/
}
.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}
/***** Main Layout ****/
#container {
  	width: 750px;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}
#content {
  	width: 740px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}

/***********************************************/
/*************support tabbed widget*************/
/***********************************************/
.widget {
width: 900px;
margin: 0px;
padding: 10px;
margin-bottom: 15px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav li {
	display: inline;
	list-style: none;
	}
	
		.tabnav li a {
		text-decoration: none;
		color: #15ADFF;
		font-weight: bold;
		padding: 4px 6px;
		outline: none;
		background-color:#191919;
		border-left:#FFF;
		border-right:#FFF;
		border-top:#FFF;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background-image:url(images/tab_m.png);
		color: #fff;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
	text-align:justify;
	}
	.tabdiv a{
		color:#666;
		font-size:15px; 
		font-family:tahoma;
	}
	
		.tabdiv li {
		list-style-image: url("star.png");
		margin-left: 20px;
		}

.ui-tabs-hide {
		display: none;
		}
.recaptcha_table {
   float:right;
}