/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
* {
	margin: 0; 
	padding: 0; 
	border: 0; 
}


body {
	height: 100%;
	background-color:#3D3D3D;
	
	font: 12px 'Lucida Grande', Verdana, sans-serif;
	color: #3D3D3D;
}
a { 
	color: #0CF;
	text-decoration: none; 
}
a:hover { 
	color: #3D3D3D; 
}
h1 {
	font-weight:bold;
}

.s01 {
	color: #0CF;
	font-weight:bold;
	
}
.s02 {
	color: #F00;
	font-weight:bold;
	
}




/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
.header { 
	background:#3D3D3D url(../img/general/blue_bg.gif) repeat-x;
	height: 11px;
	margin: 0 auto;	
}
.newsletterSubmit {
	background:#fff url(../img/general/newsletter_bg.gif) repeat-x;
	height: 46px;
	margin: 0 auto;	
}

/*------------------------------------------------------------*
**  Wrapper
**------------------------------------------------------------*/	
.wrapper {
	position: relative;
	text-align: center;
	background-color:#fff;
}	

.inner {
	position: relative;
	width: 640px;
	margin: 0 auto;
}
.inner02 {
	position: relative;
	width: 640px;
	margin: 0 auto 40px auto;
}
.indexProductFlash{
	position: relative;
	width: 680px;
	margin: 0 auto;
}
.shortFlash{
	position: relative;
	width: 680px;
	margin: 0 auto;
}

/*------------------------------------------------------------*
**  Columns
**------------------------------------------------------------*/
.column01, .column02, .column03{
	float:left;
	text-align:left;
}
.column01{
	width: 303px;
	margin: 20px 0 40px 20px;
}
.column02, .column03{
	width: 317px;
	background-color:#EFEDED;
	margin: 20px 0 40px 0;
}
.column03{
	padding: 25px 0;
}
.column01 p{
	padding: 2px 0 15px 0;
}
.column01 h1, .column01 h2, .column01 h3{
	font-weight:bold;
	font-size:12px;
}
.column01 h1{
	color:#0CF;
	padding: 0 0 5px 0;
}
.column01 h2{
	padding: 0;
}
.column01 h3{
	color:#0CF;
	padding: 5px 0 0 0;
}
.column01 a { 
	color: #3D3D3D;
	text-decoration: none;
}
.column01 a:hover { 
	color: #0CF; 
}
.column03 p{
	padding: 0 12px 10px 12px;
}

/*----------------------------------*/
.collectionSpacer{
	float:left;
	width: 154px;
	margin: 8px 7px 0 0;
}
.collectionSquare01, .collectionSquare02, .collectionSquare03 {
	float:left;
	width: 155px;
	text-align:left;
	background-color:#EFEDED;

}
.collectionSquare01 {
	width: 154px;
	margin: 8px 7px 0 0;
	line-height: 18px;
}
.collectionSquare01 p {
	margin: 18px 0 18px 18px;
}
.collectionSquare01 p.p2 {
	margin: 30px 0 10px 18px;
}
.collectionSquare02 {
	margin: 8px 7px 0 0;
}
.collectionSquare03 {
	margin: 8px 0 0 0;
}
/*----------------------------------*/
.article01, .article02, .article03, .article04, .article05 {
	float:left;
	width: 155px;
	text-align:left;
}
.article01 {
	width: 154px;
	margin: 8px 7px 0 0;
	line-height: 18px;
	font-size: 11px;
	background-color:#EFEDED;
}
.article01 p, .article05 p {
	margin: 6px 12px 4px 18px;
}
.collectionSquare01 p.lastP, .collectionSquare05 p.lastP {
	margin: 4px 12px 20px 18px;
	color: #0CF;
}
.article01 h1, .article05 h1 {
	margin: 18px 12px 4px 18px;
	font-size: 11px;
	color:#0CF;
}

.article02 {
	width: 478px;
	margin: 8px 7px 0 0;
}
.article02 img{
	border: none;
}
.article02 img.topSpace{
	margin: 8px 0 0 0;
}
.article02 img.topAndBottomSpace{
	margin: 8px 0;
}
.article02 a {
	margin: 0 0 0 5px;
}
.article03, .article04, .article05 {
	margin: 8px 0 0 0;
	background-color:#EFEDED;
}
.article03 form {
	margin: 18px 12px 20px 12px;
}
.article04 p{
	line-height: 18px;
	font-size: 11px;
	margin: 12px;
}
.article05 {
	line-height: 18px;
	font-size: 11px;
}

