/*---------------------------------------------
Vaioni | www.vaioni.co.uk

Version:	1.2 - 05/06/2009
Created by: 	Lee Swift | www.leeswift.com
-----------------------------------------------*/

* {
margin: 0;  }

:focus { outline: 0;}

body {
background: #f4f4f4; }

img { 
border: 0;
-ms-interpolation-mode:bicubic; }

.clear {
clear: both; }

.right {
float: right; }

.left {
float: left; }

hr, .hide {
display: none; }

.font10 {
font-size: 10px; }

.font14 {
font-size: 14px; }





/*STRUCTURE*/

#content {
width: 930px; 
margin: 0px auto;

text-align: left;
background: #fff;}

#navigation {
width: 900px;
margin: 0px 0px 15px 0px; }

#topbar {
width: 900px;
margin: 0px 0px 0px 0px;
background: #fff;
background-image: url('../images/topback.gif');
background-repeat: no-repeat;
background-position: top right;

}

#basebar {
width: 900px;
padding: 10px 0px 20px 0px;
background: #fff;
background-image: url('../images/baseback.gif');
background-repeat: no-repeat;
background-position: top left;

}

#lower_features {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: #dbdbdb solid 2px;
}

#lower_features a:link, 
#lower_features a:active, 
#lower_features a:visited  {
color: #0072bb; 
text-decoration: none; }

#lower_features a:hover  {
color: #0099ff;
text-decoration: none; }


#featuresfirst {
width: 206px;
margin: 15px 0px 0px 0px;
padding: 0px 10px 0px 0px;
font-family: Tahoma, san-serif;
font-size: 11px;
color: #666666;
border-right: #dbdbdb solid 1px;
float: left;}

#features {
width: 199px;
margin: 15px 0px 0px 17px;
padding: 0px 17px 0px 0px;
font-family: Tahoma, san-serif;
font-size: 11px;
color: #666666;
border-right: #dbdbdb solid 1px;
float: left;}

#featureslast {
width: 199px;
margin: 15px 0px 0px 16px;
padding: 0px 0px 0px 0px;
font-family: Tahoma, san-serif;
font-size: 11px;
color: #666666;
float: left;}

#main_text {
margin: 15px 0px 0px 0px;
padding: 15px 0px 0px 0px;
width: 900px;
background: #fff;
border-top: #dbdbdb solid 2px;
}


#maintextfont {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 680px;
font-family: Tahoma, san-serif;
line-height: 18px;
font-size: 11px;
color: #666666;
float: left;
}

#maintextfont a:link, 
#maintextfont a:active, 
#maintextfont a:visited  {
color: #0072bb; 
text-decoration: none; }

#maintextfont a:hover  {
color: #0099ff;
text-decoration: none; }

#latestnews {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
width: 196px;
font-family: Tahoma, san-serif;
border-left: #dbdbdb solid 1px;
line-height: 15px;
font-size: 11px;
color: #666666;
float: left;
}

#latestnews a:link, 
#latestnews a:active, 
#latestnews a:visited  {
color: #0072bb; 
text-decoration: none; }

#latestnews a:hover  {
color: #0099ff;
text-decoration: none; }




#footercontent{
width: 900px;
margin: 15px 0px 0px 0px;
border-top: #dbdbdb solid 2px;
background-color: #f1f1f1;
padding: 10px 0px 10px 0px;
text-align: left;}


#footersection1 ul {
margin: 0px 0px 0px 20px;
padding: 0px 40px 0px 0px;
float: left;
font-family: Tahoma, Arial;
border-right: #dbdbdb solid 1px;
font-size: 11px;
line-height: 16px;
color: #445e6a;
list-style-type: none;
}


#footersection1 li { 
width: 146px; 
margin: 0px 0px 0px 0px;
display: block; 
padding: 3px 0px 3px 0px;
height: 18px; 
font-family: Tahoma, Arial;
font-size: 11px;
line-height: 18px; 
color: #666666;
border-bottom: #e6e6e6 solid 1px }

#footersection1 li a:link, li a:active, li a:visited  {
display: block;
color: #666666; 
text-decoration: none; }

#footersection1 li a:hover  {
display: block;
color: #0099ff; 
text-decoration: none; }

#footersection1 ul li.last
{
    border-bottom: none;
    padding-right: 0;
}

#footersection2 ul {

margin: 0px 0px 0px 40px;
float: left;
padding: 0px 30px 0px 0px;
font-family: Tahoma, Arial;
font-size: 11px;
color: #445e6a;
list-style-type: none;
}


