html,
body
{
  height: 100%;
}
body
{
  background: url(../img/bg_body.gif) repeat-x left top;  
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  line-height: 1.6;
  font-size: 13px;
}

#introflash
{
  min-height: 600px;
}
#wrap
{
  background: url(../img/bg_header.gif) no-repeat left top;
  width: 920px;
  margin: 0 auto;
}
#header 
{
  padding: 0;
}

#logo
{
  position: absolute;
  margin-left: 2px;
  margin-top: 10px;
  width: 200px;
}

#menu
{
  position: absolute;
  z-index: 9; 
  margin: 27px 0 0 165px;
  width: 760px;
}

#content
{
  padding: 87px 3px 0 0;
}

#mainContent
{
  float: left;
  width: 704px;
  padding: 23px 0 0 9px;
}

#sidebar
{
  float: right;
  width: 188px;
  padding-top: 142px;
  background: url(../img/bg_sidebar_tan.gif) no-repeat right top; 
}
#sidebar ol li,
#sidebar ul li,
#pager ol li,
#pager ul li,
.listEvent li,
.listFAQ li,
.listSitemap li
{  
  list-style-type: none;

}
#sidebar .inner
{
  background: url(../img/bg_sidebar.gif) no-repeat right bottom; 
  padding: 0 0 8px 31px;
}

#sidebar .inner .button
{
  padding: 0 0 0 6px;
  line-height: 0;
}

#footer
{
  text-align: center;
  font-size: 12px;
  color: #999;
  padding-top: 15px;  
}
#footer .inner
{  
  border-top: 2px solid #f2f2f2;
  padding-top: 13px;
}
#footer p
{
  margin-bottom: 0;
}
.index #footer
{
  padding-top: 0;  
  position: relative;
  margin-top: -35px;
}
.index #footer .inner
{  
  border-top: none;
  padding-top: 0;
}

/* 
* unchangeable content styles 
*/

/* adjust h1.title to different position according to body class*/
h1.title
{
  padding: 3px 0 5px 26px;
  border-bottom: 2px solid #d4d4d4;
  margin-bottom: 22px;
  position: relative;
  margin-left: -1px;
}
.pricePlan h1.title
{
  margin-bottom: 5px;
}
.mobile h1.title
{
  margin-bottom: 14px;
}
.phoneShowcase h1.title
{
  border-bottom: none;
  margin-bottom: 6px; 
}

/* i can't remember where it's used */
h2.user_zone
{
  padding: 0;
  margin: 0;  
  text-indent: -9999px;  
}

h2.user_zone a,
h2.user_zone a:hover
{
  height: 27px;
  width: 150px;
  display: block;
  background: url(../img/btn_user-zone.gif) no-repeat left top;
}
h2.user_zone a:hover
{
  background-position: left -30px;
}


/*for product jCarousel and mobile page*/
.showcase h3.block-title
{
  background: url(../img/bg_showcase.gif) no-repeat left top;
  height: 29px;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
}
ul.listSitemap li.alignLeft h3
{
  margin-bottom: 5px;
}

.listPhones li h5
{
  line-height: 1.3;
}
h4.product
{
  color: #00a0e9;
  font-weight: normal;
  margin-top: -2px;
  position: relative;
  line-height: 1.3;
}
h5.price
{
  text-align: center;
  color: #666;
  margin-top: -1px;
  padding-bottom:2px;
  font-size: 12px;
}



.productVisual
{
  text-align: center;
  float: left;
  width: 180px;
}
.productVisual p
{
  margin-top: 14px;
}
.heroShot
{
  width: 180px;
  border-bottom: 1px solid #CCC;
  padding: 18px 0 9px 0;
  text-align: center;
  margin: 0 0 12px 0;
}

