body {
    background:#f8f6f7 url('../images/background.jpg') top repeat-x;
    padding:0;
    margin:0;
}

body, div, p, td, select, textarea, input {
    font-family:Arial;
    font-size:12px;
}

form, div, span, h1, h2, h3, h4, p, ul, li, dl, dt, dd {
    margin:0;
    padding:0;
}
ul {
    list-style-type:none;
}
ul.default {
    list-style-type: disc !important;
    padding: 10px 0 10px 25px !important;
}
ul.default li {

}
th {
    text-align: left;
}

.fl {
    float:left
}
.fr {
    float:right;
}
.cb {
    clear:both;
}
.btn {
    cursor: pointer;
}

.fbContainerPictorial {
	width:500px;
}

.errBox {
    padding:1px;
    border:1px solid #b90606;
    background:#ffd5d5;
    color:#b90606;
    font-weight:bold;
    width:189px;
    text-align:center;
    margin-bottom:1px;
    font-size: 9px;
}
.okBox {
    background:#A8DBA1;
    border:1px solid #1BB906;
    color:#21A50F;
    font-weight:bold;
    padding:1px;
    width:189px;
    text-align:center;
    margin-bottom:1px;
    font-size: 9px;
}

#loginResult {
    height:16px;
}

a:link {
    color:#EB1C2D;
    text-decoration:none;
    outline:none;
}
a:visited {
    color:#EB1C2D;
    text-decoration:none;
}
a:hover	{
    color:#000000;
    text-decoration:none;
}
a:active {
    color:#EB1C2D;
    text-decoration: none;
    outline:none;
}

/**
 * Fonts
*/
@font-face {
	font-family: 'MyriadProBoldItalic';
	src: url('../fonts/myriadpro-boldit-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-boldit-webfont.woff') format('woff'), url('../fonts/myriadpro-boldit-webfont.ttf') format('truetype'), url('../fonts/myriadpro-boldit-webfont.svg#webfont0jVeV7GU') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProSemiboldItalic';
	src: url('../fonts/myriadpro-semiboldit-webfont.eot');
	src: local('☺'), url('../fonts/myriadpro-semiboldit-webfont.woff') format('woff'), url('../fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semiboldit-webfont.svg#webfonttT4qGCtt') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**
 * Container
 */
#container {
    width:770px;
    margin:0 auto;
}

/**
 * Header
*/
#header h1 {
    display:block;
    background:transparent url('../images/brakequip_logo.gif') no-repeat;
    width:397px;
    height:75px;
    text-indent: -10000px;
    float:left;
    margin-left: 20px;
}
#header .login {
    float:right;
    color:#7A8CA0;
    margin:20px 0 0 0;
}
#header .login a {
    font-size:11px;
    font-style:italic;
}
#header th {
    font-weight:normal;
    width: 60px;
    font-size:11px;
}
#header .login .username {
    color:#7A8CA0;
    font-size:11px;
    font-style:italic;
    width:80px;
}
#header .login .enter {
    font-size:8pt;
}

/**
 * Navigation
*/
#nav {
    height:36px;
    clear:both;
    padding-top: 29px;
}
#nav ul {
    margin-left:20px;
}
#nav li {
    float:left;
}
#nav a {
    color:#fff;
    display:block;
    height:36px;
    margin-right:6px;
    padding-right:12px; /* sliding doors padding */
    text-decoration:none;
    font-family:'MyriadProSemiboldItalic', arial;
    font-size:15px;
    cursor:pointer;
    float: left;
}
#nav a.active {
    background:transparent url('../images/nav_bg_a.gif') no-repeat scroll top right;
}
#nav a span {
    float: left;
    display:block;
    padding:7px 0 0px 12px;
    height:29px;
    cursor:pointer;
}
#nav a.active span {
    background:transparent url('../images/nav_bg_span.gif') no-repeat;
}

