html {
    font-size: 100.1%;
    height: 100%;

}

body {
	font-family:  verdana, arial, 'lucida grande', helvetica, small fonts, sans-serif;
	color: #5a5a5a;
	margin:0; 
	padding:0; 
	background-color: #f8f8f8;
	height:100%;
	text-align: center;
}


div, span, dt, dd, h1, h2, h3, h4, p, a {
	margin: 0;
	padding: 0;
}


img {
	margin:0; 
	padding:0; 
	border: 0;
}


/* ------- Main Elements ------- */


#background {
	width: 100%;
	background: #f8f8f8 url("../../images/background.gif") left top repeat-x;
}

#readmesite {
	background: #fff;
}


#top,
#banner,
#alva,
#border,
#main,
#main-bottom,
#wrapper,
#footer {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	overflow: hidden;   
	text-align: left; 
}

#top-wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	overflow: hidden;   
	background: url(../../images/shadow.gif) top left repeat-y;
}

	
#top {
	float: left;
	height: 270px;
	background: #fff url(../../images/top.gif) top left repeat-x;
	border-bottom: 6px solid #e6e6e6;
}


#top-lft {
	float: left;
	width: 5px;
	height: 270px;
	background: url(../../images/top_lft.gif) top left no-repeat;
}

#top-rgt {
	float: right;
	width: 5px;
	height: 270px;
	background: url(../../images/top_rgt.gif) top left no-repeat;
}


#banner-bg {
	clear: both;
	width: 980px;
	height: 162px;
	background: url(../../images/bg_blue.jpg) top left no-repeat;
	overflow: visible;
	position:relative;
	top: 30px;
}



#search {
	float: left;
	width: 238px;
	height: 160px;
}


#search-field input {
	background: transparent;
	border: 0;
	width: 97px;
	height: 18px;
	margin: 25px 0 0 75px;
	color: #fff;
}



#border {
	display: block;
	height: 5px;
	width: 970px;
	background: url(../../images/border.gif) top left repeat-y;
}


#main {
	display: block;
	overflow: visible;
}


#main-subnavigation {
	display: block;
	background: url(../../images/main_bg_subnavigation.gif) top left repeat-y;
	overflow: visible;
	height: auto;
}


#footer {
	text-align: center;
	width: 990px;
	height: 65px;
	color: #8e8e8e;
	font-size: 10px;
	margin-top: 0px;
	background: url(../../images/bottom.gif) top left no-repeat;
	padding-top: 20px;
}

#footer-logo {
	float: left;
	margin: 0px 30px 0 110px;
}

#footer-text {
	margin: 6px 0px 0 0;
}






/* ------- Font Size ------- */

#font-size {
	display:block;
	width: 92px;
	height: 16px;
	margin-left: 850px;	
	background: url(../../images/font.gif) left top no-repeat;
	padding-left: 20px;
}



/* ------- Main Menu ------- */


#alva-logo {
	float: left;
	background: url("../../images/alva_logo.gif") left top no-repeat;
	margin-top: 29px;
	margin-left: 45px;
}

#mainmenu {
	float: left;
	width: 520px;
	height: 30px;
	margin: 32px 0 0 65px;
}

#mainmenu a {
	text-decoration: none;
	margin-right: 0px;
	color: #000;
	font-size: 1em;
}

#mainmenu span {
	color: #d6d6d6;
	font-size: 1.2em;
	margin: 0 25px 0 25px;
}

#partner {
	float: left;
	margin-top: 34px;
	padding-bottom: 4px;
}


/* ------- Switch Language ------- */

a#language {
	float: left;
	margin: 31px 0 0 12px;
}

a#language:hover {
	text-decoration: none;
}





/* ------- Site elements ------- */


#products {
	float: left;
	width: 200px;
	height: auto;
	padding: 25px 0px 40px 0px;
	text-align: right;
	letter-spacing: 0em;	
	background: url("../../images/products_bg.gif") left top no-repeat;
}	

#products a,
#products h1,
#products h2 {
	margin-right: 28px;
}	

#products p {
	padding: 4px 0px 4px 0px;
	margin: -3px 0 -3px 0;
}	


#products-submenu {
	float: left;
	width: 230px;
	height: auto;
	padding: 0px 0px 20px 0px;
	margin-top: 6px;
	overflow: hidden;
}

.submenu-title {
	display: block;
	width: 195px;
	height: 30px;
	background: url("../../images/submenu_title.gif") left top no-repeat;
	margin: 0px 0 10px 10px;
	text-align: center;
	padding-top: 6px;
}

.submenu-title h3 {
	font-size: 12px;
}


#products-submenu p {
	padding: 4px 0px 4px 0px;
	margin-bottom: 0px;
}

#products-submenu h1,
#products-submenu h2,
#products-submenu h2,
#products-submenu h4,
#products-submenu a,
#products-submenu span {
	margin-left: 16px;
	margin-right: 4px;
}


.content {
	float: left;
	width: 710px;
	height: auto;
	padding-top: 25px;
	margin-left: 40px;
	text-align: justify;
}



