/* AeroGiants - Kits para 3D / Freestyle / IMAC 
   agiants_v2b.css - CSS codes for the main page sections
   http://www.aerogiants.com/
   
   Created: 18 September 2009
   Last modified: 23 February 2011 */
   
/* Here's the general declarations, which are common to all pages */

body
{
	background: #ffffff;
	text-align: center;
	color: #333333;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:verdana, arial, sans-serif;
}

#CONTAINER		/* The container for all site sections */
{
	margin: 5px auto 0;
	width: 950px;
}

#TOPLOGO		/* Logo area on top of every page */
{
	border-bottom: 2px solid #C0C0C0;
	height: 95px;
	text-align: center;
	vertical-align: top;
}

#TOPMENU		/* Top menu container */
{
	height: 30px;
	width: 950px;
	vertical-align: top;
}

A:hover.headerLinks 
{ 
color: navy; 
text-decoration:underline 
}

A.headerLinks
{ 
color: #444; 
text-decoration:none 
}

.headerLinks
{ 
font-family: Verdana; 
font-size: 10pt; 
color: #444;
}

/* Menu on top of every page, containing links to the main site sections */
/* Main top menu CSS - Adapted from the original available at:
    http://www.cssplay.co.uk/menus/drop_examples.html */
    
 /* common styling */
.menu2 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:13px; border-top:1px solid #ffffff;
background:#ddd url('images/menu2.gif') repeat-x; 
margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0; 
}
.menu2 ul {
padding:0; margin:0;list-style-type:none;
}

.menu2 ul.main {
padding:0; padding-left: 110px; margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative;
}
.menu2 ul li.group {display:block; text-indent:10px; background:#666; color:#ff0; width:152px; padding:4px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; color:#444; padding:0px 40px; line-height:25px; height:30px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {background:#aaa url('images/sub2a.gif'); color:navy}

.menu2 ul li:hover a {background:#aaa url('images/sub2a.gif'); color:navy}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#aaa; margin-top:1px; left:0; width:152px;
}

.menu2 ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; background:#aaa; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px;
}
.menu2 ul li:hover ul li a.drop {
background:#888;
}
.menu2 ul li:hover ul li a:hover {
color:#ff0; background: #888;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888;
}
.menu2 ul li:hover ul li:hover ul li a {background:#888;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#aaa;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:152px; w\idth:120px;
}
.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#ff0; background: #888;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}


.left {clear:both;}
/* ***** END OF TOPMENU ***** */

/* Model detail page - menu on the right side of each page */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 145px; /*width of menu*/
}

.urbangreymenu .headerbar{
color: #444;
background: #ccc;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
/* text-transform: uppercase; */
font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Verdana; padding-left:31px; padding-right:0; padding-top:7px; padding-bottom:7px
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: navy;
background: #aaa;
}

/******************** END OF MODEL'S SIDE MENU ***************************/

#MAINIMGCONTAINERBIG		/* Bigger main image container, 950 x 380 pixels in size */
{
	margin-top: 0px;
	width: 950px;
	height: 380px;
	vertical-align: top;
}

#GENERALIMGCONTAINER		/* Models family image container, 950 x 250 pixels in size */
{
	margin-top: 0px;
	width: 950px;
	height: 250px;
	vertical-align: top;
}

#MAININDEXTEXT		/* Class for the main index page texts */
{
	margin-top: 20px;
	text-align: center;
}

.leftcol	/* Main index page left column text, apresentation only */
{
	float: left;
	width: 270px;
	padding-top: 50px;
	padding-left: 25px;
	color: #808080;
	font: Arial;
	font-size: 110%;
	font-weight: bold;
}

.centercol	/* Main index page center column text */
{
	text-align: left;
	padding-left: 300px;
	width: 630px;
	font: Verdana;
}

.singlecol	/* If the page only contains a sigle column */
{
	text-align: center;
	padding-left: 75px;
	width: 800px;
	font: Verdana;
}

#FAMILYCONTAINER		/* Container for the models family descriptions */
{	
	margin-top: 20px;
	text-align: center;
}

/* Container for the description of each model */
.mdesc
{
	width: 900px;
	overflow: hidden;
	vertical-align: top;
	padding-bottom: 20px;
}

.leftcolFamily		/* Family page left column (displays the names of the models) */
{
	float: left;
	text-align: right;
	width: 170px;
	color: #808080;
	font: Arial;
	font-size: 110%;
	font-weight: bold;
	padding-top: 5px;
}

.centercolFamily		/* Family page center column (displays the model short data) */
{
	float: right;
	text-align: left;
	width: 700px;
	font: Verdana;
}

.ThumbContentFamily		/* Container for the model thumbnail image */
{
	float: left;
	padding-top: 8px;
}

.DescModelFamily		/* Container for a short text describing the model - Family page */
{
	float: center;
	text-align: left;
	padding-left: 220px;
	font: Verdana;
	border-top: 2px solid #c0c0c0;
}

.SpecsTableFamily		/* Container for the specs table of the model - Family page */
{
	float: center;
	text-align: left;
	padding-left: 40px;
}

.STFname				/* Class for the name of the specs column */
{
	float: left;
	font-weight: bold;
	width: 100px;
	margin-bottom: 2px;
}

.STFdata				/* Class for the specs data */
{
	float: center;
	font-style: italic;
	padding-left: 140px;
	margin-bottom: 2px;
}

/* Contact form data */
.ContactForm
{
	float: center;
	padding-left: 20px;
	text-align: left;
	padding-top: 10px;
}	

.ContactLabel
{
	float: left;
	text-align: left;
	margin-bottom: 5px;
}

.ContactInputField
{
	float: center;
	padding-left: 120px;
	margin-bottom: 5px;
}

.ContactButtonRow
{
	float: left;
	padding-left: 120px;
	margin-top: 5px;
}

.InputBox
{
	border: 1px solid #999999;
}

#FOOTER			/* Main id for the footer */
{
	margin-top: 25px;
	border-top: 2px solid #C0C0C0;
	text-align: center;
	vertical-align: top;
	font-style: italic;
}

#FOOTER ul
{
	float: right;
	padding-top: 0px;
	padding-right: 50px;
}

#FOOTER li
{
	font-weight: normal;
	display: inline;
	margin: 0;
}

#FOOTER li a
{
	color: #555555;
	font-weight: normal;
	text-decoration: none;
}

#FOOTER li a:hover
{
	color: Navy;
	font-weight: normal;
}

/* Other definitions */

A.blueLink 
{
  color: Blue;
  text-decoration: none;
}

A:hover.blueLink 
{
  color: Navy;
  text-decoration: underline;
}

.MSBtitle
{
color: Navy;
font-weight: bold;
padding-bottom: 15px;
}

.MSBname
{
font-weight: bold;
padding-bottom: 8px;
}

.MSBdata
{
font-style: italic;
padding-bottom: 8px;
}

.SideBoxSep
{
color: #AAAAAA;
background-color: #AAAAAA;
width: 95%;
height: 1px;
}

.FAQquestion
{
font-weight: bold;
font-style: italic;
}

.FAQanswer
{
text-decoration: none;
}

.headerTitle
{
color: white;
background: gray;
text-align: center;
}