.ads {
  overflow: hidden;
  width: 140px;
  padding-top: 9px;
  height: 165px;
  background: url(../img/bg_showcase.gif) no-repeat left bottom;
}
.divProducts
{
  height: 165px;
  width: 140px;
  margin: 0;
}
.ulProducts li
{
  height: 165px;
  width: 140px;
  text-align: center;
}
.ulProducts li img
{
  width: 56px;
  height: 126px;
}
.btn {
  margin:-106px 0 0 7px;
  position: absolute;
  z-index:50;
  width: 125px;
}
.btn .prev,
.btn .next
{
  background: url(../img/btn_carousel.gif) no-repeat left top;  
  display: block;
  float: left;
  width: 14px;  
  height: 20px;
  cursor: pointer;
  text-indent: -9999px;
}
.btn .next
{
  background-position: left bottom;
  float: right;
}
.btn .prev:hover
{
  background-position: right top;
}
.btn .next:hover
{
  background-position: right bottom;
}

/*for event page*/
ul.listEvent
{
  padding-left: 127px;
  margin-top: -7px;
  position: relative;
}
ul.listEvent li
{
/*  background: url(../img/bg_listEvent.gif) no-repeat left bottom;*/
  background: url(../img/brdr_li-ListEventend.gif) no-repeat left bottom;
  display: block;
/*  width: 534px;
  padding: 0 21px 21px 18px;*/
  width: 574px;
  padding: 0 0 10px 0;
  margin-top: 14px;
}
ul.listSitemap
{
  padding: 5px 0 0 0;
  background: url(../img/brdr_li-ListSitemaphead.gif) no-repeat left -10px;
  min-height: 170px;  
  margin-bottom: 0;
}
ul.listSitemap li
{
  float: left;
  width: 111px;
  text-align: center;
  padding: 10px 0 0 0;
}
ul.listSitemap li div
{
  padding-top: 4px;
}
ul.listSitemap li div a
{
  display: block;
  margin-bottom: 12px;
}
ul.listFAQ,
ul.listContact
{
  padding-top: 1px;
  padding-left: 0;
  margin: 0 0 21px 6px;
}
ul.listContact { margin-left: 17px }
ul.listFAQ li,
ul.listContact li
{
  display: inline;
  margin-right: 5px;
}


/* sidebar */
.primaryList,
.secondaryList
{
  padding: 0 5px 0 8px;
}

.primaryList
{
  background: url(../img/brdr_ul-primaryList.gif) repeat-x left bottom;
  padding-top: 4px;
  padding-bottom: 9px;
  margin-bottom: 4px;
}

.primaryList li,
.secondaryList li
{
  background: url(../img/brdr_li-List.gif) repeat-x left top;
  padding: 9px 0 5px 0;
}
.primaryList li:first-child,
.secondaryList li:first-child 
{
  background: none;
}

/* Pager */
#pager
{
  text-align: center;
  font-size: 12px;
}  
.eventsList #pager,
.newsList #pager
{
  margin: 15px 0 0 130px;
  position:relative;
  width: 570px;
  overflow:hidden;  
}
#pager a
{
  color: #00a1e9;
}

#pager a:hover
{
  color: #e4007f;
} 
ul.listPager
{
  float:left;
  position:relative;
  left:50%;

}

ul.listPager li
{
 position:relative;
 right:50%; 
 float:left;
}
ul.listPager li a
{
  display: block;
  float: left;
  padding: 0 3px;
  border: 1px solid #00a1e9;
  margin-right: 4px;
  text-decoration: none;
}
ul.listPager li a:hover
{
  border: 1px solid #e4007f;
}

#pager ul.listPager li.active a
{
  border: none;
  padding-top: 1px;
  color: #666;
}
#pager ul.listPager li.active a:hover
{
  border: none;
}

/*And more, oops can't really remember*/
p.more
{
   margin-bottom: 0;
}
.replace
{
  background: url(../img/replace_01.gif) no-repeat left top;
  text-indent: -9999px;
  height: 20px;
}
.replace.mainCost
{
   width: 76px;
   margin: 0 auto;   
}
.replace.cost
{
   background: url(../img/replace_01.gif) no-repeat left -20px;
   width: 51px;
   margin: 0 auto;
}

