/*---------------------------------------------

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;

}