/*
basic stylesheet for all template in art4d.com
create 27-10-2004
edit 20-05-2005
*/


/*
basic -----------------------------------------
*/

body, td, input, textarea, select {font-family: Verdana, Tahoma, Thonburi, Loma, Arial, sans-serif;}

body {
	font-size: 0.85em; /* equal to 10pt base on 16pt tahoma as default font */
	padding:5px;
	margin:5px;
	background:#FFFFFF;
	color: #000000;
	min-height:100%;
	scrollbar-face-color:#FFFFFF;
	scrollbar-track-color:#EFEFEF;
	scrollbar-shadow-color:#666666;
	scrollbar-darkshadow-color:#666666;
	scrollbar-highlight-color:#666666;
	scrollbar-3dlight-color:#666666;
	scrollbar-arrow-color:#666666;
}

html, body {height:100%}

html>body {height:auto;} /* for mozilla as IE treats height as min-height anyway */

.iframe1, .iframe2 {
	padding:0;
	margin:0;
}

img {border:0;}

a:link, a:visited, a:active, a:hover {text-decoration : none;}



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

hr {
	height: 1px;
	width: 100%;
	border: none;
}

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



/*
form element : general formatting
*/

form.singleline {display: inline;}

input, textarea, select { 
	font-size: 80%;
	border: 1px solid;
	margin: 2px;
	padding: 1px;
}

input.button {
	font-weight: bold;
	cursor: pointer;
}

select.dropbox {
	font-size: 75%;
	display: inline;
	margin: 1px;
}



/*
id and class : general formatting
*/

.head1, .head2, .head3, .head4, .head5, .head6 {font-weight: bold;}

.head1 {font-size: 150%;}

.head2 {font-size: 115%;}

.head3 {font-size: 100%;} /* standard font size for this template = 0.85em */

.head4 {font-size: 90%;} 

.head5 {font-size: 75%;}

.head6 {font-size: 65%;}

/* .iframe2 {font-size: 90%;} */

.contentBorder {border: 1px solid;}

.contentBorderUp {border: 1px solid; border-bottom: 0;}

.contentBorderLo {border: 1px solid; border-top: 0;}

.tabHead {font-size: 80%;}

.tabData {font-size: 75%;}

.tabCurrent {
	font-size: 75%;
	font-weight: bold;
}

#imgHead {
	padding: 0;
	margin: 0;
}

.imgContent1 {
	padding: 0 5 0 2px;
	margin: 0;
	float: left;
}

.imgContent2 {
	margin: 0;
	padding: 3px;
}

.imgList {
	padding: 0;
	margin: 8px;
}

.prodList {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-style: dashed;
}

.textContent {
	font-size: 75%;
	padding: 6px;
	margin: 0;
}

#textContent {
	font-size: 75%;
	padding: 6px;
	margin: 0;
}

.textSubContent {
	font-size: 65%;
	padding: 4px;
	margin: 0;
}

#textSubContent {
	font-size: 65%;
	padding: 4px;
	margin: 0;
}

.textFooterMain, .textFooter {
	font-size: 60%; 
	line-height:11pt;
}

.textFooterMain {font-weight: bold;}

.textMenu, .textMenuCurrent {
	font-size: 90%;
	font-weight: bold;
}

#menuFloat {
	font-size: 100%; 
	line-height:11pt;
	padding: 4px;
	border: 1px solid;
	background-color: transparent;
	background-image: url(images/bg_menufloat.gif);
}

.commentHead {font-size: 120%; font-weight: bold;}

#commentBlock {
	font-size: 100%;
	border: 1px dotted;
	padding: 6px;
	margin: 3px;
}

#commentSection { padding: 6px; margin: 0px;}

#formlink { padding: 6px; margin: 4px;}

.columnhead {
	font-size: 115%;
	font-weight: bold;
	border: 0;
	padding: 4px 4px 4px 16px;
}

.columnleft {
	width: 220px; 
	float: left; 
	text-align: right; 
	padding: 2px;
}

.columnright {
	margin-left: 222px; 
	text-align: left; 
	padding: 2px;
	padding-bottom: 8px;
}

.bbcwhite {color: #FFFFFF;}

.bbcblack {color: #000000;}

.bbcred {color: #FF3366;}

.bbcblue {color: #CCFFFF;}

.bbcyellow {color: #FFFF00;}

.bbcorange {color: #FF9966;}

.bbcgreen {color: #99FF66;}

.bbccyan {color: #333399;}