@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

table.Cart{  
border-collapse:collapse;

}  
table.Cart td{  
border-bottom:1px solid #999999;
padding:10px;
}  

table.CartNew{  
border-collapse:collapse;

}  
table.CartNew td{  
padding:10px;
}  

.catName
{

font-size:16pt;

}

.productFont
{
color:#999999;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}


/*
body, h4, h5, h6, p, li, label, input { font:13px/18px  Arial, Helvetica, sans-serif; color:#000; }
*/

 body {background:#FFFFFF;}
#account {background:#FFFFFF; width:100%;} 
#accountbar {background-image:url('images/topbg2.png'); background-repeat:no-repeat; width:692px; height:89px;}

#headimg { height:63px; width:300px; float:left}

#accountbar a{text-decoration:none;}
#menubar a{text-decoration:none;}

#wrap1 {background: url(images/back_headernew.png) repeat-x; width:100%; height:600px;}
#wrap2 {
	width:1024px;
	margin: 0 auto;
	height:600px;
	position:relative;
}

#wrap3 {background: url(images/back_header2_new.png) repeat-x; width:100%; height:250px;}
#wrap4 {width:973px; margin: 0 auto; height:250px; position:relative;}


#rotate1 {
	float:left;
	position:relative;
	top:20px;
	left:0px;
	height:322px;
	width:626px;
	z-index:1;
	
}

#box1 {float: left; position:relative; top:22px; left:70px; height:105px; width:255px;  z-index:1;}
#box1a {display: block;width: 255px;height: 105px;background: url(images/howto.png) no-repeat 0 0;}
#box1a:hover {background-position: 0 -105px;  z-index:1;}
#box1a span {display: none;}

/*
#box2 {position:absolute; top:338px; left:715px; height:105px; width:255px;  z-index:1;}
#box2a {display: block;width: 255px;height: 105px;background: url(images/longdistance.png) no-repeat 0 0;}
#box2a:hover {background-position: 0 -105px;  z-index:1;}
#box2a span {display: none;}
*/

#box2 {float:left; position:relative; top:27px; left:70px; height:105px; width:255px;  z-index:1;}
#box2a {display: block;width: 255px;height: 105px; background: url(images/longdistance.png) no-repeat 0 0;}
#box2a:hover {background-position: 0 -105px;  z-index:1;}
#box2a span {display: none;}


#box3 {float:left; position:relative; top:31px; left:70px; height:105px; width:255px;  z-index:1;}
#box3a {display: block;width: 255px;height: 105px;background: url(images/redeem.png) no-repeat 0 0;}
#box3a:hover {background-position: 0 -105px;  z-index:1;}
#box3a span {display: none;}


#content1 {background:#fff; width:100%; padding-bottom:75px;}
#content2 {width:973px; margin:0 auto; padding-bottom:75px;}
#content3 {background:#ffffff; width:100%; margin:0 auto;}


#logo1 {position:absolute; top:6px; left:0px; height:102px; width:332px;}


#footer1 {background: url(images/back_footer.jpg) repeat-x; width:100%; height:168px;}
#footer2 {width:960px; margin: 0 auto; color:#fff; position:relative;}
#footer2L {width:400px;height:150px; position:absolute; top:20px; left:0;}
#footer2L li { font: bold 14px arial; color:#fff; margin: 0 0 6px 9px; list-style:square; }
#footer2L li a{ font: bold 14px arial; color:#fff; text-decoration:none;}
#footer2R {width:146px; height:56px; position:absolute; top:40px; left:800px;}
p {text-align:justify;}
h1 {font:normal 26px arial; padding:0 0 10px 0;color:#0893ce;}



#topmenu1 {height: 89px;width: 692px; position:absolute; top:0px; left:331px;}
#menu {height: 45px;width: 682px; list-style: none;	background-color: #fff; padding: 0; margin: 0;}

#menubar {height: 65px;width: 1024px; padding: 0; margin: 0; position: relative; top:150px}

#phoneordernow {height: 65px;width: 1024px; padding: 0; margin: 0; position: absolute; top:110px; text-align:right}

#menu ul {list-style: none;width: 682px;padding: 0; margin: 0;}

#menu a {display: block;
	font-family: "trebuchet ms", sans-serif;
	font-size: 10px;
	color: #555;  
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;   
	margin: 0; 
/*	cursor: hand;  needed for IE */
	overflow: hidden;}