.collectionNav {
	float:left;
	width: 640px;
	text-align:left;
	background-color:#EFEDED;
	margin: 12px 0 0 0;
}
.collectionNav p {
	line-height: 16px;
	font-size: 11px;
	margin: 5px 5px 5px 10px;
}
.rightNav {
	margin: 0 0 0 195px;
}

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/	
/*++++++++++++++++++++++++*/
/* BEGIN MAIN NAV LAYOUT */

.navContainer{
	position: relative;
	width: 720px;
	height: 60px;
	margin: 0 auto;
	background:#fff url(../img/general/logo_flap.jpg) no-repeat right;
}
#mainnav {
	width: 640px;
	margin: 0 auto;
	
}
#mainnav ul {
	
}

#mainnav li {
	display: inline;
	list-style: none;
}

#mainnav a {
	float: left;
	text-decoration: none;

	padding: 8px 33px 0 15px;
}
#mainnav a:link, #mainnav a:visited {
	color: #3D3D3D;
}

#mainnav a:hover, #mainnav a:active,
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
	background-image:url(../img/general/nav_arrow.png);
	background-repeat: no-repeat;
	color: #0CF;
}

/* END MAIN NAV LAYOUT */

	

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
.content {
	width: 100px;
	height:11px;
	margin: 0 auto;
}
.content p {
	margin: 5px;
}	
.indexBox1, .indexBox2 {
	float: left;
	width: 320px;
	text-align: left;
}
.indexBox1 {
	margin: 20px 0 10px 0;
}
.indexBox2 {
	margin: 10px 0 30px 0;
}
.indexBox1 p, .indexBox2 p {
	padding: 2px 10px 8px 10px;
}
.indexBox1 h1, .indexBox2 h1 {
	font-size: 12px;
	color: #0CF;
	padding: 10px 0 0 10px;
}

div.scrollSized {
	width: 320px;
	height: 100px;
	overflow: auto;
	border: 0px;
}
div.scrollSized2 {
	width: 303px;
	height: 300px;
	overflow: auto;
	border: 0px;
}
div.scrollSized p {
	padding: 2px 10px 8px 10px;
}
div.scrollSized h1 {
	font-weight:bold;
	color: #3D3D3D;
	padding: 2px 10px 0px 10px;
}
div.scrollSized2 p {
	padding: 2px 10px 8px 0;
}
div.scrollSized2 h1 {
	font-weight:bold;
	color: #3D3D3D;
	padding: 2px 10px 0 0;
}



/*------------------------------------------------------------*
**  Form Area
**------------------------------------------------------------*/
.newsletterSubmit {
	background:#fff url(../img/general/newsletter_bg.gif) repeat-x;
	height: 52px;
	margin: 0 auto;	
}

 .formArea {
 	float: left;
 	width: 295px;
 	padding: 14px 0 0 25px; 
 	/*height:52px;*/
 }
.formArea img {
	vertical-align: top;
}
.formArea form {
	
}
.formArea input {
	width: 210px;
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
	margin-top:2px;
}
.formArea input.myBtn{
	width: auto;
	margin-top:1px;
	vertical-align: top;
	border:none;
}

.formText {
	float: left;
	width: 320px;
	height:46px;
}
.formText p {
	padding: 14px 0 0 0;
	font-size:10px;
	color:#999;
}

.column02 form{
	margin: 15px 10px;
	font-size:10px;
	color:#999;
}
.column02 input, .column02 textarea {
	width: 295px;
	
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
	
	margin: 0 0 4px 0;
	font-size:11px;
	color:#666;
}
.column02 #send {
   width : 100px ;
}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
.footer {
	position: relative;
	width: 100%;
	height: 26px;
}
.footer p{
	font-size: 9px;
	color: #0CF;	
	
	text-align: center;
	padding: 12px 0;
}
.footer a{
	color:#0CF;
}
.footer a:hover { 
	color: #fff; 
}