/**
 * Content
*/
#content-container {
    background:transparent url('../images/content_bg.gif') repeat-y;
    width:768px;
    min-height:400px;
    clear:both;
}
#content-top {
    height:185px;
}
h2 {
    font-size:18px;
    font-family:'MyriadProBoldItalic', arial;
    color:#fff !important;
    text-shadow:#000 1px 1px 1px;
    line-height:20px;
}
h2 a, h2 a:hover {
    color:#fff !important;
}
#content-top .left {
    float:left;
    padding:42px 0 0 105px;
    width: 305px;
	color:#fff;
}
#content-top .right {
    float:left;
    padding:22px 0 0 150px;
    width:208px;
    height:100px;
}
#content-top a.contact-us {
    background:transparent url('../images/contact_bg.gif') no-repeat;
    height: 38px;
    width: 107px;
    display: block;
    font-family:'MyriadProBoldItalic', arial;
    font-size:15px;
    color:#fff;
    line-height:14px;
    padding: 5px 0 0 10px;
    text-shadow:#000 1px 1px 1px;
}
#content-top a.contact-us span {
    padding-left: 8px;
}
h2.question-mark {
    font-size:100px !important;
    line-height:80px !important;
}
#content-inner {
    background:transparent url('../images/content_top.jpg') top no-repeat;
}
#content {
    padding:0px 0 0 20px;
    float:left;
    width:496px;
}
#content h3 {
    font-family:'MyriadProBoldItalic', arial;
    font-size:22px;
    color:#df1e2b;
    text-shadow:#d5d5d5 1px 1px 1px;
    line-height:22px;
    padding-bottom: 10px;
}
h4 {
    font-size: 14px;
    padding-bottom: 10px;
}
.brake-hose-machine {
    float:right;
    padding-left:10px;
}
#aside {
    float:left;
    width:250px;
}
#aside .panel {
    background:transparent url('../images/aside_panel_bg.jpg') no-repeat;
    height:368px;
    width:175px;
    margin:0 auto;
    padding:14px 14px 0 14px;
}
#aside h2.title {
    font-size:22px;
    padding-bottom: 15px;
}
#aside h2.title span {
    padding-left:15px;
    display:block;
}
#aside .panel {
    font-family:'MyriadProBoldItalic', arial;
    font-size:16px;
    color:#fff;
    line-height:20px;
}
.brakequip-dvd {
    margin:12px 0 0 53px;
}

/** 
  * Panels
 */

/* Red Panel */
.panel.red .title {
    background: transparent url('../images/red_panel_bg.gif') repeat-x;
    height: 39px;
}
.panel.red .title div {
    background: transparent url('../images/red_panel_left.gif') no-repeat;
    height: 39px;
}
.panel.red .title span {
    display: block;
    background: transparent url('../images/red_panel_right.gif') right no-repeat;
    height: 39px;
}
.panel.red .title a {
    color: #fff;
    float: right;
    font-size: 11px;
    text-decoration: none;
    display: block;
    padding: 13px 10px 0 0; 
}
.panel.red .title a:hover {
    text-decoration: underline;
}
.panel .title h4 {
    padding: 13px 0 0 10px;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    float: left;
}
.panel .container {
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}
.panel .container .content {
    margin: 0 2px;
    padding: 10px;
    background: #fff url('../images/panel_bg.jpg') repeat-x bottom;
}
.panel .content form p {
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 90px; /* width of left column containing the label elements */
    height: 1%;
}
.panel .content form label {
    float: left;
    margin-left: -90px; /* width of left column*/
    width: 80px; /* width of labels. Should be smaller than left column (155px) to create some right margin */
    padding-top: 4px;
}
.panel .content .note {
    font-size: 11px;
    color: #999;
}
.panel .bottom {
    background: transparent url('../images/panel_bottom_bg.gif') repeat-x;
    height: 5px;
}
.panel .bottom div {
    background: transparent url('../images/panel_bottom_left.gif') no-repeat;
    height: 5px;
}
.panel .bottom span {
    display: block;
    background: transparent url('../images/panel_bottom_right.gif') right no-repeat;
    height: 5px;
}


/* Distributor */
#sidebar {
    float: left;
    width: 270px;
    height: 400px;
    overflow: auto;
    padding-right: 15px;
}
#map {
    overflow: hidden;
    width: 400px;
    height: 400px;
}
#sidebar .location {
    clear: both;
    height: 95px;
    border-bottom: 1px dotted #cfcfcf;
    margin-bottom: 10px;
    cursor: pointer;
}
#sidebar .location .icon {
    height: 32px;
    width: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: transparent url('../images/map_marker.gif') no-repeat;
    padding-top: 6px;
    float: left;
}
#sidebar .location .info {
    margin-left: 45px;
}
#sidebar .location .km {
    color: #8c8c8c;
    display: block;
    font-size: 11px;
}
#sidebar .location .address {
    color: #848484;
}

/**
 * Footer
*/
#footer {
    clear:both;
    background:transparent url('../images/content_bottom.gif') no-repeat;
    height:32px;
    width:768px;
    padding-top:30px;
    text-align:center;
    font-size:11px
}
#footer ul {
    width:448px;
    margin:0 auto;
}
#footer ul.lev1 {
    width:500px;
}
#footer ul.lev2 {
   width:160px;
}
#footer li {
    float:left;
    padding-right:10px;
}