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

/*body{
font-family:Verdana, Geneva, sans-serif;
margin:0px 0px 0px 0px;
}*/

/*a, a:link, a:visited, a:hover, a:active{
	color:#00C;
	}*/

/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
/*a:link, a:visited {text-decoration:underline; color:#0000CC;}
a:hover{color:#3B3B3B;text-decoration:none;}	*/

/*pages navigation menu*/
/*#pages a:link, #pages a:visited{color:#FFF; text-decoration:none;}*/

/*#slider-nav a:link, #slider-nav a:visited{color:#FFF; text-decoration:none;}*/

/*.titles a:link, .titles a:visited{text-decoration:none;}*/

/*----------------------------------------------*/
/*------------------[OVERWRITE DEFAULT]-----------------*/
/*----------------------------------------------*/




/*------------------------------------------------------*/
/*------------------[VISIT AMPANG PARK]-----------------*/
/*------------------------------------------------------*/

/*#visitampangpark img, #visitampangpark iframe{
	border-width:thick;
	border-color:#000;
	border-style:solid;
	padding:3px;
	background-color:#FFF;
}*/






#msg{
text-align:center;
left:0px;
max-width:400px;
padding:10px;
border-style:dashed;
color:red;
background-color:white;
z-index:10;
}

.msgmsg{
text-transform:uppercase;
font-size:12px;
line-height:1.5em;
font-weight:bold;
}

/*********************************************************************
**
** DISPLAY PRODUCTS for ORDER
**
*/
#orderProducts{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
max-width:1024px;
width:900px;
}

.displayproducts{
padding-left:0px;
padding-right:0px;
line-height:1em;
/*width:100%;*/

}

.displayproducts th{
border-width:0.5px;
border-top:solid;
border-bottom:solid;
border-color:#c7ced1;
}

.displayproducts h1{
text-transform:uppercase;
color:#004989;
font-size:44px;
}

.displayproducts td{
border:medium;
/*border-color:#000000;*/
padding-bottom:1px;
padding-top:4px;
padding-left:2px;
padding-right:2px;
}

.subh1{
text-transform:lowercase;
color:#009DDB;
font-size:38px;
font-weight:normal;
}

.orderName{
text-align:left;
/*cursor:pointer;*/
}

.orderName a:link{
	text-decoration:none;
}

.orderName a:visited{
	font-style:italic;
}

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

.orderName a:active{
	text-decoration:underline;
	color:#0000FF;
}

table.displayproducts th{
background-color:#f3f4f5;
text-align:center;
color:#000;
vertical-align:bottom;
padding-left:2px;
padding-right:2px;
font-size:12px;
}

.displayproducts .abcseperator{
	background-color:#CFCFCF;
	font-size:9px;
	text-decoration:none;
}

.displayproducts .currentalpha{
	font-size: 20px;
	font-weight:bold;
	color:#333;
	padding-left:10px;
	padding-right:400px;
}

.displayproducts .abcseperator a, .displayproducts .abcseperator a:link, .displayproducts .abcseperator a:hover, .displayproducts .abcseperator a:visited{
	text-decoration:none;
	font-size:9px;
	color:black;
	padding-left:3px;
	padding-right:3px;
}

.displayproducts tr:hover{
	background-color:#f3f4f5;
	}

/*.displayproducts #orderPrice:hover{
	font-weight:bold;
	background-color:#CCC;
	}*/
	
/*.displayproducts #orderPrice label:hover{
	cursor:pointer;
	}*/

.displayproducts .qtybox input{
font-size:9px;
}

#orderRetail{	
	font-size:9px;
	font-style:italic;
}

#orderRetail, #orderPrice, #BVPV, #granditems1, #granditems2{
	text-align:right;
	/*padding-left:5px;*/
	}

#grandvalue1, #grandbv1, #grandpv1, #grandvalue2, #grandbv2, #grandpv2{
	padding-left:5px;
}

#BVPV{
font-size:9px;
}

.currentpricing{
color:#F00;
}
.quantity{
text-align:left;
font-size:9px;
}
.productcost{
text-align:right;
font-weight:bold;
}

.errormsg{
font-size:14px;
color:#F00;
text-transform:uppercase;
}
.orderquestion{
text-transform:capitalize;
font-size:24px;
padding-top:10px;
padding-bottom:10px;
}

#productPictures{
position:fixed;
}

