/*------------------------------------------
   feature.css
   
   for accesories and feature layout 
   purpose
   © 2005, lintasweb.com
--------------------------------------------*/
#mainPage{
  display : block;
  background-color: #FFFFFF;
}

.mainPage {
	background-color : #FFFFFF;
	border : 1px solid #F4F4F4;
	min-height : 415px;
	height : 415px;
	vertical-align : top;
	text-align: left;
}

.mainPart{
	min-height: 420px;
	height: 420px;
}

/********
 * Menu
**/
#mainMenu{
	background-image : url(../images/menubar_bg.jpg);
	height: 21px;
	width: 755px;
}

#subMenu{
	background-color: #6B90C3;
}
	
.subMenu, .subMenu a{
	padding: 3px;
	font-family: Arial; font-size: 8pt; 
	color: #FFFFFF;
	text-decoration: none;
}

.subMenu a:hover{
	text-decoration: underline;
}

#topMenu, #topMenu a{
	background-color: #FFFFFF;
	font-family: Arial; font-size: 8pt; font-weight: 500; font-stretch: condensed;
	color: #000000;
	text-decoration: none;
	padding: 5px;
}

#topMenu a:hover{
	text-decoration: underline;
}

/******************
 * left
******************/



/*******
 * Footer
**/
#footer, #footer a{
	background-color: #5B7AA4;
	padding: 5px 0px 10px 5px;
	font-family: verdana; font-size: 6.5pt; font-stretch: condensed;
  	text-decoration: none;
  	color: #FFFFFF;
  	height: 35px;
}

#footer a:hover{
	text-decoration: underline;
	color: #DCE7EE;
}	

/****************
* Page Title
****************/
.pageTitle{
	text-decoration : none;
	color : #000;
	font-family : verdana, arial;
	font-size: 13pt; 
	font-weight : 500;
	padding-bottom : 15px;
}

/*******
 * Info
**/
.infoTitleBar1, .infoTitleBar2{
	font-family: arial; font-size: 10pt; 
	color: #AF4F26;
	height: 40px;
	padding: 0px 10px 0px 10px;
}

.infoTitleBar1{
	background-color: #EFEEEE;
}

.infoTitleBar2{
	background-color: #DCE7EE;
}

.infoText, .infoText a{
	font-family: arial; font-size: 8pt;
	text-decoration: none;
	padding: 10px 10px 5px 10px;
}
.infoText a:hover{
	text-decoration: underline;
}

.infoBox1{
	background-color: #FFFFFF;
}

.infoBox2{
	background-color: #F2F8FD;
}


/********
 * Fast Access
**/
#fastAccess{
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.fastAccessTitle{
	background-color: #93A5B9;
	font-family: arial; font-size: 9pt; font-weight: 700;
	color: #FFFFFF;
	height: 18px; width: 160px;
} 

.fastAccessMenu, .fastAccessMenu a{
	background-color: #C8D7E8;
	font-family: arial; font-size: 8pt;
	color: #333333;
	height: 18px; width: 150px;
	text-decoration: none;
}


/********
 * Promo
**/
.promoTitle{
	font-family: arial narrow; font-size: 10pt; font-weight: 700;
	color: #00000;
}

.promoText {
	border-top: 1px solid #6C90C3;
	font-family: arial; font-size: 7pt;
	color: #7F7E7F;
}

/********
 * Left Menu
**/
#leftMenu{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;

}

.leftMenuTitle{
	background-color: #7B95B7;
	font-family: verdana; font-size: 8pt; font-weight: 500;
	color: #FFFFFF;
	height: 15px; width: 160px;
} 

#leftMenu h3, 
.leftMenuItem, 
.leftMenuItem a,
.leftMenuSubItem,
.leftMenuSubItem a,
.leftMenuSelect,
.leftMenuSelect a{
	color: #000; 
	margin: 0 -9px 1em;
	min-height: 25px
	height: 25px
}

.leftMenuItem,
.leftMenuItem a{
	background-color: #D6DEE9;
	padding: 3px 9px 3px;
	border-bottom: 1px solid #D6DEE9;
}

.leftMenuSubItem,
.leftMenuSubItem a{
	background-color: #FFF;
	padding: 1px 3px 1px 15px;
	color: #6885AC;
	border-bottom: 1px solid #F0F4F9;
	font-size: 10px;
}

.leftMenuSelect,
.leftMenuSelect a{
	background-color: #F3F5F8;
	padding: 3px 15px 3px;
	color: #AF4F26;
}

#leftMenu h3 a, #leftMenu a:hover, .leftMenuItem a:hover
{
	color: #005fa9;
}


	

/***********************
* Right Part
************************/
.rightBox{
    padding : 3px 9px 3px;
    border-left : 1px solid #D6DEE9;
    width: 147px;

}

