/* CSS Document */

/*for the 'What's new' & 'Welcome' text and 'Advanced Search' links */
.homepageText { color:#333333; font-family:Arial; font-size:12px;}
.homepageText A:link {color: #336699; font-family:Arial; font-size:12px;}
.homepageText A:hover {color: #0099CC; font-family:Arial; font-size:12px;}
.homepageText A:visited {color: #336699; font-family:Arial; font-size:12px;}
.homepageText A:visited:hover {color: #336699; font-family:Arial; font-size:12px;}

/*for and the bottom text like 'copyright ..'*/
.copyrightText { color:#FFFFFF; font-family:Arial; font-size:11px;}

/*for the content and the links within the content.*/
.content {color:#333333; font-family:Arial; font-size:12px;}
.content A:link {color: #336699; font-family:Arial; font-size:12px;}
.content A:hover {color: #0099cc; font-family:Arial; font-size:12px;}
.content A:visited {color: #336699; font-family:Arial; font-size:12px;}
.content A:visited:hover {color: #336699; font-family:Arial; font-size:12px;}

/*for the headers of the content*/
.contentHeader {color:#330066; font-family:Arial; font-size:14px; font-weight:bold;}
/*for the Subheaders of the content*/
.contentSubHeader {color:#333333; font-family:Arial; font-size:12px; font-weight:bold;}

/*for the 'back to top' link and the text for contact us. also the headers like 'project showcase' etc
and the bottom links like 'privacy statement'*/
.contactText 
{ 
	color:#333333; 
	font-family:Arial; 
	font-size:12px;
}
.contactText A:link 
{
	color: #0099FF; 
	font-family:Arial; 
	font-size:12px;
}
.contactText A:hover 
{
	color: #0099CC; 
	font-family:Arial; 
	font-size:12px;
}
.contactText A:visited 
{
	color: #0099FF; 
	font-family:Arial; 
	font-size:12px;
}
.contactText A:visited:hover 
{
	color: #0099CC; 
	font-family:Arial; 
	font-size:12px;
}

/*for the content and the links within the content. includes the links to other sub-sections 
	at the bottom of the page*/
/*.content 
{
	color:#333333; 
	font-family:Arial; 
	font-size:14px;
}
.content A:link 
{
	color: #0099FF; 
	font-family:Arial; 
	font-size:14px;
}
.content A:hover 
{
	color: #0099CC; 
	font-family:Arial; 
	font-size:14px;
}
.content A:visited 
{
	color: #0099FF; 
	font-family:Arial; 
	font-size:14px;
}
.content A:visited:hover 
{
	color: #0099CC; 
	font-family:Arial; 
	font-size:14px;
}
*/
/*for the headers of the content*/
/*.contentHeader 
{
	color:#000000; 
	font-family:Arial; 
	font-size:16px; 
	font-weight:bold;
}
*/
.productHeader
{
	font-family: Arial;
	font-size: 24px;
	color: #CC6600;
	font-weight: bold;
}
.productModel
{
	font-family: Arial;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.productDex
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: normal
}
.rangeHeader
{
	font-family: Arial;
	font-size: 16px;
	color: #999966;
	font-weight: bold;
	text-decoration:none;
}
.rangeHeader:hover
{
	font-family: Arial;
	font-size: 16px;
	color: #fedd02;
	font-weight: bold;
	text-decoration:none;
}
.rangeModel
{
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-decoration:none;
}
.rangeModel:hover
{
	font-family: Arial;
	font-size: 11px;
	color: #CC6600;
	font-weight: normal;
	text-decoration:none;
}
.rangeHeader2
{
	font-family: Arial;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
}
.rangeDex
{
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}

.type
{
	font-family: Arial;
	font-size: 12;
	color: white;
	font-weight:normal;
	text-decoration:none;
}
.type:hover
{
	font-family: Arial;
	font-size: 12;
	color: #FEDD02;
	font-weight:normal;
	text-decoration:none;
}
.typeHover
{
	font-family: Arial;
	font-size: 12;
	color: #FEDD02;
	font-weight:normal;
	text-decoration:none;
}
.breadCrum
{
	font-family: Arial;
	font-size: 10;
	color: white;
	font-weight:normal;
	text-decoration:none;
}
.breadCrum:hover
{
	font-family: Arial;
	font-size: 10;
	color: #FEDD02;
	font-weight:normal;
	text-decoration:none;
}
.breadCrumHover
{
	font-family: Arial;
	font-size: 10;
	color: #FEDD02;
	font-weight:normal;
	text-decoration:none;
}
.thumbnailModel
{
	font-family: Arial;
	font-size: 12;
	color: #333333;
	font-weight: bold;
	text-decoration:none;
}
.thumbnailModel:hover
{
	font-family: Arial;
	font-size: 12;
	color: #CC6600;
	font-weight: bold;
	text-decoration:none;
}
.thumbnailModelHover
{
	font-family: Arial;
	font-size: 12;
	color: #CC6600;
	font-weight: bold;
	text-decoration:none;
}
.resultsHeader
{
	font-family: Arial;
	font-size: 14px;
	color: #666666;
	font-weight: normal
}
.resultsContent
{
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	font-weight: normal
}

.resultsContent A:hover {color: #0099cc; font-family:Arial; font-size:12px; text-decoration: none;}
.resultsContent A:link {color: #336699; font-family:Arial; font-size:12px; text-decoration: none;}
.resultsContent A:visited {color: #336699; font-family:Arial; font-size:12px; text-decoration: none;}
.resultsContent A:visited:hover {color: #336699; font-family:Arial; font-size:12px; text-decoration: none;}

/*========================navigation==========================*/
.nav {
	width: 95px;
}
.nav ul{
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
width: 100%;
}

.nav li{
display: inline;
margin:0;
padding:0;
height:20px;
}

.nav a{
display: block;
text-decoration: none;
/*padding:0 9px;padding inside each tab*/
color: #968e8e;
height:20px;
/*margin:0 10px 0 0;
padding:4px 3px 0px 3px;*/
}

.nav a:hover{
color: #dadada;
height:20px;
background: transparent url("../images/btn_over.gif") repeat-x;
/*background: black; background of tabs for hover state */
}

.nav a.selected{
color: #dadada;
height:20px;
background: transparent url("../images/btn_over.gif") repeat-x;
background-position: 0 -5px;
/*background: black; background of tabs for hover state */
}

/* hide from Mac IE5 \*/
.nav a span {float:none;}
/* end hack */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
margin:0;
padding:0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background-color:#ff9900;
visibility: hidden;
z-index: 100;
}
.ddsubmenustyle li a{
display: block;
font: normal 12px Arial, Helvetica, sans-serif;
width: 110px; /*width of menu (not including side paddings)*/
color: #ffffff;
background-color: #ff9900;
text-decoration: none;
padding: 3px 4px;
}
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 110px; /*width of menu (include side paddings of LI A*/
}
.ddsubmenustyle li a:hover{
background-color: #ffcc00;
color: #000000;
}
.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}
.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}
.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}