#productsite .content {
	width: 730px;
	padding-top: 0px;
	margin: 0 0 20px 20px;
}

#buysite .content {
	width: 690px;
}


.product-box {
	margin: 25px 10px 0px 0px;
	padding-left: 25px;
	border-left: 0;
}


.content2 {
	float: left;
	width: 750px;
	padding: 10px 0 20px 0;
	margin-left: 10px;
	text-align: left;
}

.content3 {
	float: left;
	width: 970px;
	padding: 25px 0px 0px 0px;
	margin-top: 25px;
	text-align: justify;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.content-small {
	float: left;
	width: 480px;
	margin: 25px 20px 20px 40px;
	text-align: justify;
}

.column300 {
	float: left;
	width: 350px;
}



/* ------------- White boxes with rounded corners -------------- */


.box-top,
.box-content,
.box-bottom {
	width: 720px;
	overflow: hidden;
	margin: 0;
} 

.box-top {
	height: 8px;
	background: url("../../images/box_top.gif") left top no-repeat;
}

.box-content {
	width: 718px;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	background: #fff;
}

.box-bottom {
	height: 8px;
	background: url("../../images/box_bottom.gif") left top no-repeat;
}


.box2-top,
.box2-content,
.box2-bottom {
	width: 380px;
	overflow: hidden;
	margin: 0;
} 

.box2-top {
	height: 8px;
	background: url("../../images/box_top_2.gif") left top no-repeat;
}

.box2-content {
	background: url("../../images/box_middle_2.gif") left top repeat-y;
	padding: 12px 20px 10px 20px;
}

.box2-bottom {
	height: 7px;
	background: url("../../images/box_bottom_2.gif") left top no-repeat;
}



.box3-top,
.box3-content,
.box3-bottom {
	float: left;
	width: 216px;
	overflow: hidden;
	margin: 0;
} 

.box3-top {
	height: 6px;
	margin-top: 20px;
	background: url("../../images/box_top_3.gif") left top no-repeat;
}

.box3-content {
	background: url("../../images/box_middle_3.gif") left top repeat-y;
}

.box3-bottom {
	height: 6px;
	background: url("../../images/box_bottom_3.gif") left top no-repeat;
	margin-bottom: 20px;
}





/* ------- Format elements ------- */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clear {
	content: ".";
    height: 1px;
	background: transparent;
	clear: both;
	display: block;
	visibility: hidden;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}


.float-left {
	float: left;
}

.float-right {
	float: right;
}


.right {
	text-align: right;
}

.center {
	text-align: center;
}


.hidden {
	display: none;
}


.fl {
 float: left;  
}

.fr {
 float: right;  
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}


.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}


.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.ml50 {
	margin-left: 50px;
}




.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}


.mr10 {
	margin-right: 10px;
}

.mr11 {
	margin-right: 11px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mr40 {
	margin-right: 40px;
}

.mr50 {
	margin-right: 50px;
}

.small {
	font-size: 0.9em;
}

.center {
	text-align: center;
}

.just {
	text-align: justify;
}

.p10 {
	padding: 10px;
}


.aligncenter {
	text-align: center;
	width: 100%;
}


.aligncentermargin {
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}


.alignleft {
	clear:both;
	text-align: left;
	width: 100%;
}


.alignleftmargin {
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
}


.hide {
	display:  none;
}

.alignright {
	clear:both;
	text-align: right;
	width: 100%;
	margin-bottom: 10px;
}


.alignrightmargin {
	clear:both;
	margin-bottom: 40px;
	text-align: right;
	width: 100%;
}


.nospacing {
	letter-spacing: 0;
}


#readmesite .fullscreenhide {
	display:  none;	
}

.fullscreen,
.fullscreen_en {
	float: right;	
}

#productsite .normalhide {
	display:  none;
	float: right;
}


a.fullscreen,
a.fullscreen:visited {
	text-indent: -8000px;
	display: block;
	width: 75px;
	height: 20px;
	background: url("../../images/fullscreen.gif") 0px 0px;
	border: 0;
}

a.fullscreen_en,
a.fullscreen_en:visited {
	text-indent: -8000px;
	display:block;
	width: 75px;
	height: 20px;
	background: url("../../images/fullscreen_en.gif") 0px 0px;
	border: 0;
}


a.fullscreen:hover,
a.fullscreen:active,
a.fullscreen_en:hover,
a.fullscreen_en:active {
	width: 75px;
	height: 20px;
	background-position: 0 -20px;
}


a.normal,
a.normal:visited {
	float: right;
	text-indent: -8000px;
	display:block;
	width: 65px;
	height: 20px;
	background: url("../../images/normal.gif") 0px 0px;
	border: 0;
}

a.normal:hover,
a.normal:active {
	width: 65px;
	height: 20px;
	background-position: 0 -20px;
}




/* ------- Images ------- */


.img-text {
	float: right;
	margin: 0 10px 20px 40px;
	height: auto;
	width: auto;
	text-align: center;
	line-height: 110%;	
}


