* 
{
    padding: 0px;
    margin: 0px;
}
body, html
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 11px;
	background:#e8eae9;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
}
img 
{ 
    border: 0 none; 
}
a, a:link, a:visited 
{
    color: #000;
    font-size: 11px;  
    text-decoration: none; 
    font-weight: normal;
}
a:hover, a:active 
{
	color: #000;
	font-size: 11px;
    text-decoration: underline;    
    font-weight: normal;
}
p
{
    margin: 10px;
}
ul
{
    margin-left: 50px;
    margin-right: 10px;
    list-style: disc;
}
li
{
    margin-bottom: 10px;   
}
h1
{
    font-size: 20px;
    font-family: Candara, Verdana, Arial, sans-serif;
    margin: 10px 0px;
    font-weight: bold;
    color: #f40600;
}
h2
{
    font-size: 16px; 
    color: #ffcd05;   
    margin: 10px 0px;
}
h3
{
    font-size: 11px;
    font-weight: bold;
    color:#12a6b0;
	padding:5px 0 0 0;
   
}
hr
{
    margin: 10px 0px;
    color: #ccc;
    line-height: 1px;
    border: 1px solid;   
}

/*ID*/
#wrapper
{
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding-top: 16px;
    background-image:url(../images/bg-texture.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
#content
{
    width: 1027px;
    height: auto;
    margin: 0px auto; 
}
#menu
{
    width: 100%;
    height: 28px;
    background: url('../images/navBg.gif') no-repeat;
    text-align: center;
  	font-size:11px;
	color:#2a1206;
	padding:14px 0 0 0;
}
#main
{
    width: 1027px;
    height: auto;    
}
#footerwrap
{
    width: 100%;
    height: 208px;
}
#footernav
{
    width: 100%;
    height: 52px;  
}
#footer
{
    width: 1007;
    height: 136px;
    padding: 10px 20px;
    background: url('../images/footer-bg.gif') no-repeat;
}
#header
{
	height:160px;
	width:1024px;
	margin:0 auto;
}
#copy
{
 	font-size:10px;
	color:#808080;
	text-align:center;
	width:100%;
	padding: 15px 0 16px 0;   
}
#copy a
{
     font-size:10px;
     color:#808080;
}

#mainTop
{
    width: 100%;
    height: 160px;
    background: url(../images/banner-image.jpg) no-repeat;    
}

#Login
{
	padding-left: 20px;
	width:263px;
	height:150px;
}
#Login .formSub
{
    float: left; 
    padding-top: 10px;
    width: 80px;
    height: 20px;
    padding-top: 5px;
}
#Login .formFld
{
    float: left;
}
#Login .formFld input
{
    border: 1px solid #aaa;
    font-size:11px; 
    height:16px; 
    padding:2px;
    width: 142px;
}
#homeTop
{
    width: 100%;
    height: 255px;
    background: url(../images/home-banner-image.jpg) no-repeat;
}
#homeFeature
{
    width: 728px;
    height: auto;
    float: left;   
    margin: 1px 1px 1px 0px;
}
#homeFeature .title
{
    height: 23px;  
    background: url(../images/featured-header.gif) no-repeat; 
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    padding-top: 8px;
}
#homeFeature .itemWrap
{
    width: 181px;
    float: left;
    padding-right: 1px;
    background-color: #fff;  
    background-image: url(../images/border-dashed.gif);
}
#homeFeature .itemWrap2
{
    width: 181px;
    float: left;
    background-color: #fff;  
    padding-right: 1px;
    background-color: #e3e3e3;
}
#homeFeature .itemTitle
{
    width: 100%;
    height: 21px;
    background-color: #e3e3e3;
    font-size:11px;
	font-weight:bold;
	color:#535353;
	padding:8px 0 0 0;
	text-align:center;   
}
#homeFeature .itemBG
{
    background-image: url(../images/tab-chicka-tayo.gif);
    background-repeat: no-repeat;
    width: 181px;
}
#homeFeature .itemContent
{
    width: 100%;
    background-color: #fff;
    text-align: center;
}

#homeFeature .itemDesc
{
    font-size: 11px;
    text-align: left;   
    margin: 0 10px;
    height: 30px;
}
#homeFeature .itemPrice
{
    height: 30px;   
}
#homeFeature .itemSign
{
    float: left;
    margin-left: 20px;
}
#homeGoodies
{
    width: 294px;
    height: auto;
    float: left;   
    margin: 1px 0px;
}
#homeGoodies .title
{
    height: 23px;  
    background: url(../images/latest-goodies.gif) no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    padding-top: 8px;
}
#homeGoodies .content
{
    background-color: #fff;
    height: 452px;   
    width: 100%;
    font-style:italic;
}
#homeGoodies .content ul
{
    list-style: none;   
    padding-top: 10px;
    margin-left: 20px;
}
#homeGoodies img
{
    margin-top: 20px; 
}

#homeLogin
{
 	background-image:url(../images/login-home-bg2.png);
	background-repeat:no-repeat;
	padding: 105px 0px 0px 20px;
	width:272px;
	height:150px;
	color:#fff;   
}
#homeLogin .formSub
{
    float: left; 
    padding-top: 10px;
    width: 80px;
    height: 20px;
    padding-top: 5px;
}
#homeLogin .formFld
{
    float: left;
}
#homeLogin .formFld input
{
    font-size:11px; 
    color:#828282; 
    width:146px; 
    border:#1a989f 1px solid; 
    height:16px; 
    padding:2px;
}

/* Class */
.footerSection
{
    width: auto;
    font-size: 11px;
    color: #000;
    padding-right: 15px;
    float: left;
    line-height: 18px;
}
.footerSectionBorder
{
    border-right: 1px solid #000;  
    margin-right: 20px; 
}
.footerSectionSpace
{
    margin-right: 7px; 
}

.itemWrap
{
    width: 182px;
    height: auto;
    float: left;
    padding-right: 1px;
    background-color: #fff;  
    background-image: url(../images/border-dashed.gif);
}

.itemPageWrap
{
    width: 203px;
    height: auto;
    float: left;
    padding-right: 1px;
    background-color: #fff;  
    background-image: url(../images/border-dashed.gif);
}
.itemTitle
{
    width: 100%;
    height: 21px;
    background-color: #e3e3e3;
    font-size:11px;
	font-weight:bold;
	color:#535353;
	padding:8px 0 0 0;
	text-align:center;   
}
.itemLeftTitle
{
    background-image: url(../images/tab-cellular.gif);
    background-repeat: no-repeat;
    background-position: left;
}
.itemRightTitle
{
    background-image: url(../images/tab-1-800.gif);
    background-repeat: no-repeat;
    background-position: right;
}
.itemContent
{
    width: 100%;
    height: auto;
    background-color: #fff;
    text-align: center;
    padding: 10px 0px;
}

.itemDesc
{
    height: auto;  
    font-size: 11px;
	color:#555555;
    text-align: left;   
    margin: 0 10px 0px 25px;
}
.itemPrice 
{
	font-size:12px;
	color:#555555;
	font-style:italic;
	font-weight:normal;
    margin:15px 10px 0 10px;
}
.perText
{
    font-size:18px;
	color:#f84f04;
	font-weight:bold;
}
.itembox
{
    height: 100px;  
    font-size: 11px;
	color:#555555;
    text-align: right; 
    margin: 0 10px 0px 0px;
}
.itemLink a
{
    color:#027276;
    line-height: 25px;
    margin: 0px 20px 0px 10px;
    padding-right: 10px;
    background: url(../images/arrow-green.gif) no-repeat right center;
    float: left;
}
.itemList
{
    height: auto;
}
.itemList ul
{
    text-align: left;
    margin: 10px 0px 0px 40px;  

}
.itemList li
{
     margin: 3px 0; 
}
.itemList li a,.itemList li a.link,.itemList li a.visted
{
    color: #12a6b0;   
}
.itemList li a:hover,.itemList li a:active 
{
      color: #12a6b0;     
}
.contentTxt2 {
	padding:20px 0 0 200px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#323232;
}
.link1 
{
    font-size: 11px;
    font-weight: bold;
    color:#12a6b0;  
    text-decoration: none; 
}
.link1 a, .link1 a:link, .link1 a:visited 
{
    font-size: 11px;
    color:#12a6b0;  
    text-decoration: none; 
}
.link1 a:hover, .link1 a:active 
{
    text-decoration: underline;    
}

.mainLeft
{
    width: 734px;
    height: auto;
    float: left;   
    margin: 1px 1px 0px 0px;
}
.mainLeft .title
{
    height: 42px;  
    background: url(../images/long-title.gif) no-repeat; 
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    padding-top: 8px;
}
.mainLeft .content
{
    width: 703px;
    height: auto;
    float: left;   
    margin: 0px 1px 0px 0px;
    padding: 0px 15px 20px;   
}

.mainRight
{
    width: 287px;
    height: auto;
    float: left;   
    margin: 1px 0px 0px;
}
.mainRight .manageTitle
{
    height: 42px;  
    background: url(../images/manage-title.gif) no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    padding-top: 8px;
}
.mainRight .navTitle
{
    height: 42px;  
    background: url(../images/navTitle_bg.gif) no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom:5px;
}
.tbField
{
    background-color: #fcffc4;
}

.arrowlistmenu{
width:260px; /*width of accordion menu*/
margin-left:10px;
margin-bottom: 20px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px  Verdana, Arial, Helvetica, sans-serif;
color:#555555;
background:white url(../images/titlebar.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 12px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.gif);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background:url(../images/subtitlebar.gif) no-repeat center left;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background:url(../images/subtitlebar-active.gif) no-repeat center left;
}

.arrowlistmenu ul li .openlevel{ /*Open state CSS for sub level header*/
background:url(../images/sublevelbar.gif) no-repeat center left;
}

.arrowlistmenu ul li .closedlevel{ /*Closed state CSS for sub level header*/
background:url(../images/sublevelbar-active.gif) no-repeat center left;
}
.arrowlistmenu ul li a{
color: #555555;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #ffffff;
font-size:11px;
font-weight:bold;
}

.arrowlistmenu ul li a:visited{
color: #555555;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background:url(../images/subtitlebar-active.gif) no-repeat center left;
}

.categoryitems {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.subcategoryitems {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
}

.categoryitems{display: none}
.subcategoryitems{display: none}
.subcategor3{display: none}
.technology{ /*header*/
cursor: hand;
cursor: pointer;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0;
}
.openlanguage{ color:red;}
.closedlanguage{ color:#535353; }
.thelanguage 
{
    display: none;
    margin-left: 20px;
}

.tableTitle
{
    background-image:url(../images/border-dashed.gif);
	background-position:right;
	background-repeat:repeat-y;
	width:142px;
	height: 27px;
	float:left;
	background-color:#e7e3e7;
	text-align: center;
	padding-top:11px;
	font-weight: bold;
}
.tableItem
{
    background-image:url(../images/border-dashed.gif);
	background-position:right;
	background-repeat:repeat-y;
	width:142px;
	padding: 10px 0px;
	float:left;
	text-align: center;
}
.tableItem2
{
    background-image:url(../images/border-dashed.gif);
	background-position:right;
	background-repeat:repeat-y;
	width:142px;
	padding: 10px 0px;
	background-color: #f6f6f6;
	float:left;
	text-align: center;
}
.citylist
{
     float: left;
     width: 220px;
     margin-left: 10px;
}
.citylist ul
{
    list-style: none;
    margin-left: 20px;
}
.citylist li
{
    height: 8px;
    margin: 3px;
}
.feature ul
{
    margin-left: 30px;
}
.feature li
{
    margin-bottom: 5px;
}
.frmSub 
{
    width: 200px;
    float: left;   
    text-align: right;
    padding-top: 5px;
    padding-right: 20px;
}
.frmFld
{
    float: left;
}
.frmInput
{
    border: 1px solid #aaa;
    font-size:11px; 
    padding:2px;
    margin-bottom: 5px;
}


.shadetabs{
padding: 3px 0;
margin-left: 10px;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display:inline;
margin:0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 12px 8px;
margin-right: 1px; /*space between tabs*/
border: 1px solid #a8a8a8;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image:url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.hpTable td
{
    height: 34px;
}

.hpTable .tbhead
{
    background-color: #e7e3e7;
    text-align: center;   
}
.hpTable .tbtitle
{
    background-color: #a9a9a9;
    color: #fff;
    padding-left: 5px;
}
.hpTable .tbsub
{
    width: 295px;
    background-color: #dcdcdc;
    padding-left: 5px;
}
.hpTable .tbfield
{
    width: 100px;
    text-align: center;
    background-color: #f5f5f5;
}

.itTitle
{
    width: 100%; 
    height: 20px; 
    background: #606060; 
    color: #fff; 
    text-align: left; 
    padding-top: 5px; 
    font-weight: bold;   
}
.itBox
{
    width: 89%; 
    background: #efefef;
    margin: 10px auto;
}
.itLeft
{
    float: left; 
    text-align: left; 
    width:45%; 
    margin-left: 20px;
}
.itRight
{
    float: left; 
    text-align: right; 
    width: 45%;
}
.planmenu
{
    width: 100%;
    height: 34px;
    background-image: url(../images/planmenu_bg.jpg);
}

.mycard_small
{
    width: 400px;
    height: 240px;
    background-image: url(../images/mycard_small.jpg);   
}
.mycard_big
{
    width: 800px;
    height: 480px;
    background-image: url(../images/mycard_big.jpg);   
}