#membersFound{

}

#membersFound .loadinto-membersDetails{
	padding-right:30px;
}

#membersFillOut{
display:block;
color:red;
font-weight:bold;
padding:15px;
}

/*#memberfullnamelabel, #memberdeliverylabel, #membercontactlabel, #existingnlidlabel, #existingfullnamelabel, #existingcontactlabel{
color:red;
}*/

#membersAddress input:focus, #membersAddress textarea:focus{
	background-color:#FF9;
	}
	
.memberdetails td{
	line-height:13px;
	vertical-align:middle;
	padding-right:5px;
	clear:none;
}

#membersAddress #memberdetails input{
	}

#membersAddress #memberdetails div{
}

#fastOrders{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#fastOrders input{
font-size:9px;
}

#fastOrders div:hover{
	background-color:#FC0;
	}
	
#placeorder{ /*order button*/	
padding:20px 50px 20px 50px;
}

/* jump to bookmark */
.jumpto{
	float:right;
	font-weight:normal;
	font-size:9px;
}

.jumpto a{
	word-spacing:2px;
	text-decoration:none;	
	padding-right:6px;
}

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

.onpromotion{
	padding-left:3px;
	padding-right:5px;
	background-color:yellow;	
	text-decoration:blink;
}

.onpromotion a{
	color:red;
	font-weight:bold;
}

.priceincrease{
	padding-left:3px;
	padding-right:5px;
	background-color:#C33;
	color:white;
	font-weight:bold;
	text-shadow:none;
}

/************************************************************************
**
** Display Products for Order in the Admin
**
**
*/
.adminorder{
	font-size:12px;
}

.adminorder input{
	font-size:9px;
}
.adminorder td{
	padding-right:10px;
}

#moneycollection img{
	display:none;
}

/*********************************************************
**
** BROWSE PRODUCTS
**
*/
.browseproducts #browseimg  {
	/*background-image: url(../images/fadeblack.PNG);*/
	background:white;
	padding:5px;
	border:thick solid #000;
	text-align:center;
}

.browseproducts tr #browsedescription {
	line-height: 1.5em;
}

.browseproducts h1{
	text-transform: uppercase;
	color:#900;
	font-size:26px;
	font-weight:bold;
}

.browseproducts h2{
	font-weight:bold;
	color:black;
	font-size:16px;
	font-variant:small-caps;
	}

.browsedetails .price{
	width:100px;
}

.browsedetails th{
	background-color:#900;
	color:white;
	padding-left:20px;
	padding-right:20px;
	}
	
.browsedetails colgroup #price {
}

.browsedetails #price{
	text-align:left;
	}
.browsedetails #qty{
	text-align:center;
	}
#browsedescription .browselabel tr th {
	vertical-align: top;
}
.browselabel {
	font-size: 12px;
}

.productlist div{
	padding-right:15px;
	}

.productlist a{
	text-decoration:none;
	}
	
.productlist div:hover{
	background-color:#FC0;
	font-weight:bold;
	text-decoration:underline;
	}


/************************************************************************
**
** Browse for 'group & id & summary
**
** <<function descrtiption>>
**
** @param type $var description 
** @param type $var description
** @param type $var description
** return type description
**
*/
.browsegroup{
	width:250px;
	height:120px;
	float:left;
	padding:0px 40px 20px 0px;
	clear:right;
}

.browsegroup a{
	text-decoration:none;
	font-size:20px;
}

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

.browsegroup img{
	border-width:thick;
	border-style:solid;
	border-color:#FFF;
	padding:4px;
	background-color:#000;
}

.browsegroup img a{
	text-decoration:none;
}

.browsegroup table{
	float:left;
}


.browsesummary a{
	text-transform:lowercase;
}

.browsesummary h3 a{
	font-size:24px;
	font-weight:bold;
	line-height:2.5em;	
	text-transform:uppercase;
}


/*---------------------------------------------*/
/*----------------DELIVERY SERVICE-------------*/
/*---------------------------------------------*/
#deliveryservice img{
}