.rightBoxTitle{
    font-family : arial; font-size: 7.4pt; 
    color : #7B95B7;
    height: 23px;
    padding: 3px 5px 3px 5px;
    background-color: #EDF1F8;
}

.rightBoxTitle{
    background-color: #FFF;
}

.rightBoxBody1,
.rightBoxBody2,
.rightBoxBody3{
   font-family : verdana; font-size: 8px; 
   border-top : 1px solid #D6DEE9;
   padding : 5px;
   min-height: 100px;
   height: 100px;
   vertical-align: text-top;
}

.rightBoxBody1{
   background-color : #F3F3F3;
   color : #000;
}

.rightBoxBody2{
   background-color : #93A5B9;
   color: #FFF;
}

.rightBoxBody3{
   background-color : #F8F9FA;
   color : #AF4F26;
}

.rightBoxSupport{
   border-top : 1px solid #D6DEE9;
   padding : 0px;
   vertical-align: text-top;
   background-color : #FAFCFE;
}

.rightBoxSupportText{
   font-family : verdana; font-size: 7pt; 
   padding: 3px 5px 3px 5px;
}   


/***********************
*  Table
************************/
#service hr,
#product hr,
#support hr,
#portfolio hr{
	height: 1px ;
	color : #93A5B9;
	width : 100%;
}
	
.tableRow1{
	background-color : #F7F8FA;
	padding: 2px 5px 3px 5px;
}

.tableRow2{
	background-color: #FFFFFF;
	padding: 2px 5px 3px 5px;
}

.oddItem, .oddItem a {
	font-family: arial; font-size: 9pt; 
	color: #AF4F26;
	
}

.itemBox{
	padding: 0px;
	width: 417px;
	/*background-color: #F7F8FA;*/
}

.itemBoxTitle{
	background-color : #C8D7E8;
	padding: 3px;
	color : #666;
	font-family : arial; font-size: 8pt; font-weight: 600;
	width: 283px;
	
}

.itemBoxBody{
	background-color: #F7F8FA;
	font-family : arial; font-size: 7.2pt; 
	color : #333;
	width : 100%;
	padding : 3px 5px 3px;
}

.tabItemSelect,
.tabItemSelect a,
.tabItemUnselect,
.tabItemUnselect a{
	color : #FFF;
	text-decoration : none;
	width: 75px;
}

.tabItemSelect,
.tabItemSelect a{
	background-color: #D5693C;
}	

.tabItemUnselect,
.tabItemUnselect a{
	background-color: #E19777;
}	

.itemBoxOrder,
.itemBoxOrder a{
	background-color : #7B95B7;
	color: #FFF;
	font-family: verdana; font-size: 8pt;
	width: 75px;
}

.itemDetail{
	padding: 2px;
	width: 100%;
}

.itemDetailFeature{
	background-color: #B8C4D1;
	color: #FFF;
	padding-left : 5px;
	width: 175px;
	font-family : arial; font-size: 8pt;
	height: 20px; 
}

.itemDetailPackageOdd,
.rowDetailOdd,
.itemPriceOdd,
.packageNameOdd{
	background-color: #F3F5F8;
}

.itemDetailPackageEven,
.rowDetailEven,
.itemPriceEven,
.packageNameEven{
	background-color: #FEFEFE;
}	

.itemDetailPackageOdd,
.rowDetailOdd,
.itemDetailPackageEven,
.rowDetailEven,
.packageNameOdd,
.packageNameEven{
  padding-left: 15px;
	width: 150px;
	text-align: left;
}

.itemDetailPackageOdd,
.rowDetailOdd,
.itemDetailPackageEven,
.rowDetailEven{
	color: #6F6F6F;
}

.itemFeature{
	background-color: #FEFEFE;
	color: #6F6F6F;
	padding: 5px 3px 3px 5px;
}	
.itemFeature{
	background-color: #FEFEFE;
	color: #6F6F6F;
	padding: 5px 3px 3px 5px;
}	

.itemPriceOdd,
.itemPriceEven{
	text-align: left;
	font-family: arial;
	color: #D5693C;
	font-size: 8pt;
  padding-left: 15px;
}

.packageNameOdd,
.packageNameEven{
	color: #5B7AA4;
}

.itemOrder, 
.itemOrder a{
	background-color: #B8C4D1;
	color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	width: 125px;
	font-family : arial; font-size: 8pt;
	height: 22px; 
	border: 1px solid #FFF;
}

.itemOrder a:hover{
  color: #FFF;
  text-decoration: none;
  background-color: #738AA4;
}

.rowFormOdd,
.rowFormEven{
  padding-left: 15px;
	width: 250px;
	text-align: left;
	color: #6F6F6F;
}

.rowFormOdd{
 	background-color: #F3F5F8;
 
}

.rowFormEven{
	background-color: #FEFEFE;
} 

.itemFormTable{
	background-color: #B8C4D1;
	color: #FFF;
	padding-left : 5px;
	width: 125px;
	font-family : arial; font-size: 8pt;
	height: 18px; 
}

