/**
 * Apex Module
 * 
 * @LastRevised $LastChangedDate: 2009-01-15 17:49:01 +0800 (Thu, 15 Jan 2009) $ 
 * @version $Id: mainpage.css 69 2009-01-15 09:49:01Z eugim $ 
 */

body {
	background-color: #FFFFFF;
	background-image: url(../images/rtc_bg.gif);
	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
h1{
	font-size:18px;
	font-weight: bold;
	color:#FFFFFF;
	text-align:center;

}
h2{
	font-size:14px;
	font-weight: bold;
	color:#054e9b;
	margin-left: 5px;

}
p{
	color:#5a5a5a;
	margin-left: 3px;
	margin-right: 2px;
	line-height: 18px

}

.container {
	width: 940px;
	margin: 0 auto;
	margin-top: 8px;

}
.header{
	background-color:#000;
	padding-top: 1px;
	height: 196px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.h1handler {
	background-color:#FFFFFF;
	height: 100px;
	padding: 10px 2px;
	margin: 0 auto;
	width: 930px;
}
.left{
	float:left;
	margin-left: 5px;

}
.right{
	float:right;
	margin-right: 5px;

}
.clearer{
	clear:both;
}
.menuholder{
	width: 170px;
}

body .maincontent{
	width:550px;
	background-color:#fff;
	margin-left: 8px;
}

.search{
	background-color:#fff;
	background-image: url(../images/search.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-right:10px;
	width: 150px;
	height: 22px;
	border:none;
}

.search:focus {
	background-color:#FFFFFF;
	background-image: url(../images/search.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	border:none;
}

/* Main navigation */
.head-nav {
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
	top: 89px;
	right: 0;
	float:right;
	margin-right: 10px;
}
.head-nav ul {
	float: left;
	margin: 0px;
	padding: 0px;
}
.head-nav ul li {
	display: block;
	float: left;
	list-style: none;
	background: #4d4d4d;
	margin-left: 1px;
	border-left: 1px solid #676767;
	border-top: 1px solid #676767;
	border-right: 1px solid #676767;
}
.head-nav ul li a {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	padding: 9px 16px;
}
.head-nav ul li a:hover,.head-nav ul li a.current {
	color: #0281ca;
	background: #fff;
}
.adminhead-nav {
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	top: 89px;
	right: 0;
	float:right;
	margin-right: 10px;
}
.adminhead-nav ul {
	float: left;
	margin: 0px;
	padding: 0px;
}
.adminhead-nav ul li {
	display: block;
	float: left;
	list-style: none;
	background: #4d4d4d;
	margin-left: 5px;
	border-left: 1px solid #676767;
	border-top: 1px solid #676767;
	border-right: 1px solid #676767;
}
.adminhead-nav ul li a {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
}
.adminhead-nav ul li a:hover,.adminhead-nav ul li a.current {
	color: #0281ca;
	background: #fff;
}

.content{
	background-color:#fff;
	border-left: 1px solid #d7d7d7;
	padding-bottom: 10px;
	border-right: 1px solid #d7d7d7;

}
input, select, textarea{
	background-image: url(../images/formfieldbg.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	border: 1px solid #cbd6de;
	padding: 4px 0px 4px 2px; 
	}
input:focus,select:focus, textarea:focus{
	border: 1px solid #029EE4;
	background-image: url(../images/formfieldbg.gif);
	background-repeat: repeat-x;
}
.submit {
	background: url( ../images/fade-butt.gif );
	background-repeat:repeat-x;
	background-color:#E9E8E8;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 3px;;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	margin-top: 5px;
}

.menuheader {
	background-color:#333;
	color:#FFFFFF;
	height: 22px;
	font-size:12px;
	font-weight:bold;
	padding-top: 5px;
	
	padding-left:20px;
}
.menucontent {
	background-color:#4d4d4d;
	color:#cacaca;
	padding:5px 10px;
	/*background-image: url(../images/menu.jpg);*/
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 5px;
}
.sublist {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
.sublist li {
	display:inline;
	margin:0pt;
	padding:0pt;
}
.sublist li a:link, .sublist li a:visited {
	background-image:url(../images/button_dotarrow_red.gif);
	background-position:-12px 10px;
	background-repeat:no-repeat;
	color:#cacaca;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:12px;
	font-weight: bold;
	margin:0pt;
	text-decoration:none;
	padding:4px 4px 4px 14px;
}
.sublist li a:hover {
	color:#61ABEC;
	background-color:#2c2c2c;
	text-decoration: underline;
}
.picborder{
	border: 1px solid #bbbbbb;
	padding: 2px 2px 2px 2px;
}

.payment  li{
	font-weight: bold;
	color:#666;
	text-decoration:none;
	list-style-image:url(../images/bg_list.gif);
	padding-left: 22px;
	margin-top: 10px;
	list-style-type: none;
}
.grytable td{
	background-color:#e3e3e3;
	color:#002d52;
	font-size:12px;
	font-weight: normal;
	line-height: 18px;
	border: 1px solid #bbbbbb;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.grytable ul {
	list-style-image:none;
	list-style: none;

}
.grytable ul li a{
	font-weight: bold;
	color:#f47607;
	text-decoration:none;
	list-style-image:none;
	list-style: none;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-color: #e3e3e3;
	background-position:left;
	padding-left: 22px;
	margin-top: 10px;
}
.grytable ul li a:hover{
	text-decoration:underline;
	color:#15aef5;
}
.featured {
	border: 1px dotted #ecf6ff;
	border-collapse:collapse;
	
}
.featured td{
	background-color:#fff;
	color:#002d52;
	font-size:12px;
	font-weight: normal;
	line-height: 18px;
	border: 1px dotted #CBD6DE;
	border-collapse:collapse;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.featured td strong{
	margin-left: 10px;
}
.noborder{
	width: 260px;

}
.noborder td{
	border: hidden;
	border:none;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 3px;
}
.noborder2{
	vertical-align:top;

}
.price{
font-weight:bold;
color:#2883c2;
font-size: 12px;
}
.quick{
	background-color:#F6F6F6;
	border-bottom: 1px #f1f1f1 solid;
	border-top: 1px #f1f1f1 solid;
}
.quick a{
	font-weight:bold;
	color:#2883c2;
	font-size: 12px;
	text-decoration: underline;
	background-image: url(../images/click.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: left;
}
.quick a:hover{
text-decoration: blink;
color:#FE5D00;
}
.title{
font-weight:bold;
color:#2883c2;
text-decoration:none;
}
.title:hover{
text-decoration:none;
color:#039bda;
}
.view {
	font-weight:bold;
	color:#e3690f;
	text-decoration:underline;
	background-image: url(../images/view.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
	margin-right: 10px;
}

.view:hover{
	text-decoration:none;
	color:#b34d03;
}

.GTable {
	border:1px solid #adc3de;
	border-collapse:collapse;
	font-size:12px;
	width: 98%;
}

.GTable thead tr{
	height: 1px;
	background-color: #0099CC;
}
.GTable thead td{
	background-color:#eaecfb;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:2px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	line-height:14px;
	border-left:1px solid #adc3de;
	border-bottom: 1px solid #adc3de;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/gthead.gif);
}

.GTable tbody td{
	padding-top : 3px;
   padding-left : 5px;
   padding-right : 3px;
   padding-bottom : 3px;
   color: #404040;
   line-height: 18px;
}
.GTable tbody {
   background-color:#F5FAFF;
}
.GTable tbody td a{
	color: #003399;
	text-decoration:none;
}

.GTable tbody td a:hover{
	color: #356CA2;
	text-decoration: underline;
}
.logo{
	margin-left: 10px;

}
.required{
	font-size: 9px;
	font-weight: bold;
	color:#FF0000;
}
.asterisk{
	font-weight: bold;
	color:#ca0000;
	font-size:16px;
}
.generalmessage{
	font-weight: bold;
	color:#f07216;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;

}


.login {

	background-color:#D2F3FF;
	border: 1px solid #FFFFFF;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
	font-size:12px;
	width: 215px;
	margin-top: 100px;

}
.login input{
	width: 100%;
}

.login a:hover{
 color:#993399;
 text-decoration:none;

}

.footer{
	background-color:#1e71b4;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	line-height: 18px;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 8px;
}
.footer a{
	font-weight: bold;
	text-decoration:none;
	margin-right: 8px;
	color:#FFFFFF;
}
.footer a:hover{
	font-weight: bold;
	text-decoration: underline;
}

/* site content(article) module */
.article-container{
	background-color:#F8F8F8;
	padding: 10px;
	border : 1px dotted #333333;
}

.article-content-container{
	background-color:#fff;
	padding: 10px;
	border: 1px solid #e7e7e7;
	margin-top: 10px;
}
.article-content-container img{
	margin: 0 auto;
}
.article-content-container a img {
	padding: 5px;
	border: 1px solid #b6daf7;
}
.article-content-container a:hover img {
	padding: 5px;
	border: 1px solid #f9b3c8;
}
.article-content-container p{
	vertical-align:text-top;
}
.article-content-container a.title{
	font-weight: bold;
	text-decoration:underline;
	color:#c4023e;
}

.article-preview-list-container{
	margin-top : 5px;	
}

.article-preview-list-title{
	font-weight: bold;
	font-size:16px;
	border-bottom : 1px dotted #e7e7e7
}
.article-preview-list-item{
	border-bottom : 1px dotted #e7e7e7
}

.article-preview-list-item a.title{
	font-weight: bold;
	text-decoration:underline;
	color:#c4023e;
}

.article-preview-list-item p.date{
	font-weight: bold;
	text-decoration:underline;
	color:#c4023e;
}

.veiwalltitle{
	text-align:right;
	
}
.veiwalltitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0059a5;
	font-weight:bold;
	margin-left: 5px;
	
}
.veiwalltitle a:hover{
	color:#C4023E;
	
}
/*end site content module*/

/*article comments */
.comments-container{
	background-color:#fff;
	padding: 10px;
	border: 1px solid #e7e7e7;
	margin-top: 10px;
}

.comments-title{
	color:#0059a5;
	font-weight:bold;
	border-bottom : 1px solid #e7e7e7;
}

.comments-list-container{
	margin-top: 10px;
}

.comment-item{
	margin-bottom: 10px;
	padding : 2px 2px 2px 2px;
	border: 1px solid #F7F7F6;
}
.comment-item-date{
	margin-top: 0.2em;
	color: #7C7D66;
	font-size: 0.92em;
	margin: 1.2em 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;	
}

.comment-item-author{
	margin: 0;
	padding: 0 0 0.1em 0;
	background: url(../images/comment-underline.gif) no-repeat 0 100%;
	font-size: 1.1em;
}	

.comment-item-author a{
	text-decoration:none;
	color:#B26A16;
}

.comment-item-author a:hover{
	color:#FFFFFF;
	background-color:#000000;
}

.categorymenutitle {
	background-color:#1E71B4;
	background-image:url(../images/thead.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
}

.noshow{
	background: url(../images/noshow.png) no-repeat left bottom;
	padding-left: 45px;
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 45px;
}

/** packages related*/
.package-item-container { 
	color: #7a7a7a; 
	margin-bottom:3px;
	border: 1px dotted #488EB2;
	padding : 3px 3px 5px 5px;
}

.package-order-button {
	background: #488EB2;
	width: 150px;
	padding: 1px 16px 5px 16px; 
	margin-bottom : 5px; 
}

.package-order-button a{
	text-decoration: none;
	color: #fff;
}

/** products related*/
.productstable{
	margin: 0 auto;
}

.productstable td{
	border: 1px solid #e7e7e7;
	padding: 5px;
	width: 228px;
}

.productstable td a img {
	padding: 1px 8px 1px;
	/*border: 1px solid #b6daf7;*/
	/*margin : 2px 2px 2px 2px;*/
	margin : 1px -10px;
	/*min-height:94px;
	height:94px;
	height:auto !important;*/
	/*width : 100px;*/
	display : block;
}
/*
.productstable td a:hover img {
	border: 1px solid #f9b3c8;
}
*/
.productstable td p{
	padding: 4px;
	background-color:#fcfeff;
	min-height:300px;
	height:auto !important;
	height:300px;
}

.productstable td a.title{
	font-weight: bold;
	text-decoration:underline;
	color:#c4023e;
	line-height: 28px;
}

.productstable td a.title:hover{
	text-decoration:none;
	color:#07528b;
}

.product-detail-view {
	background-color:#F4F4F4;
	border:1px dotted #DDDDDD;
	margin-bottom:10px;
	padding:10px;
}

.productdetailscontent{
	background-color:#fff;
	padding: 20px;
	border: 1px solid #e7e7e7;
	margin-top: 10px;
}
.productdetailscontent img{
}
.productdetailscontent a img.detail {
	padding: 1px;
	/*border: 1px solid #b6daf7;*/
	/*background: url(../images/zoom-in2.png) no-repeat left bottom;*/
	padding-bottom: 30px;
}
/*
.productdetailscontent a:hover img.detail {
	padding: 1px;
	border: 1px solid #f9b3c8;
	padding-bottom: 30px;
}
*/
.productdetailscontent p{

	vertical-align:text-top;
	line-height: 18px;
}
.productdetailscontent a.title{
	font-weight: bold;
	text-decoration:underline;
	color:#c4023e;
}
.productdetailscontent span.txtprice{
	text-decoration:none;
	color:#3389cd;
	font-weight: bold;
	/*text-transform:uppercase;*/
}
.productdetailscontent span.pricevalue{
	text-decoration:none;
	color:#000;
	font-weight: bold;
}

.txttitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0059a5;
	font-weight: bold;
	text-transform:uppercase;
}
/*
.productdetailimage {
	padding: 4px 8px;
	border: 1px solid #b6daf7;
	padding-bottom: 5px;
}
*/

/** pc customizer related**/
.pccustomizer-section-container{
	background-color:#F4F4F4;
	border:1px dotted #DDDDDD;
	margin-bottom:10px;
	/*padding:5px;*/
	padding : 1px 0px 5px 1px;
}

.pccustomizer-summary-amount{
	font-weight:bold;
	color : red;
}

.pccustomizer-currencysymbol{
	font-weight:bold;
}

.pccustomizer-installmentamount{
	width : 120px;
	text-align:right;
}

.category-menu-link a{
	color : #002D52	
}
.category-menu-link a:hover{
	color:#08A8FE;
}