/************************************************************************
**
** ten days drp
**
** <<function descrtiption>>
**
** @param type $var description 
** @param type $var description
** @param type $var description
** return type description
**
*/
.tendaysdrp{
	border:1px dashed black;
	max-width:1000px;
}
.tendaysdrp th{
	border-bottom:3px dashed gray;
}
.tendaysdrp .name{
	min-width:300px;
}
.tendaysdrp .qty{
	text-align:center;
}
.tendaysdrp .price{
	text-align:right;
	min-width:120px;
}
.tendaysdrp .total{
	font-weight:bold;
	text-align:left;
}
.tendaysdrp .totalprice{
	font-weight:bold;
	text-align:right;
}
.tendaysdrp .totalqty{
	font-weight:bold;
	text-align:center;
}
.tendaysdrp .total, .tendaysdrp .totalqty, .tendaysdrp .totalprice{
	border-top:3px;
	border-top-style:double;
}

.tendaysdrp .productimage{
	vertical-align:top;
	text-align:left;
}

.tendaysdrp .productimage img{
	margin:5px;
}

.tendaysdrp .price, .tendaysdrp .totalprice{
	border-right:dashed 1px;
	padding-right:15px;
}

.tendaysdrp a, .tendaysdrp a:link, .tendaysdrp a:visited{
	text-decoration:none;
	color:black;
}

.tendaysdrp a:hover{
	text-decoration:underline;
	color:blue;
}


/*/////////////////////////////////////////////////////////////////////////
//*/ 

.membershipform table{
	padding:5px;
	}

.membershipform table td{
	vertical-align:top;
	padding:5px;
	}

.minibox table{
	font-size:12px;
	}

.minibox td{
	padding-left:10px;
	padding-right:10px;
	width:250px;
	}
	
.minibox #minibuttons{
	text-align:center;
	text-transform:uppercase;
	}
	
.minibox #minibuttons:hover{
	background-color:yellow;
	}
	
	
/************************************************************************
**
** for /a/ newsletters
**
** <<function descrtiption>>
**
** @param type $var description 
** @param type $var description
** @param type $var description
** return type description
**
*/
.newsletters{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}

.newsletters h1{
	color:#09F;
}

.newsletters .problem{
	color:#F00;
	}
	
.newsletters .thepeople{
	color:#06C;
	}
	
.newsletters .hope{
	color:#F60;
	}
	
.newsletters .calltoaction{
	font-style:italic;
	}

.newsletters .boldstatements{
	color:#FFF;
	background-color:#06F;
	font-weight:bold;
	font-size:16px;
	padding:5px;
	}
	
.recentvisitors img{
	border:none;
}

.small{
	font-size:10px;
}

/************************************************************************
**
** For Trigo
**
** <<function descrtiption>>
**
** @param type $var description 
** @param type $var description
** @param type $var description
** return type description
**
*/
#notTrigo a:hover{
	background-color:#F9F;
}

#yesTrigo a:hover{
	background-color:#690;
}

/************************************************************************
**
** for Placement Tree
**
**
*/
#placementtreeadmin td{
	padding:5px;
	padding-right:30px;	
}
#placementtreeadmin th{
	font-size:14px;	
	padding-right:30px;	
}

/************************************************************************
**
** for Product Price Single Page
**
**
**
*/
#productPrice ul{
	font-size:40px;
	text-align:center;
	height:40px;
	padding-top:20px;
	font-weight:bold;
}

#productPrice .small{
	font-weight:normal;
	font-size:14px;	
}

.singleorder #soqty{
	text-align:center;
}

.singleorder h4{
	padding-top:10px;
	font-size:16px;
}

#productPrice2 ul{
	font-size:40px;
	text-align:center;
	height:70px;
	padding-top:20px;
	font-weight:bold;
}

#productPrice2 .retailstrike{
	font-weight:normal;
	font-size:20px;	
	/*text-decoration:line-through;*/
}

#productPrice2 .small{
	font-weight:normal;
	font-size:14px;	
}

.productglance{
	padding-left:10px;
	padding-bottom:65px;
	padding-right:15px;
	float:left;
	width:150px;
	height:150px;
	background-color:#e7e9eb;
	text-align:center;
	font-size:12px;
}

/*ask to enable javascript on website*/
.enablejavascript{
	padding-top:15px;
	style="color:red;
	font-weight:bold;
}

/*article footer Question*/
.articlebottomquestion{
	 padding-top:25px;
	 font-size:30px;
}

.articlebottomcontact{
	padding-top:5px;
}

/* kangaroo dockets */
#docketprint{
	width:280px;
	padding-left:320px;
	font-size:15px;
	padding-top:90px;
}