/* ++++++++++++++ GENERAL STYLES +++++++++++++++ */

* {
	margin: 0;
	padding: 0;
}
body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
p, td, pre {
	color: #111;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

/* Link styles */
#content a {  color: #2d86cb;	text-decoration: none;}
#content a:hover {	color: #206499;	text-decoration: underline; }

a {	color: #FFCC00;	text-decoration: underline;}
a:hover {	text-decoration: none; }

a.arrow { background: url(../images/CSS/button_arrow1.jpg) no-repeat left center; padding-left: 12px; text-decoration: none; }	
a.arrow:hover { text-decoration: underline; }	

span.small {
	font-size: 0.8em;
}

/* Headline styles */
h1 {
	color:#000;
	padding: 5px 0 3px 0;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 1.8em;
}
h1.title {
	padding: 10px 0 3px 0;
	font-size: 22px; color: #444;
	border-bottom: 1px solid #d6d6d6;
}
h1.title img {
	margin-bottom: 1px;
}
h2 {
	color: #000;
	line-height: 1.3em;
	padding: 10px 0 5px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
}
h2.loginTitle {
	color: #CC9933;
}

h3 {
	color:#000;
	line-height: 1.3em;
	margin: 0;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
}
h4 {
	color:#222;
	line-height: 1.2em;
	margin: 0;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
}

/* List styles */
ul, ol {
	margin: 0 0 0 20px;
	/*list-style-image: url(../images/CSS/navArrowOrange.gif);*/
}

ol li {
    padding: 0px 0px 4px 0px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     color:#333;
     margin-left: 5px;
}

ul li {
   list-style-type: none;
   padding: 0px 0px 4px 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color:#333;
   list-style-image: url(../images/CSS/navArrowOrange.gif);
}



/* Image styles */
a img, img, fieldset, form { border: none; }


/* Form elements styles */

label, td {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;	
	color: #333;
}
label { margin-right: 5px; }

input, select, textarea {
	border: 1px solid #999;
	font-size: 1.1em;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;	
}
input.radio {
	border: none;	
}

/* ++++++++++++++ SEPCIAL STYLE +++++++++++++++ */

/* Home Login  */
#content p.date { font-size: 10px; color: #666; font-style: italic;}


/* Home Ad Space  */
#wrapper #content .adspace { width: 725px;  }
	#wrapper #content .adspace #homeRotateSwf, 
	#wrapper #content .adspace .homeImg { 	width: 725px; height: 193px; padding: 10px 0; }
	#wrapper #content .adspace .homeImgTxt { border: 1px solid #999; width: 723px; height: 193px; margin: 15px 0;  }
		#wrapper #content .adspace .homeImgTxt img { float: left; margin-right: 15px; }
		#wrapper #content .adspace .homeImgTxt .homeImgTxtCnt { width: 270px; float: left; padding: 10px;}
	#wrapper #content .adspace .homeTxtImg { border: 1px solid #999; width: 723px; height: 193px; margin: 15px 0;  }
		#wrapper #content .adspace .homeTxtImg .homeTxtImgCnt { width: 270px; float: left; padding: 10px 10px 10px 25px;}
		#wrapper #content .adspace .homeTxtImg img { float: right; margin-left: 15px; }
	#wrapper #content .adspace .homeTxt { border: 1px solid #999; height: 160px; width: 673px;  padding: 15px 25px; margin: 15px 0; }
		
	
	
/* Home Boxes  */
#wrapper #content .homeBox { float: left; position: relative; width:240px; margin: 5px 2px 7px 0; height:228px;}
	#wrapper #content .homeBox .homeBoxImgTxt { border: 1px solid #999; height: 226px; overflow:hidden;}
		#wrapper #content .homeBox .homeBoxImgTxt img { border-bottom: 1px solid #999; margin-bottom: 5px; }	
		#wrapper #content .homeBox .homeBoxImgTxt .boxBody { padding: 0px; margin: 0px; }
		#wrapper #content .homeBox .homeBoxImgTxt .boxBody .boxCnt { padding: 3px 10px 0px 10px; margin: 0;  }	
	#wrapper #content .homeBox .homeBoxTxt { border: 1px solid #999; height: 226px; overflow:hidden;}	
		#wrapper #content .homeBox .homeBoxTxt .boxBody { padding: 0px; margin: 0px; }
		#wrapper #content .homeBox .homeBoxTxt .boxBody .boxCnt { padding: 15px 10px 20px; margin: 0;  }	
	#wrapper #content .homeBox #homeBoxFlash1,	
	#wrapper #content .homeBox #homeBoxFlash2,	
	#wrapper #content .homeBox #homeBoxFlash3 { height: 205px; }
	#wrapper #content .homeBox .homeBoxImg { border: 1px solid #999; height: 226px; }
	#wrapper #content .homeBox .homeBoxImg img { }
	#wrapper #content #HomeBoxRight { margin-right: 0px; }	
	
	#wrapper #content .homeBox .boxBody .boxMore { 
		background:transparent url(../images/CSS/box_more_bg2.jpg) no-repeat scroll right top;
		position: absolute;	 height: 25px;	bottom: 0; right: 0; text-align: right; float: right; width: 60px; }
		#wrapper #content .homeBox .boxBody .boxMore a { 
		display: block; font-size:1.1em; line-height: 25px;	padding-right: 10px; color: #FFF; text-decoration: none; }
		#wrapper #content .homeBox .boxBody .boxMore a:hover { text-decoration: none; color: #FFCC00; }


/* Content Table */
#wrapper #content table { width: 100%; border: none; border-spacing: 1px; font-size: 1.1em; }
	#wrapper #content table th { padding: 4px 5px 4px 7px; background-color: #333; color: #FFF; border-bottom: 3px solid #FFCC00; }
	#wrapper #content table td { padding: 3px 5px 3px 7px;  }
	#wrapper #content table td.img { width: 155px; padding: 0 0 0 5px; background-color: #FFF; vertical-align: top;  }

/* Products Boxes */
#wrapper #content .boxContainer {}
#wrapper #content .boxContainer .clear {	padding-bottom: 15px;	}
#wrapper #content .boxContainer .productsBox {
	border: 1px solid #999; width: 47%; position: relative; margin-right: 2%; float: left;}
	#wrapper #content .boxContainer .productsBox .productsImg {
	float: left; margin: 0 10px 0 0; background-color: #CCC; width: 145px; height: 190px;
	border: 1px solid #999; border-width: 0px 1px 0 0 ;}
	#wrapper #content .boxContainer .productsBox .productsImg img {	width: 145px; height: 190px; }
	#wrapper #content .boxContainer .productsBox .productsBoxBody { padding: 0px; margin: 0px; }	
		#wrapper #content .boxContainer .productsBox .productsBoxBody .productsBoxCnt { padding: 0 10px 20px 0px; margin: 0pt 0pt 0pt 155px; }
		#wrapper #content .boxContainer .productsBox .productsBoxBody .boxMore { 
		background:transparent url(../images/CSS/box_more_bg2.jpg) no-repeat scroll right top;
		position: absolute;	 height: 25px;	bottom: 0; right: 0; text-align: right; float: right; width: 60px; }
			#wrapper #content .boxContainer .productsBox .productsBoxBody .boxMore a { 
			display: block; font-size:1.1em; line-height: 25px;	padding-right: 10px; color: #FFF; text-decoration: none; }
			#wrapper #content .boxContainer .productsBox .productsBoxBody .boxMore a:hover { text-decoration: none; color: #FFCC00; }

/* Contact Info */
.contactsTableBoxLeft { float: left; width: 48%;  }
.contactsTableBoxRight { float: right; width: 48%;  }

/* Contacts Boxes */
#wrapper #content .boxContainer .contactsBox {
	padding: 0 10px 0 0; border: 1px solid #999; width: 31%;
	margin-right: 0.75%; float: left;
}
#wrapper #content .boxContainer .contactsBox .contactsImg {
	float: left; margin: 0 10px 0 0; background-color: #CCC; width: 90px; height: 120px;}
	#wrapper #content .boxContainer .contactsBox .contactsImg img {	width: 90px; height: 120px; }
#wrapper #content .boxContainer .contactsBox .contactsBody {	margin-left: 100px; padding: 7px 0 5px 0;}
	#wrapper #content .boxContainer .contactsBox .contactsBody h3 { padding-bottom: 0px !important; }
	#wrapper #content .boxContainer .contactsBox .contactsBody p.title { font-weight: bold; color: #CC9933; padding-bottom: 5px !important; }

#wrapper #content .contactsBox table { border: none; font-size: 1em; border-spacing: 0px; width: auto;}
	#wrapper #content .contactsBox table td { padding: 0 7px 1px 0; vertical-align: top;   }