img.banner {
	display: block;
    float: left;
}


ul.pic_list {
   width: 720px;
   height: auto;
   list-style-type:none;
   text-align: left;
   margin: 30px 0 12px 0px;
   padding: 0px;
}


ul.pic_list li {
	float: left;
	display:inline;
	width: 240px;
	height: auto;
   	padding-right: 28px;
    cursor:pointer;
    text-align:center;
}

ul.pic_list li.s150 {
	width: 150px;
	margin-right:  40px;
}

ul.pic_list li a img {
	border: 1px solid #dcd2b0;
  	margin-bottom: 6px;
}

ul.pic_list li a:hover img {
	border: 1px solid #bb1e1e;
  	margin-bottom: 6px;
  	text-decoration: none;
}

ul.pic_list li a:hover {
	background: none;
}

ul.pic_list li a.link2:hover {
  background: url("../../images/link2s.gif") 0px 50% no-repeat;
}


ul.pic-list li:hover a,
ul.pic-list li a:hover  {  /* -- hover border fix IE 5.5/IE6 --*/
	background: none;
	position: relative; 
}



/* ------------- Tables -------------- */

table.pinout {
	margin-bottom: 0px;
	width: 475px;
	border: 0px;
	text-align: center;
	border-right: 1px solid #eaeaea;
}


table.pinout th {
	padding: 5px 0 5px 0;
	background: #eaeaea;
}


table.pinout td {
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
}


table.pinout .tr-grey {
	background: #eaeaea;	
}


/* ------------- Lists -------------- */

ul, ol, dl {
    position: relative;  
}


ul.horizontal {
	list-style-type: none;
	width: 100%;
}

ul.horizontal li {
	display: inline;
	margin-right: 6px;
}



ul.listbullet {
	list-style-type: none; 
	text-align: left;
	margin-left: 0px;
	padding: 0;
}

ul.listbullet li {
	display: block;
	padding-bottom: 3px;
	padding-left: 10px;
	background: url("../../images/b1.gif") 0px 0.6em no-repeat;
}


ul.listbullet2 {
	list-style-type: none;
	margin-left: 20px;
	text-align: left;
	margin-bottom: 10px;
}

ul.listbullet2 li {
	display: block;
	padding-bottom: 4px;
	padding-left: 10px;
	background: url("../../images/b1.gif") 0px 0.5em no-repeat;
}

ul.listbullet3 {
	list-style-type: none;
	text-align: left;
}

ul.listbullet3 li {
	display: block;
	padding-bottom: 0px;
	padding-left: 10px;
	background: url("../../images/b1.gif") 0px 0.5em no-repeat;
}


ul.list2 {  
	list-style-type: none;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0;
	text-align: left;
}


#buysite ul.list2 {
	margin-left: 0;
}

ul.list2 li {
	clear: both;
	margin-top: 0px;
	margin-bottom: 0.43em;
}

ul.list2 li.rgt {
	margin-top: -2.1em;
	float: right;
	margin-left: 150px;
	margin-bottom: 0.43em;
}





/* ------------- Select -------------- */


#newssite a.news-select,
#buysite a.buy-select,
#downloadsite a.dl-select,
#contactsite a.contact-select {
	font-weight: bold;
}

#newssite a.news-select:hover,
#buysite a.buy-select:hover,
#downloadsite a.dl-select:hover,
#contactsite a.contact-select:hover {
	border: 0;
}


.analog #select-analog,
.madi #select-madi,
.aes #select-aes,
.spdif #select-spdif,
.wordclock #select-wordclock,
.adat #select-adat,
.network #select-network,
.firewire #select-firewire,
.tools #select-tools,
.suzy #select-suzy,
.psl #select-psl,
.rackmounts #select-rackmounts,
.mgl #select-mgl,
.bf_cable #select-bf_cable,
.bf_bags #select-bf_bags
 {
	font-weight: bold;
}

.analog #select-analog a,
.madi #select-madi a,
.aes #select-aes a,
.spdif #select-spdif a,
.wordclock #select-wordclock a,
.adat #select-adat a,
.network #select-network a,
.firewire #select-firewire a,
.tools #select-tools a,
.suzy #select-suzy a,
.psl #select-psl a,
.rackmounts #select-rackmounts a,
.bf_cable #select-bf_cable,
.bf_bags #select-bf_bags, {
	color: #000;
}



.analog #select-analog a:hover,
.madi #select-madi a:hover,
.aes #select-aes a:hover,
.spdif #select-spdif a:hover,
.wordclock #select-wordclock a:hover,
.adat #select-adat a:hover,
.network #select-network a:hover,
.firewire #select-firewire a:hover,
.tools #select-tools a:hover,
.suzy #select-suzy a:hover,
.psl #select-psl a:hover,
.rackmounts #select-rackmounts a:hover,
.bf_cable #select-bf_cable,
.bf_bags #select-bf_bags, {
	  border-bottom: 0;
}



#current-sub {
	border: 0;
	background: #fff;
	font-weight: normal;
}

#current-sub a {
	border: 0;
}