.mobile .content
{
  padding-left: 47px;
}


.phoneShowcase #mainContent,
.newsList #mainContent
{
  background: url(../img/bg_keyvisual-phoneShowcase.jpg) no-repeat left 25px;
  min-height: 500px;
  position: relative;
  margin-left: -22px;
  width: 710px;
  padding: 23px 10px 0 31px;  
}
.phoneShowcase .content
{
  padding-left: 3px;
}
.phoneShowcase .keyvisual  
{
  padding-top: 32px;
}

.mobile .productVisual
{
  float: left;
  width: 180px;
}

.eventsList #mainContent
{
  background: url(../img/bg_keyvisual-eventGallery.jpg) no-repeat -12px 53px;
  padding-left: 31px;
  margin-left: -22px;
  position: relative;
  min-height: 470px;
}
.newsList #mainContent
{
  background: url(../img/bg_keyvisual-eventGallery2.jpg) no-repeat -13px 53px;
}

.news .content,
.event .content,
.faq .content,
.article .content
{
  padding: 0 22px 0 25px;
}
.sitemap .content
{
  padding-right: 0;
}
.contact .content
{
  padding: 0 0 0 14px;
}
.eventDescription p
{
  margin-bottom: 0;
  padding-bottom: 5px;
}
.eventThumb
{
  float: left;
  padding-left: 15px;
  width: 125px;
}
.eventDate
{
  font-size: 12px;
}
.eventsList .eventText,
.newsList .eventText
{
  padding: 0 20px 0 150px;  
  background: url(../img/brdr_li-ListEventhead.png) no-repeat left top;
}
.newsList .eventText
{
  padding-left: 20px;
}
.eventDescription
{
  text-align: justify; 
  min-height: 40px;
}
.eventsList .eventText h3
{
  margin-bottom: 15px;
  padding-top: 3px;
}
.eventText h3 a
{
  color: #666;
}
.eventText h3 a:hover
{
  color: #cc0066;
}
div.illustration img
{
  float: right;
  padding: 0 0 10px 10px;
}
.newsList .eventDescription div,
.eventsList .eventDescription div
{
  text-align: right;
  line-height: 1;
}
.blockFAQ
{
  margin: 0 0 5px -2px;  
}
.blockContact
{
  margin-bottom: 100px;
}
.blockFAQ .blockFAQ-inner,
.blockContact .blockContact-inner
{
  padding: 0 23px;
  margin-bottom: 0;
  width: 629px;
  border: none;
  background: url(../img/brdr_li-ListFaqbody.gif) repeat-y left top;  
}
.blockContact .blockContact-inner
{
  background: url(../img/brdr_li-ListContactbody.gif) repeat-y left top;  
}
.blockFAQ div.top,
.blockContact div.top
{
  width: 675px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: none;
  background: url(../img/brdr_li-ListFaqhead.png) no-repeat left top;
}
.blockContact div.top
{
  background: url(../img/brdr_li-ListContacthead.gif) no-repeat left top;
  padding: 5px 0 0 15px;
}  
.blockContact .icon
{
  position: absolute;
  margin: -74px 0 0 -133px;
}
.blockFAQ div.top h2
{
  margin-left: 5px;
}
.blockFAQ div
{
  padding: 7px 0 9px 0;
  border-bottom: 1px dashed #e6e6e6;
  margin-bottom: 7px;
}
.blockFAQ div h4
{
  margin-bottom: 10px;
}
.blockFAQ div.goTop,
.blockContact div.goTop
{
  padding:2px 25px 12px 0;
  margin-top: -7px;
  position: relative;
  text-align:right;
  width:650px;
  border: none;
  text-align: right;
  background: url(../img/brdr_li-ListFaqend.png) no-repeat left bottom;  
}

