#container {
width:990px;
margin:0 auto;
}
#header {
height: 132px;
clear: right;
}
#header .row {
position: relative;
}

/*LANGUAGES/FLAGS*/
div#languages {
font:14px "Trebuchet MS";
display: inline-block;
float:right;
clear:none;
width:260px !important;
line-height:11px;
color: #9eabb3;
margin: 0 !important;
}

ul#flags {
list-style:none;
float:left;
margin:8px 0 0 0;
}

ul#flags li {
padding:2px 6px 10px;
/*width:45px;*/
height:15px;
margin:0;
float:left;
text-align:left;
}

ul#flags li a {
color: #c1e1ff;
}

ul#flags li.label {
width: auto !important;
padding: 2px 5px 0 0;
}

ul#flags li.selected {
background:transparent url(../images/lang-arrow.gif) no-repeat center bottom;
}

/*AUXILIARY NAV*/
ul#auxnav {
font:11px "Trebuchet MS";
list-style:none;
display: inline-block;
float:right;
margin:10px 0;
line-height:11px;
}
ul#auxnav li {
border-left:1px solid #bbc8d2;
padding:0 12px;
margin:0;
float:left;
}
ul#auxnav li.first {
border-left:none;
}
ul#auxnav li a {
color:#bbc8d2;
text-decoration:none;
}
ul#auxnav li a:hover {
text-decoration:underline;
}
 
ul#auxnav form {
width: 145px;
position: relative;
margin-top:-4px;
}
 
ul#auxnav form input {
background:transparent url(../images/search-field.gif) no-repeat;
border: none;
position: absolute;
left: 0;
top: 0;
width: 105px;
height: 19px;
font: 10px Arial, Helvetica, sans-serif;
padding: 3px;
}
 
ul#auxnav form button {
position: absolute;
left: 106px;
top: 0;
background:transparent url(../images/search-button.jpg) no-repeat;
border:none;
margin:0;
padding:0;
text-indent:-9999px;
width:49px;
height: 19px;
cursor:pointer;
}
 
/*LOGO*/
 
#logo {
width:169px;
height:78px;
background:url(../images/logo-brivo.jpg) no-repeat;
position: absolute;
top: 36px;
left: 47px;
}
#logo a {
display: block;
height:78px;
text-indent: -9999px;
}
 
/*LOGIN*/
 
#login-container {
width:437px;
height:69px;
float:right;
margin-top: 8px;
background:url(../images/header-fields2.jpg) top left no-repeat;
position: relative;
}
#login a {
text-decoration: none;
}
#login a:hover {
text-decoration:underline;
}
a.email {
position:absolute;
display:inline-block;
font:1.2em "Trebuchet MS";
color:#bee2fe;
top:40px;
left:23px;
}
#login-container a {
color: #bee2fe;
text-decoration: underline;
}
#login-container a.button {
color:#fff;
text-decoration:none;
}
#login-container a.customer-login {
margin:13px 0 0 200px;
}
#login-container a.dealer-login {
margin:13px 0 0 11px;
}
#login-container a.login-help {
margin:41px 0 0 358px;
display: block;
font-size:1.1em;
}
.chat {
position: absolute;
top:14px;
left: 224px;
font: 1.1em "Trebuchet MS";
color: #ecf2f7;
}
.chat a{
display: block;
width: 108px;
color: #fff;
text-align: center;
font-size:.9em;
margin-top: 4px;
}
form#signin {
position: absolute;
width: 165px;
top:8px;
right: 85px;
}

.dealerlogin {
position: absolute;
font: 1.1em "Trebuchet MS";
right: 16px;
top: 12px;
}


form#signin input,
#login-container #passwordDiv {
border: 0;
background-color: transparent;
color: #f5f8fb;
font: 1.1em "Trebuchet MS";
padding: 4px;
margin-bottom: 2px;
}
#login-container #passwordDiv {
position:absolute;
top:34px;
right: 194px;
}
form#signin input.password {
width: 119px;
margin-top: -2px;
}
form#signin button {
background:transparent url(../images/btn_login.gif) no-repeat scroll 0 0;
border:none;
margin: 2px 0 0 0;
padding: 0;
text-indent:-9999px;
width:41px;
height: 20px;
position: absolute;
top: 27px;
left: 119px;
cursor:pointer;
}