#footersection2 li { 
width: 294px; 
margin: 0px 0px 0px 0px;
display: block; 
padding: 3px 0px 3px 0px;

font-family: Tahoma, Arial;
font-size: 11px;
line-height: 18px; 
color: #666666;
border-bottom: #e6e6e6 solid 1px }

#footersection2 li a:link, li a:active, li a:visited  {
display: block;
color: #666666; 
text-decoration: none; }

#footersection2 li a:hover  {
display: block;
color: #0099ff; 
text-decoration: none; }

#footersection2 ul li.last
{
    border-bottom: none;
    padding-right: 0;
}

.footersection3 {
width: 250px; 
margin: 0px 0px 0px 30px;
float: left;
padding: 0px 0px 0px 39px;
font-family: Tahoma, Arial;
font-size: 11px;
line-height: 16px;
color: #666666;
border-left: #dbdbdb solid 1px;
}

.footersection3 a:link, .footersection3 a:active, .footersection3 a:visited  {
color: #666666;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none; }

.footersection3 a:hover  {
color: #0099ff; 
text-decoration: underline; }

.footersectionlinks {
width: 166px; 
margin: 0px 35px 0px 20px;
float: left;
padding: 5px 10px 5px 0px;
font-family: Tahoma, Arial;
border-bottom: #dbdbdb solid 1px;
font-size: 11px;
line-height: 16px;
color: #445e6a;}

.footersectionlinks  a:link, .footersectionlinks  a:active, .footersectionlinks  a:visited  {
color: #666666;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none; }

.footersectionlinks  a:hover  {
color: #0099ff; 
text-decoration: underline; }

#copyright {
width: 900px; 
line-height: 16px;
padding: 0px 0px 0px 0px;
font-family: Tahoma, Arial;
font-size: 11px;
color: #666666;
text-align: right; }

#copyright a:link, #copyright a:active, #copyright a:visited  {
color: #0072bb;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none; }

#copyright a:hover  {
color: #0099ff; 
text-decoration: underline; }


/*INTERNAL SPECIFIC*/

#header {
margin: 15px 0px 0px 0px;
padding: 0px 17px 0px 0px;
font-family: Tahoma, san-serif;
font-size: 15px;
color: #666666;
background-color: #afb8bf;

float: left; }

#breadcrumb ul { 
margin: 5px 0px 0px 0px;
padding: 0;
list-style-type: none;}

#breadcrumb li { 
margin: 0px 0px 0px 0px; 
padding: 0px 5px 0px 0px; 
font-family: Tahoma, Arial;
font-size: 11px;
color: #666666; 
float: left; }

#breadcrumb li a:link, li a:active, li a:visited  {
display: block;
color: #666666; 
text-decoration: none; }

#breadcrumb li a:hover  {
display: block;
color: #0099ff; 
text-decoration: none; }

#breadinner {
margin: 0px 0px 0px 0px;
float: right;
padding: 5px 0px 0px 0px;
font-family: Tahoma, Arial;
font-size: 11px;
color: #005883;}

#breadinner a:link, #breadinner a:active, #breadinner a:visited  {
color: #666666; 
text-decoration: none; }

#breadinner a:hover  {
color: #0099ff; 
text-decoration: none; }


#inner_content {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
width: 900px;
border-top: #dbdbdb solid 1px;
}


#innertextfont {
margin: 0px 0px 0px 20px;
padding: 10px 0px 0px 0px;
font-family: Tahoma, san-serif;
line-height: 18px;
font-size: 12px;
color: #666666;
float: left;
text-align: justify;
width: 650px;
}

#innertextfont a:link, 
#innertextfont a:active, 
#innertextfont a:visited  {
color: #0072bb; 
text-decoration: none; }

#innertextfont a:hover  {
color: #0099ff;
text-decoration: none; }


#productfont {
margin: 0px 0px 0px 20px;
padding: 10px 0px 0px 0px;
font-family: Tahoma, san-serif;
line-height: 18px;
font-size: 12px;
color: #666666;
float: left;
text-align: justify;
width: 450px;
}

#productfont a:link, 
#productfont a:active, 
#productfont a:visited  {
color: #0072bb; 
text-decoration: none; }

#productfont a:hover  {
color: #0099ff;
text-decoration: none; }



/*NAVIGATION*/




#navigation ul { 
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
border-top: #dbdbdb solid 1px;
height: 38px;
background-color: #f1f1f1;}