#menu a.link1  {width:  96px;   height: 45px; position: relative; z-index:2000}
#menu a.link2  {width:  115px;   height: 45px; position: relative; z-index:2000} 
#menu a.link3  {width: 117px;   height: 45px; position: relative; z-index:2000} 
#menu a.link4  {width: 133px;   height: 45px; position: relative; z-index:2000} 
#menu a.link5  {width: 201px;   height: 45px; position: relative; z-index:2000} 

#menu a.link1 span {background: url(images/menu1.gif) 0px 0px no-repeat;position: absolute;width: 100%;height: 100%; z-index:2000}
#menu a.link2 span {background: url(images/menu1.gif) -96px 0px no-repeat;position: absolute;width: 100%;height: 100%; z-index:2000}
#menu a.link3 span {background: url(images/menu1.gif) -211px 0px no-repeat; position: absolute; width: 100%; height: 100%; z-index:2000 }
#menu a.link4 span {background: url(images/menu1.gif) -328px 0px no-repeat; position: absolute; width: 100%; height: 100%; z-index:2000 } 
#menu a.link5 span {background: url(images/ordernow.png) 0px 0px no-repeat; position: absolute; width: 100%; height: 100%; z-index:2000} 

#menu a:hover.link1 span {background: url(images/menu1.gif) 0px -45px; position: absolute; width: 100%; height: 100%; z-index:2000}
#menu a:hover.link2 span {background: url(images/menu1.gif) -96px -45px; position: absolute; width: 100%; height: 100%; z-index:2000}
#menu a:hover.link3 span {background: url(images/menu1.gif) -211px -45px; position: absolute; width: 100%; height: 100%; z-index:2000}
#menu a:hover.link4 span {background: url(images/menu1.gif) -328px -45px; position: absolute; width: 100%; height: 100%; z-index:2000} 
 

#menu li.li1  { position:relative; float: left; width: 96px; }
#menu li.li2  { position:relative; float: left; width: 115px; } 
#menu li.li3  { position:relative; float: left; width: 117px; } 
#menu li.li4  { position:relative; float: left; width: 133px; } 
#menu li.li5  { position:relative; float: left; width: 201px; } 
  

#menu li:hover ul, #menu li.menuhover ul {
	background-position: 0 0; /* keep in for IE7 problem */
	position:absolute;
	z-index:2000;
	left: auto; 
	padding: 0; margin: 0;} 

#menu li ul a {
color:#555;  
	width: 136px; /* for IE5 */
	width: 136px;
	padding: 6px 0px 6px 12px; 
	text-align: left;	}

#menu li ul a:hover {color: #000; background-color: #ff890b; position: relative; z-index:1000}

#menu li ul {
	position: absolute; 
	background-color: #ddd; 
	width: 150px; 
	left: -999em;
	margin: 0;
	border-bottom: 9px solid #000;
	z-index: 999;

	padding: 0; margin: 0; }
 
#menu li ul li {border-bottom: 1px solid #555;border-left: 1px solid #555;border-right: 1px solid #555;padding: 0; margin: 0; position:relative; z-index:2000;} 


#headerpic {position:absolute; top:130px; left: 26px; height:242px; width:388px; background: url(images/back_pic1.png) no-repeat;}
#headerpic .pic1 {padding:9px 0 0 9px;}

#head1 {position:absolute; top:123px; left: 426px; height:220px; width:480px; background: url(images/head1.jpg) no-repeat;}
#head1 p {width:220px; font:normal 12px/15px arial; color:#D4FC85; text-align:justify; padding:70px 0 0 10px;}
 
.logintable {  }
 
.img1 {border:0; padding: 0 0 20px 20px;}