/*######################################   AI_MAIN_STYLE.CSS    ################################################*/

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
font: 10pt "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

	a:link{
		color: blue;
		text-decoration: none;
	}
	
	a:visited{
		color: blue;
		text-decoration: none;
	}
	
	a:active{
		color: blue;
		text-decoration: none;
	}
	
	a:hover{
		color: blue;
		text-decoration: none;
	}
								/*#############################################





##########################################   LEFT  SIDE  BAR   ##################################################*/
#framecontentLeft, #framecontentRight{
position: fixed;
top: 140px; 
left: 0; 
width: 167px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #ffffff;
color: white;
}

.innertubeleft{
margin: 10px;
}
		/*####################Start Menu Buttons on Left######################*/
		.glossymenu{
		margin: 0;
		padding: 0;
		width: 145px; /*width of menu*/
		border: 2px outset #9A9A9A;
		border-bottom-width: 1px;
		}

		.glossymenu a.menuitem{
		background: black url(images/glossyback.gif) repeat-x bottom left;
		font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color: white;
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 4px 0;
		padding-left: 10px;
		text-decoration: none;
		}


		.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
		color: white;
		}

		.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
		position: absolute;
		top: 5px;
		right: 5px;
		border: none;
		}

		.glossymenu a.menuitem:hover{
		background-image: url(images/glossyback2.gif);
		}

		.glossymenu div.submenu{ /*DIV that contains each sub menu*/
		background: white;
		}

		.glossymenu div.submenu ul{ /*UL of each sub menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

		.glossymenu div.submenu ul li{
		border-bottom: 1px solid blue;
		}

		.glossymenu div.submenu ul li a{
		display: block;
		font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color: black;
		text-decoration: none;
		padding: 2px 0;
		padding-left: 10px;
		}

		.glossymenu div.submenu ul li a:hover{
		background: #eaeaea;
		color: black;
		}
		/*####################End Menu Buttons on Left#####################*/
		
		.add{
		}

/*#######################################   END  LEFT  SIDE  BAR   ###############################################

				
						######################################################
								###################################
										#################
								###################################
						######################################################
				
		
##########################################   RIGHT  SIDE  BAR   ################################################*/
#framecontentRight{
left: auto;
right: 0; 
width: 0px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #ffffff;
color: black;
text-align:center;
}

.innertuberight{
margin-top: 10px;
}
/*########################################    END  RIGHT  SIDE  BAR   ############################################


						######################################################
								###################################
										#################
								###################################
						######################################################


###############################################    TOP  BAR    ##################################################*/
#framecontentTop{
position: fixed;
top: 0;
left: 0; /*Set left value to WidthOfLeftFrameDiv*/
right: 0; /*Set right value to WidthOfRightFrameDiv*/
width: auto;
height: 140px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #88b9f1 url(images/topbar.png) repeat-x bottom;
color: white;
font-size: 10pt;
border-bottom: groove 2px blue;
}

#TitleImg{
	margin-top:15px;
	margin-left:5px;
}

.innertubetop{
	margin: 7px 10px 10px 10px;
}
		
		.topimage{
			height: 85px;
			margin: 10px 0 0 0;
		}
		
		.cart{
			float: right;
			clear: left;
		}
		
		/*######### TOP NAV BUTTONS #########*/
		
		.topnavul{
			float: right;
			clear: left;
			margin: 0;
			padding: 0;
			font-size: 9pt;
		}
		
		.topnavul li{
			display: inline;
			padding: 0;
			list-style: none;
			margin: 0;
		}
		
		.topnavul a{
			color: white;
			text-decoration: none;
		}
		
		.topnavul a:hover{
			color:white;
			text-decoration: underline overline;
		}
		/*######### END TOP NAV BUTTONS #########*/

		
* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}
/*##########################################   END  TOP  BAR   ###################################################


						######################################################
								###################################
										#################
								###################################
						######################################################


##########################################   MAIN  CONTENT   ####################################################*/
#maincontent{
position: fixed; 
top: 142px; /*Set top value to HeightOfTopFrameDiv*/
left: 167px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: auto; 
background: #fff;
}

.innertubemain{
margin: 2% 2% 2% 2%;
text-align: center;
}

.innertubeinfomain{
	margin: 2% 2% 2% 5%;
}

		#front_product_table{
		}
		
		#front_product_table img{
			border: none;
			height: 100px;
		}
		
		.product_cells{
			border: 1px groove blue;
		}

		#come_soon{
			text-align: left;
			width: 470px;
			border: solid 2px blue;
			padding: 20px;
		}
		
		#products{
			text-align: left;
			width: 130px;
			border: solid 2px blue;
			padding: 20px;
		}
		
		.magnify{
			float: right;
		}

		#contact_main{
			margin: 0 10%;
		}

		#footer{
			padding-top: 50px;
			text-align: center;
			font-size: 7pt;
			color: #a4a4a4;
		}
		
		#footer a{
			color: #a4a4a4;
			text-decoration: underline;
		}
		
* html body{ /*IE6 hack*/
padding: 142px 0px 0 167px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}
/*############################################   END  MAIN  CONTENT   ###########################################*/