ul#mainnav {
position: absolute;
top:103px;
right:0;
width:690px;
}
 
ul#mainnav li {
border-left:1px solid #aec9dd;
padding:0 23px;
margin:0;
float:left;
}
 
ul#mainnav li a {
color: #fff;
font-size: 1.2em;
font-weight: bold;
text-transform:uppercase;
text-decoration:none;
}

ul#mainnav li a:hover {
text-decoration:underline;
}
ul#mainnav li.first {
border-left: none;
}

#subpage-container .image-left {
float:left;
margin-right:10px;
}
#subpage-container .image-right {
float:right;
margin-left:10px;
}
/* YUI Specific */
.yui-button button {
background:transparent;
border:none;
color:#000;
cursor:pointer;
display:block;
font-size:1.2em;
margin:0;
padding:0;
}
.yui-menu-button button {
background-image:none;
}
.yui-button button {
color:#000;
font-size:1em;
padding:0;
background:none;
cursor:pointer;
border:none;
display:block;
margin:0;
}
.yuimenu .bd {
border:none !important;
display:block;
padding:0 0 2px;
width:200px;
background:#fff;
}
.yuimenu .bd ul.first-of-type {
border-color:#ACADB2 #E3E3EB #E2E9EF;
border-style:solid;
border-width:1px;
display:block;
margin-top:0;
padding:10px 0;
z-index:2 !important;
}
.yuimenu .bd .yuimenuitem {
background:#FFFFFF none repeat scroll 0 0;
margin:0;
}
.yuimenu .bd .yuimenuitem a {
color:#96979c;
cursor:pointer;
padding:0 3px;
text-decoration:none;
}

/* Buttons */

/* Buttons */
a.button {
color:#fff;
display:block;
float:left;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
height:19px;
margin-right:6px;
padding-left:8px; /* sliding doors padding */
text-decoration:none;
cursor:pointer;
background:transparent url(../images/button-blue-l.gif) no-repeat left top;
}
a.button span {
display:block;
height:16px;
padding:3px 8px 0 0;
background:transparent url(../images/button-blue-r.gif) no-repeat right top;
}
 
.thumbnail {
width: 53px;
height: 66px;
vertical-align: top;
}
#sponsors-and-seals {
background: #fff;
width: 980px;
height: 60px;
padding-bottom: 20px;
}

#seals {
float: right;
width: 280px;

}
#seals img{
display: block;
float: right;
margin: 14px 0 0 0;
}

#sponsors {
float: left;
height: 60px !important;
margin: 5px 0 20px 0;
background: url(../images/sponsor-sprites-2.gif) no-repeat bottom right;
}

#sponsors a#s1 {width: 161px;height: 60px;float:right;}
#sponsors a#s2 {width: 135px;height: 60px;float:right;}
#sponsors a#s3 {width: 87px;height: 60px;float:right;}
#sponsors a#s4 {width: 97px;height: 60px;float:right;}
#sponsors a#s5 {width: 125px;height: 60px;float:right;}
#sponsors a#s6 {width: 92px;height: 60px;float:right;}

#sponsors a#s1:hover {width: 161px;height: 60px;background:url(../images/sponsor-sprites-2.gif) no-repeat -540px 0px;}
#sponsors a#s2:hover {width: 135px;height: 60px;background:url(../images/sponsor-sprites-2.gif) no-repeat -405px 0px;}
#sponsors a#s3:hover {width: 87px;height: 60px;background:url(../images/sponsor-sprites-2.gif) no-repeat -318px 0px;}
#sponsors a#s4:hover {width: 97px;height: 60px;background:url(../images/sponsor-sprites-2.gif) no-repeat -221px 0px;}
#sponsors a#s5:hover {width: 125px;height: 60px;background:url(../images/sponsor-sprites-2.gif) no-repeat -96px 0px;}
#sponsors a#s6:hover {width: 92px;height: 60px;background:url(../images/sponsor-sprites-2.gif) no-repeat -3px 0px;}