#navigation li { 
margin: 10px 0px 0px 0px;
display: block; 
padding: 0px 52px 0px 26px;
height: 18px; 
font-family: Tahoma, Arial;
font-weight: 600;
font-size: 13px;
line-height: 18px; 
color: #666666; 
float: left; }

#navigation li a:link, li a:active, li a:visited  {
display: block;
color: #666666; 
text-decoration: none; }

#navigation li a:hover  {
display: block;
color: #0072bb; 
text-decoration: none; }

#navigation ul li.last
{
    border-right: none;
    padding-right: 0;
}
#navigation ul li.blue
{
    color: #0066cc;
}
#navigation li.blue a:link, li.blue a:active, li.blue a:visited  {
display: block;
color: #0066cc; 
text-decoration: none; }





#sidenavigation ul {
width: 153px; 
margin: 0px 35px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
font-family: Tahoma, Arial;
font-size: 11px;
line-height: 16px;
color: #445e6a;
float: left;
}


#sidenavigation li { 
margin: 0px 0px 0px 0px;
display: block; 
padding: 6px 0px 6px 0px;
font-family: Tahoma, Arial;
font-size: 12px;
line-height: 14px; 
color: #666666;
border-bottom: #e6e6e6 solid 1px }

#sidenavigation li a:link, li a:active, li a:visited  {
display: block;
color: #666666; 
text-decoration: none; }

#sidenavigation li a:hover  {
display: block;
color: #0099ff; 
text-decoration: none; }

#sidenavigation ul li.last
{
    border-bottom: none;
    padding-right: 0;
}
#sidenavigation ul li.level2
{
    border-bottom: none;
    padding-left: 10px;
    font-size: 11px;
    background: #f1f1f1;
    border-bottom: #fff solid 1px;
}


.subnav { 
margin: 0px 0px 0px 0px;
display: block; 
padding: 6px 0px 6px 0px; 
font-family: Tahoma, Arial;
font-size: 11px;
line-height: 12px; 
color: #666666;
background: #f4f4f4;
border-bottom: #e6e6e6 solid 1px }

.subnav a:link, .subnav a:active, .subnav a:visited  {
display: block;
color: #0066cc; 
padding: 0px 3px 0px 20px;
text-decoration: none; }

.subnav a:hover  {
display: block;
color: #0099ff; 
text-decoration: none; }


.subnavon { 
margin: 0px 0px 0px 0px;
display: block; 
padding: 6px 0px 6px 0px;
font-family: Tahoma, Arial;
font-size: 11px;
line-height: 14px; 
color: #666666;
background: #999999;
border-bottom: #e6e6e6 solid 1px }

.subnavon a:link, .subnavon a:active, .subnavon a:visited  {
display: block;
color: #fff; 
padding: 0px 3px 0px 20px;
text-decoration: none; }

.subnavon a:hover  {
display: block;
color: #ffcc00; 
text-decoration: none; }








/*GLOBAL TYPOGRAPHY*/


.bluelinks {
font-family: Tahoma, san-serif;
font-size: 11px;
text-align: right;
color: #0072bb;
margin: 42px 0px 0px 0px;
float: right; }

.bluelinks a:link, 
.bluelinks a:active, 
.bluelinks a:visited  {
color: #0072bb; 
letter-spacing: 0px;
font-weight: bold;
text-decoration: none; }

.bluelinks a:hover  {
color: #666666;
text-decoration: none; }

h1 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 19px;
line-height: 24px;
color: #0072bb;
margin: 0px 0px 0px 0px; }

h1 a:link, 
h1 a:active, 
h1 a:visited  {
color: #005883; 
text-decoration: none; }

h1 a:hover  {
color: #cc0000;
text-decoration: none; }

h2 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 13px;
line-height: 18px;
color: #666666;
margin: 0px 0px 0px 0px; }

h2 a:link, 
h2 a:active, 
h2 a:visited  {
color: #ffffff; 
text-decoration: none; }

h2 a:hover  {
color: #0099ff;
text-decoration: none; }

h3 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 13px;
line-height: 15px;
color: #666666;
margin: 5px 0px 5px 0px; }

h3 a:link, 
h3 a:active, 
h3 a:visited  {
color: #0099ff; 
text-decoration: none; }

h3 a:hover  {
color: #ffcc00;
text-decoration: none; }

h4 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 11px;
line-height: 20px;
color: #0072bb;
margin: 0px 0px 0px 0px; }

h4 a:link, 
h4 a:active, 
h4 a:visited  {
color: #005883; 
text-decoration: none; }

h4 a:hover  {
color: #0099ff;
text-decoration: none; }