.blockContact div.goTop
{
 background: url(../img/brdr_li-ListContactend.gif) no-repeat left bottom;  
 height: 20px;
}
.blockContact div.goTop .submit
{
  position: absolute;
  left: 0;
  margin: 40px 0 0 300px;  
}

.sitemap-illustration
{
  padding-left: 5px;
  background: url(../img/bg_keyvisual-sitemap.jpg) no-repeat -26px 312px;
  min-height: 500px;
  margin-top: -28px;
}


.listSitemap-bottom
{
  background: url(../img/brdr_li-ListSitemapend.png) no-repeat left top;
  width: 562px;
  height: 50px;
}

ul.listMajorPhones
{
  padding-left: 136px;
}
ul.listMajorPhones li
{
  float: left;
  width: 137px;
  min-height: 146px;
  margin: 0 25px 0 0;
  padding-left: 91px;  
  padding-top: 18px;
  list-style-type: none;
}
ul.listMajorPhones li img
{
  position: relative;
  float: left;
  margin: -20px 0 0 -93px;
}
ul.listMajorPhones li h3
{
  margin-bottom:6px;
  padding-top:2px;
}
ul.listMajorPhones li h3 a
{
  color: #666;
  text-decoration: none;
}
ul.listMajorPhones li h3 a:hover
{
  color: #e4007f;
}
ul.listMajorPhones li p.introText
{
/*  line-height: 1.8;*/
  text-align: justify;
  margin-bottom: 5px;
}
/*ul.listMajorPhones li .more
{
  float: right;
  margin-top: -39px;
}*/

ul.listPhones 
{
  padding-left: 0;
}
ul.listPhones li
{
  background: url(../img/bg_listProduct.gif) no-repeat left top;
  float: left;
  width: 99px;
  padding: 26px 0 0 75px;
  height: 102px;
  margin: 0 2px 2px 0;
  list-style-type: none;
}
ul.listPhones li img
{
  width: 43px;
  height: 96px;
  float: left;
  position: relative;
  margin-left: -58px;
}
ul.listPhones li p
{
  font-size: 12px;
  padding: 7px 0 0 0;
  margin: 0;
}

.front table,
.front td,
.front th
{
  border :none;
}
.front #footer { margin-top: -38px;}
.front #footer .inner { border:none;}
.front #footer .inner p {  margin-bottom: 10px;}

.service-table
{
  margin: 0;
}
.service-table td
{
  padding: 3px;
  border: 1px solid #CCC;
}
.service-table td.firstHalf,
.contract-table td.firstHalf
{
  width: 50%;
}
.contract-table
{
  width: 100%;
}
.contract-table td
{
  padding: 3px;
}
.rule-table td
{
  vertical-align: top;
  padding: 3px;
}

/*Others*/


.clear
{
  clear: both;
}
.clearBorder
{
  clear: both;
  border-top: 1px solid #d4d4d4;
}
.index br.clear
{
  clear: none;
}
.showcase
{
  margin-top: 9px;
  padding-left: 9px;
  position: relative;
}
ul.listSitemap li.alignLeft
{
  text-align: left;
}
.alignRight.more {
  position: absolute;
  top: 0;
  line-height: 0;
  width: 32px;
  height: 5px;
  margin: 14px 0 0 101px;
}  
.contact .input
{
  border: 1px solid #c0c0c0;
}
.contact .length1
{
  width: 150px;
}
.contact .length2
{
  padding: 0 10px 0 0;
}

.contact .column
{
  float: left;
  width: 310px;
  padding: 10px 0;
}
.contact .column.fullwidth
{
  width: 600px;
}
.contact .column.checkbox
{
  width: 600px;
}
.contact .column.checkbox label
{
  float: left;
  width: 70px;
}
.contact .column.checkbox p
{
  padding-left: 85px;
}
.contact label.type1
{
  display: block;
  float: left;
  min-width: 70px;
}
.contact label.type2
{
  min-width: 160px;
}
.contact .column p
{
  margin-bottom: 8px;
}
.contact .input.textarea
{
  width: 600px;
}
.paddingLeft
{
  padding-left: 15px;
}

