/* 
style sheet design for AAG 
by loptar : rattapol at gmail.com
since 01-12-2004
edit 10-02-2006
***************************************
*/

/* html re-tag ------------------------------------------- */

body {
	font-family: Tahoma, Loma, Thonburi, sans-serif;
	font-size: 10pt;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	color: #000000;
	scrollbar-face-color:#334477;
	scrollbar-track-color:#FA9625;
	scrollbar-shadow-color:#9999BB;
	scrollbar-darkshadow-color:#9999BB;
	scrollbar-highlight-color:#9999BB;
	scrollbar-3dlight-color:#9999BB;
	scrollbar-arrow-color:#FFFFFF;
}

td {
	font-family: Tahoma, Loma, Thonburi, sans-serif;
	font-size: 10pt;
}

img {border: 0px;}

hr {
	height: 1px;
	width: 98%;
	color: #FF6600;
	background-color: #FF6600;
}

ul {
	color: #444444;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
}

h1 {
	font-size: 18pt;
	font-weight: bold;
	color: #999900;
}

h2 {
	font-size: 14pt;
	font-weight: bold;
	color: #999900;
}

h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #999900;
}

h4 {
	font-size: 10pt;
	font-weight: bold;
	color: #999900;
}

h5 {
	font-size: 8pt;
	font-weight: bold;
	color: #999900;
}


/* link style ------------------------------------------- */

a:link {color:#336699; text-decoration : none;}
a:visited {color:#336699; text-decoration : none;}
a:active {color:#6699CC; text-decoration : none;}
a:hover {color:#6699CC; text-decoration : none;}

a.nav:link {color: #CCCCFF; text-decoration: none;}
a.nav:active {color: #CCCCFF; text-decoration: none;}
a.nav:visited {	color: #CCCCFF; text-decoration: none;}
a.nav:hover {color: #EEEEFF; 	text-decoration: none;}

a.contents:link {	color: #FFFF99; text-decoration: none;}
a.contents:active {color: #FFCC66; text-decoration: none;}
a.contents:visited {color: #FFCCCC; 	text-decoration: none;}
a.contents:hover {	color: #FFFFFF; 	text-decoration: none;}


/* define style ------------------------------------------- */

#blockHead {
	border-bottom: 1px solid #FA8615;
	padding: 0px;
	background-color: #888888;
	background-image: url(../images/bg_head.jpg);
	color: #FFFFFF;
}

#blockFooter {
	border-top: 1px solid #FA8615;
	padding-left: 200px;
	margin-left: 200px;
	background-color: transparent;
}

#blockCounter {
	border: 1px solid #0033CC;
	padding: 4px;
	padding: 3px 12px 3px 12px;
	background-image: url(../images/bg_brushedmetal.jpg);
	font-size: 11pt;
	font-weight: bold;
	color: #222222;
	text-align: center;
}

#mainContent {
	padding: 8px;
	margin: 0px;
	font-size: 10pt;
	color: #000000;
}

#leftColumn {
	border-right: 1px solid #FA8615;
	width: 220px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#floatBox { /* to define whole floating box */
	border: 3px solid #FA6210;
	background-color: E2E2E2;
	width: 190px;
	padding: 0px;
	margin: 4px;
	font-size: 10pt;
	color: #222222;
	line-height: 16pt;
	text-align: right;
}

#floatHeader { /* to define floating box header */
	border-bottom: 3px solid #FA6210;
	background-color: #000000;
	padding: 5px;
	margin: 0px;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.floatText {padding: 5px;}

#listBox { /* to define product listing box */
	border-bottom: 1px dashed #FA6210;
	background-color: transparent;
	padding: 2px;
	margin: 4px;
	font-size: 10pt;
	color: #222222;
}

.catsummary {
	border: 3px solid #FA6210;
	width: 187px;
	padding: 0 0 0 3px;
	margin: 4px;
	font-size: 10pt;
	color: #222222;
	line-height: 16pt;
	background-color: #E2E2E2; /*#CCFFFF; */
	text-align: left;
}

tr.head {
	background-color: #0099CC;
	font-weight: bold;
}

tr.odd {background-color: #666666;}

tr.even {background-color: #0099CC;}

.bodytext {color: #000066;}

.contentbody {background-color: #FFFFFF;}

.textMenu {
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5 7 5 7;
	margin: 2;
}

.textCurrentMenu {
	font-weight: bold;
	color: #Fa8615;
}

.textSubMenu {
	font-size: 9pt;
	font-weight: bold;
	color: #FF3333;
}

.contentHead { /* define a header box in content */
	border: 1px solid #FA6210;
	/* background-image: url(../images/bg_stripes.jpg);  add 2005-05-26 */
	background-color: #FFFF99;
	margin: 4px;
	padding: 3px 12px 3px 12px;
	font-size: 11pt;
	font-weight: bold;
	color: #111111;
	text-align: center;
}

.textFooter {
	padding: 6px;
	margin: 6px;
	font-size: 9pt;
	color: #FA8615;
}

.imgContent {
	padding: 3px;
	margin: 3px;
	float: right;
	border: 2px dashed #CC9900;
}

.imgProd_S {
	padding: 3px;
	margin: 3px;
	float: right;
	border: 2px dashed #CC9900;
}

.imgProd_M {
	padding: 3px;
	margin: 3px;
	float: right;
	border: 3px dashed #CC9900;
}

.imgProd_L {
	padding: 3px;
	margin: 3px;
	float: right;
	border: 4px dashed #CC9900;
}

input.button {
	font-family: Tahoma, Loma, Thonburi, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #F5FFDD;
	border: 2px solid #FA9B3C;
	background-color: #ED7965;
	cursor: pointer;
	margin: 4px;
}

input.textbox {
	font-family: Tahoma, Loma, Thonburi, sans-serif;
	font-size: 10pt;
	border: 2;
	border-style: solid;
	border-color: #ED7965;
	background-color: #FFFFFF;
	background-image: url(../images/bg_input.gif);
	margin: 3px;
}

textarea.textbox {
	font-family: Tahoma, Loma, Thonburi, sans-serif;
	font-size: 9pt;
	border: 2;
	border-style: solid;
	border-color: #ED7965;
	background-color: #FFFFFF;
	background-image: url(../images/bg_input.gif);
	margin: 3px;
}

select.dropbox {
	font-family: Tahoma, Loma, Thonburi, sans-serif;
	font-size: 9pt;
	border: 2;
	border-style: solid;
	border-color: #ED7965;
	margin: 3px;
}

.bbcwhite {color: #FFFFFF;}
.bbcblack {	color: #000000;}
.bbcred {color: #FF3366;}
.bbcblue {color: #CCFFFF;}
.bbcyellow {color: #FFFF00;}
.bbcorange {color: #FF9966;}
.bbcgreen {color: #99FF66;}
.bbccyan {color: #333399;}