h5 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 11px;
line-height: 20px;
color: #0072bb;
margin: 0px 0px 0px 0px; }

h5 a:link, 
h5 a:active, 
h5 a:visited  {
color: #005883; 
text-decoration: none; }

h5 a:hover  {
color: #cc0000;
text-decoration: none; }

h6 {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 11px;
line-height: 14px;
color: #005883;
margin: 0px 0px 0px 0px; }

h6 a:link, 
h6 a:active, 
h6 a:visited  {
color: #005883; 
text-decoration: none; }

h6 a:hover  {
color: #0099ff;
text-decoration: none; }

p {
font-family: Tahoma, san-serif;
font-size: 12px;
line-height: 16px;
color: #666; 
margin: 0px 5px 15px 0px; }

p a:link, 
p a:active, 
p a:visited  {
color: #005883; 
font-weight: bold;
text-decoration: none; }

p a:hover  {
color: #0099ff;
text-decoration: underline; }

.header_text {
font-family: Tahoma, san-serif;
font-weight: bold;
font-size: 17px;
line-height: 18px;
color: #ffffff;
margin: 0px 0px 0px 0px; }




/* FORM ELEMENTS */




.searchpanel {
	margin: 9px;
	padding: 0px 0px 0px 0px;
	width: 169px;
	height: 18px;
	font-family : Arial, sans-serif;
	background-color: #ffffff;
	border: #dbdbdb solid 1px;
	float: right;
}

.searchbox {       
	font-family: Arial, sans-serif;  
	font-size : 11px; 
	padding: 2px 0px 0px 5px;
	border-width: 0px;
	color: #666666;
	height: 16px;
}

.dropbox {       
	font-family: Arial, sans-serif;  
	font-size : 11px; 
	padding: 1px 0px 0px 2px;
	border-width: 1px;
	width: 180px;
}



.featured { position: relative; text-align: right; width: 656px; height: 215px; float: left;}
.featured img { border: none; }
.featured-nav { float: right; font-family: Arial, sans-serif; font-size: 9px; list-style-type: none; margin: 10px 10px 0 0; padding: 0; position: relative; text-align: right; width: auto; z-index: 20000; }
.featured-nav li { margin: 0; padding: 0; display: inline; }
.featured-nav li a { background-color: #FFFFFF; border: 1px solid #fff; color: #C3C3C3; display: block; float: left; line-height: 1; font-size: 11px; margin: 0 0 0 2px; outline: none; padding: 0 2px 1px 3px; text-decoration: none; width: auto; }
.featured-nav li a:focus,
.featured-nav li a:hover,
.featured-nav li a:active { background-color: #FFFFFF; border-color: #cc0000; color: #cc0000; }
.featured-nav li a.active { background-color: #ccc; border-color: #ccc; color: #FFFFFF; }
.featured-tabs { height: 215px; left: 0; position: absolute; width: 656px; }
.featured-tabs div { display: none; left: 0; position: absolute; top: 0; }


#featuredFloat {
margin: 20px 20px 0px 20px;
width: 174px;
float: right;
}

#featuredHeading {
margin: 0px 0px 0px 0px;
padding: 6px 10px 6px 10px;
font-family: Arial, sans-serif;  
font-size : 14px; 
font-weight: bold;
color: #fff;
background-color: #afb8bf;
}

#featuredContent {
margin: 0px 0px 0px 0px;
padding: 6px 10px 6px 10px;
font-family: Arial, sans-serif;  
font-size : 11px; 
color: #666;
background-color: #ebedef;
border-top: #fff solid 1px;
}

#featuredContent ul { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
#featuredContent li { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
}
#datasheet {
margin: 0px 0px 0px 0px;
padding: 6px 10px 6px 10px;
font-family: Arial, sans-serif;  
font-size : 12px; 
color: #fff;
background-color: #0066cc;
}
#datasheet a:link, #datasheet a:active, #datasheet a:visited  {
color: #fff; 
padding: 0px 0px 0px 0px;
text-decoration: none; }

#datasheet a:hover  {
color: #ffcc00; 
text-decoration: none; }



/* TABLE STYLES */


.tablehd {

font-family: Arial, sans-serif;  
font-size : 12px; 
font-weight: bold;
color: #0066cc;
background-color: #d1d1d1;
}

.tablerow {
font-family: Arial, sans-serif;  
font-size : 12px; 
color: #666;
background-color: #e5e5e5;
}
.tablerow2 {
font-family: Arial, sans-serif;  
font-size : 12px; 
color: #666;
background-color: #f4f4f4;
}