/*
*  POINTS
*/
h1.title,
h2,
.primaryList li a,
.secondaryList li a,
.blockFAQ div.goTop a,
ul.listFAQ li a,
ul.listContact li a,
ul.listPager li.prev a,
ul.listPager li.next a,
ul.listSitemap li.alignLeft h3 a,
.contact label
{
  background:url(../img/points.gif) no-repeat left top;
}


h1.title
{
  background-position: left -677px;
}


h2
{
  background-position: left -710px;
}


.primaryList li a
{
  background-position: left -295px;
  padding-left: 22px;
  color: #00a0e9;
  text-decoration: none;
}
.secondaryList li a
{
  padding-left: 22px;
  color: #979797;
  text-decoration: none;  
  background-position: left -315px;
}
.primaryList li a:hover,
.secondaryList li a:hover,
.primaryList li a.active,
.secondaryList li a.active
{
  background-position: left -335px;
  color: #cc0066;
}

.blockFAQ div.goTop a
{
  background-position: left -13px;
  padding-left: 12px;
  font-size: 13px;
}
.blockFAQ div.goTop a:hover
{
  background-position: left -33px;
}

ul.listFAQ li a,
ul.listContact li a
{
  background-position: left -235px;
  padding-left: 14px;
}
ul.listFAQ li a:hover,
ul.listContact li a:hover
{
  background-position: left -275px;
}

ul.listPager li.prev a
{
  background-position: 2px -195px;
  padding: 1px 3px 0 11px;
}
ul.listPager li.next a
{
  background-position: 45px -135px;
  padding: 1px 11px 0 3px;
}
ul.listPager li.prev a:hover
{
  background-position: 2px -215px;
}
ul.listPager li.next a:hover
{
  background-position: 45px -155px;
}

ul.listSitemap li.alignLeft h3 a
{
  color: #666;
  background-position: left -355px;
  padding-left: 13px;
  margin-left: 1px;
}
ul.listSitemap li.alignLeft h3 a:hover
{
  background-position: left -335px;
  color: #cc0066;
}

.contact label
{
  background-position: left -335px;
  padding-left: 15px;
  font-weight: bold;  
  color: #666;  
}

/*table class*/

.productFeature,
.phoneFeature
{
  border: 1px solid #a1a1a1;
  width: 100%;
  background: #fff;
}
.phoneFeature
{
  float: right;
  width: 448px;
  margin-top: 17px;
}
.productFeature td,
.phoneFeature td
{
  padding: 0 0 0 35px;
  height: 26px;
  vertical-align: middle;
  border-bottom: 1px solid #CCC;
}
.phoneFeature td
{
  padding: 0 0 0 19px;
}
.productFeature th
{
  padding: 13px 0 5px 0;
}
.productFeature td.tableHighlight,
.phoneFeature td.tableHighlight,
.service-table td.tableHighlight,
.contract-table td.tableHighlight 
{
  background-color: #f06bb5;
  color: #fff;
  text-align: center;
  border-bottom: none;
  height: 33px;
  vertical-align: middle;
}
.phoneFeature td.tableHighlight
{
  text-align: left;
  font-weight: bold;
}
.phoneFeature td.left
{
  border-right: 1px solid #CCC;
  padding: 0;
}
.productFeature tr.last td,
.phoneFeature tr.last td
{
  border-bottom: 1px solid #a1a1a1;
}
.phoneFeature td.tableHighlight ul,
.phoneFeature td.tableHighlight ul li,
.phoneFeature td.left ul,
.phoneFeature td.left ul li
{
  padding: 0;
  margin: 0;  
}
.phoneFeature td.tableHighlight ul li,
.phoneFeature td.left ul li
{
  border-bottom: 1px solid #CCC;
  padding: 0 5px 5px 19px;
  list-style-type: none;
}
ul.listMajorPhones li p.more
{
  display: none;
}