.elFormTable{
  height: 16px;
  border : 1px solid #6B90C3;
  font-size: 8pt;
  background-color: #F8FAFC;
}


/**************************
*  LEFT BOX 
***************************/
.leftBox{
	border-left: 1px solid #D6DEE9;
	border-bottom : 1px solid #D6DEE9;
	border-right: 1px solid #D6DEE9;
	padding: 0px;
	background-color: #FFF;
	width: 100%;
}

.leftBoxTop{
	background: url('/images/bg_D6DEE9.gif') repeat-x top;
	width: 100%
}

.leftBoxTitle{
	background-color: #D5693C;
	font-family: arial; font-size : 6.7pt; color: #FFF; font-weight: 550;
	padding: 2px 3px 2px;
	width: 85px;
}

.leftBoxBody,
.leftBoxBody a{
	padding: 5px;
	color : #999;
	font-family: verdana; font-size: 7pt;
}

/**************************
*  MISC BOX 
***************************/
.miscBox{
	border-left: 1px solid #D6DEE9;
	border-bottom : 1px solid #D6DEE9;
	border-right: 1px solid #D6DEE9;
	padding: 0px;
	background-color: #FFF;
	width: 100%;
}

.miscBoxTop{
	background: url('/images/bg_D6DEE9.gif') repeat-x top;
	width: 100%
}

.miscBoxTitle{
	background-color: #D5693C;
	font-family: arial; font-size : 6.7pt; color: #FFF; font-weight: 550;
	padding: 2px 3px 2px;
	width: 85px;
}

.miscBoxBody,
.miscBoxBody a{
	padding: 5px;
	color : #999;
	font-family: verdana; font-size: 7pt;
}


/* ------------------- Table n Form -------------------------*/
.tablePage{
	background-color: #F1F7FA;
	display: block;
	margin-top: 0px;
	border: 1px solid #CFDEEB;
	font-family: arial; font-size: 8pt;
	color: #000;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.formTable{
  padding: 0px;
}

#tableBlock{
	width: 100%px;
	padding: 0px;
	display: block;
}

.rowFormOdd,
.rowFormEven{
  padding-left: 15px;
	width: 250px;
	text-align: left;
	color: #6F6F6F;
}

.rowFormOdd{
 	background-color: #F3F5F8;
 
}

.rowFormEven{
	background-color: #FEFEFE;
} 

.itemFormTable{
	background-color: #B8C4D1;
	color: #FFF;
	padding-left : 5px;
	width: 125px;
	font-family : arial; font-size: 8pt;
	height: 18px; 
}

.elFormTable{
  height: 16px;
  border : 1px solid #6B90C3;
  font-size: 8pt;
  background-color: #F8FAFC;
}

.btFormTable{
  height: 20px;
  border : 1px solid #6B90C3;
  font-size: 8pt;
  background-color: #D3DEED;
}

.btArea{
  display: block;
  float: left;
  padding-left: 100px ;
  
}

/*---------------------- cell --------------------------- */
#thumnail,
#thumnailStructure{
  padding : 5px;
  display: block;
  float: left;
}

#thumbnailTab{
  width: 400px;
}

.thumbnailCellSpacer{
  width: 5px;
	display: block;
	float: left;
}

.thumbnailRow{
  width: 100%px;
  padding: 0px;
  
	clear:			both;
	background:		transparent;
}

.thumbnailCell,
.thumbnailCell a{
  padding: 5px;
  height: 175px;
  width: 175px;
  text-align: center;

	font-size: 9px;
	font-family: verdana;
	background:		transparent;
	display: block;
	float: left;
  
}

.thumbnailCell a{
	border: 1px solid rgb( 241, 241, 241);
}

.thumbnailCell a:hover{
	border: 1px solid #F9BE35;
	background:		rgb( 247, 250, 251);
	text-decoration: none;
}  

.thumbnailCell span{
  padding: 0px 0px 5px 0px;
  width: 80px;
  color : #000;
  display: block;
  float: right;
}  


/* -------------- Page Area ---------------- */
#pageBar{
  display: blok;
  float: right;
  padding: 5px 25px 5px 3px;
}

.pageNumber,
.pageNumber a{
  font-family: arial;
  font-size: 7pt;
  color: #000;
  padding: 2px;
  text-decoration: none;
}

.pageNumber a:hover{
  font-weight: 700;
}

/* --------------- ERROR -----------------*/
.errorMessage{
  font-family : arial;
  font-size: 8pt;
  text-align: center;
  padding: 5px;
  color: #FF0000;
}

/* -------------- Confirmation -------------- */
.fieldText{
	font-size: 8pt;
	vertical-align : top;
	width: 125px;
}

.fieldValue{
	color: #000;
	font-size: 8pt;
}

.fieldPriceValue{
	color: #D5693C;
	font-size: 8pt;
}