/*
Theme Name: Öhlins Supplier
Theme URI: http://supplier.ohlins.com/
Description: Theme made for the Öhlins Supplier Site.
Version: 1.0
Author: Johan Linander
Author URI: http://mediaempire.se/
Tags: none
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

body {
  background: #202327;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
}

a {

}
a.light,
#footer a {
  color: #F8F8F8;
  text-decoration: none;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: color;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-out;
  transition-property: color;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
a.dark {
  color: #444;
  text-decoration: none;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
a:hover {
/*   text-decoration: underline; */
}
a.light:hover,
#footer a:hover {
  color: #FFBE00;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: color;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-out;
  transition-property: color;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
a.dark:hover {
  color: #cc9802;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}


#container {
  width: 100%;
  background: #F4F4F4;
/*   background: url(images/os_bg.png) repeat;  */
}
.two_column_bg {
  margin: 17px 0 20px;
  background: url(images/os_two_column_bg.png) repeat-y;
}
#column_left {
  padding: 0;
  margin: 0;
  width: 470px;
  float: left;
}
#welcome {
  width: 920px;
  height: 250px;
  padding-top: 10px;
}
#welcome h1 {
  display: block;
  width: 472px;
  height: 300px;
  background: transparent url(images/os_welcome.png) no-repeat;
  text-indent: -9999px;
}
.damper {
  height: 91px;
  background: transparent url(images/ow_damper.png) no-repeat;
}
.front_forum {
  width: 450px;
  background: #dcdcdc;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 10px;
  margin-top: 15px;

}
.front_forum h3,
#latest_photos h2 {
  display: block;
  color: #0b479d;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 28px;
  width: 282px;
  height: 20px;
  margin-bottom: 10px;
  text-indent: -9999px;
  background: transparent url(images/ow_heading_latest_from_forum.png) no-repeat;
}
#latest_photos h2 {
  width: 208px;
  background: transparent url(images/ow_heading_latest_photos.png) no-repeat;
}
.front_forum ul {
  padding-bottom: 10px;
}
.front_forum ul li {
/*   list-style: disc; */
/*   list-style-position: inside; */
/*
  color: #161616;
  background: url(images/ow_forum_list_bottom_bg.png) bottom repeat-x;
*/
}
.front_forum ul li a {
/*
  display: block;
  color: #161616;
  text-decoration: none;
  background: transparent url(images/ow_forumlist_bullet_bg.png) 0 7px no-repeat;
  padding: 4px 0 5px 10px;
*/
}
.front_forum ul li a:hover {
/*   text-decoration: underline; */
}
.front_forum ul li a span {
  font-size: 10px;
  color: #909090;
}

#column_right {
  margin: 0 0 0 19px;
  padding: 0 0 0 19px;
  width: 450px;
  float: left;
  margin-left: 21px;

}
#latest_news h2,
#latest_documents h2 {
  color: #0b479d;
  font-size: 28px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 200;
  border-bottom: 1px solid #4e4e4e;
/*  width: 450px;
  height: 73px;
  margin-bottom: 19px;
  text-indent: -9999px;
  display: block;
  background: url(images/os_heading_news.png) no-repeat;
*/}
#latest_news ul,
ul.news_list {
  margin: 0 0 20px 0;
}
#latest_news ul {
  margin-top: 10px;
}

ul.news_list li {
  margin: 0 0 20px 0;
}
#column_right ul {

}
#column_right ul li {

}
li.front_news {
  margin-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 9px;
}
.latest_news_textbox,
.news_list_textbox {
}
.latest_news_textbox h3,
.news_list_textbox h3 {
  font-family: DroidSansRegular, Arial;
  display: block;
  background: #dcdcdc;
  color: #303338;
  padding: 6px 10px;
  font-size: 12px;
  text-transform: uppercase;
}
.latest_news_textbox h3 {
  background: none;
  padding: 0;
  margin-bottom: 3px;
}

.latest_news_textbox .date {
  color: #888888;
  font-size: 12px;
  margin-bottom: 4px;
}

.news_list_textbox .date {
  float: right;
  margin-left: 10px;
  font-weight: normal;
}
.latest_news_textbox h3 a,
.news_list_textbox h3 a {
  color: #303338;
  text-decoration: none;
}
.latest_news_excerpt,
.news_list_excerpt {
  background: url(images/os_title_arrow.png) 12px 0 no-repeat;
  padding: 10px 2px;
  color: #161616;
  line-height: 1.45;
  font-size: 13px;
}
.latest_news_excerpt {
  padding: 0;
}
.latest_news_excerpt a,
.news_list_excerpt a,
.latest_news_list div.textbox a,
.latest_applications_list div.textbox a {
  color: #303338;
  font-weight: bold;
}
#latest_photos {
  width: 425px;
}
#latest_photos ul {
  padding: 5px 0 0 0;
/*   margin: 0 auto; */
}
#latest_photos ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 77px;
  height: 77px;
}
#latest_photos ul li.first {
  clear: left;
}
#latest_photos ul li.last {
  margin-right: 0;
}
#latest_photos ul li a {
  border: 1px solid #DDD;
  display: block;
}
#latest_photos ul li a:hover {
 border: 1px solid #555;
}

#header_wrapper {
  width: 100%;
  height: 200px;
  background: transparent url(images/os_header_bg.png) repeat-x;
}
#header {
  width: 960px;
  margin: 0 auto;
}
#header_top {
  height: 107px;
  padding-top: 20px;
}
a#logo {
  display: block;
  width: 201px;
  height: 87px;
  background: transparent url(images/os_logo.png) no-repeat;
  text-indent: -9999px;
  float: left;
}
#usernav {
  float: right;
  padding: 7px;
  background: #303338;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.userinfo {
  color: #FFF;
  padding: 1px 20px 0 5px;
}
.userinfo span,
.userinfo span a {
  color: #ffbb0d;
  text-decoration: none;
}
.userinfo span a:hover {
  text-decoration: underline;
}
.nav {
  position: relative;
  height: 34px;
/*   overflow: hidden; */
  z-index: 50;
  font-family: Arial;
}
.nav ul {
  height: 24px;
  padding: 5px 0;
}
.nav ul li {
  float: left;
  text-transform: uppercase;
  color: #FFF;
  font-size: 14px;
  margin-right: 10px;
  position: relative;
}
.nav ul li a {
  color: #FFF;
  text-decoration: none;
  padding: 5px 7px;
  background: none;
  height: 14px;
  line-height: 14px;
  display: block;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.nav ul li a:hover,
.nav ul li.sfHover a {
  background: #1a1d20;
  -moz-box-shadow: inset 0 0 3px 0 #111;
  -webkit-box-shadow: inset 0 0 3px 0 #111;
  box-shadow: inset 0 0 3px 0 #111;
}
.nav ul li.current_page_item a,
.nav ul li.current_page_parent a {
  background: #1a1d20;
}
.nav ul li ul {
/*   display: block; */
  display: none;
  position: absolute;
  top: 21px;
  left: 0;
  background: #1a1d20;
/*   width: auto; */
  width: 240px;
  height: auto;
  z-index: 100;
  font-family: Arial;
  -moz-border-top-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.2);
  -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 8px rgba(0,0,0,0.2);
}
.nav ul li ul li {
/*   text-transform: none; */
  display: block;
  float: none;
  font-size: 12px;
  margin: 0 5px;
}
.nav ul li ul li a:hover,
.nav ul li.sfHover ul li a {
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  padding: 5px 7px;
  background: none;
  height: auto;
  line-height: 1.3;
/*   height: 14px; */
/*   line-height: 14px; */
  display: block;

}
.nav ul li ul li a:hover {
  background: #303338;

}
.nav ul li ul li ul {
  left: 220px;
  top: 0px;
}

.breadcrumb {
  height: 35px;
  width: 660px;
  float: left;
  overflow: hidden;
}
#crumbs {
  font-family: Arial;
  font-size: 12px;
  text-transform: uppercase;
  padding: 12px 0 0 7px;
}
#crumbs a {
  color: #616161;
  text-decoration: none;
  background: transparent url(images/os_arrow_right_black.png) right 2px no-repeat;
  padding: 0 14px 0 2px;
}
#crumbs a:hover {
  color: #616161;
  text-decoration: underline;
}
#crumbs span {
  color: #0b479d;
}

#searchbox_wrapper {
  width: 300px;
  height: 25px;
  float: right;
  padding: 6px 0 2px 0;
}
div#searchbox {
  width: 300px;
  height: 25px;
/*   position: absolute; */
/*   bottom: 19px; */
/*   right: 26px; */
}

label#search_label {
  float: left;
  width: 0;
  height: 25px;
  background: url(images/os_search_bg.png) no-repeat;
  text-indent: -9999px;
}
div#search_input_wrapper {
  float: left;
  height: 25px;
  margin: 0px;
  width: 276px;
  background: url(images/os_search_bg.png) 0 0 no-repeat;
}
#search_input.input_tip {
  color: #9a9a9a
}
#search_submit {
  background: url(images/os_search_bg.png) -276px 0 no-repeat;
  border: 0;
  cursor: pointer;
  display: block;
  float: left;
  height: 25px;
  margin: 0px;
  width: 24px;
}
#search_input_wrapper input {
  padding: 3px 5px;
  margin: 0;
  width: 266px;
  height: 19px;
  line-height: 19px;
  border: none;
  display: block;
  color: #000;
  font-size: 16px;
  background: none;
}
#search_input {
}
.searchbox_button {
  float: left;
}
#search_input_wrapper {
  width: 182px;
  float: left;
  height: 25px;
}
#content {
  width: 960px;
  margin: 0 auto;
}

#footer_wrapper {
  width: 100%;
  background: #202327 url(images/os_footer_bg.png) repeat-x;
}
#footer {
  width: 960px;
  margin: 0 auto;
/*   height: 200px; */
  padding-bottom: 30px;
}
#footer_copy {
  height: 34px;
  width: 960px;
}
div#footer_nav_wrapper {
  width: 920px;
  background: #303338;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-top: 20px;
  padding: 20px;

}
table.footer_nav {
  color: #FFF;
  width: 100%;
}
table.footer_nav td {
  vertical-align: top;
  font-size: 14px;
  padding: 0 15px;
/*   border-right: 1px solid #303338; */
  border-left: 1px solid #4e5054;

}
table.columns_5 td {
  width: 20%;
}


ul.footer_nav td {
}
table.footer_nav td.first {
  padding-left: 0;
  border-left: none;
}
table.footer_nav td.last {
  padding-right: 0;
  border-right: none;
}
table.footer_nav td.first-page-item  {
  margin-left: 0;
}
table.footer_nav td.page-item-12 {
  margin-right: 0;
}
table.footer_nav td a {
/*   color: #FFF; */
  text-decoration: none;
}
table.footer_nav ul {
  display: block;
  padding: 10px 0 0 0;
  list-style-type: disc;
}
table.footer_nav ul li {
  padding: 0;
  font-size: 11px;
  margin: 0 0 5px 0;
  display: block;
/*   line-height: 1.3; */
}
table.footer_nav td ul li a {
  padding-left: 8px;
  background: transparent url(images/os_footer_bullet.png) 0 5px no-repeat;
/*   color: #d5d5d5; */
}
table.footer_nav td ul li a:hover {
/*   color: #FFF; */
}
button span,
a.button span {
  position: relative;
  display: block;
  white-space: nowrap;
}
button.test span,
a.button span {
  display: block;
  height: 19px;
  background: transparent url(images/os_button_200px.png) no-repeat 0 0;
  padding: 6px 7px 0 10px;
}
button.test,
a.button {
  display: block;
  padding: 0 3px 0 0;
  margin-right: 0;
  border: 0;
  cursor: pointer;
  overflow: visible;
  font-size: 12px;
  text-align: center;
  background: transparent url(images/os_button_200px.png) no-repeat right -50px;
  color: #4e4e4e;
  text-decoration: none;
  text-transform: uppercase;
}
button.test:hover,
a.button:hover {
  background-position: right -75px;
}
button.test:hover span,
a.button:hover span {
  background-position: 0 -25px;
}

table.doclist {
  margin: 10px 0 20px 0;
  width: 100%;
  color: #4e4e4e;
  font-family: DroidSansRegular, Arial;
}
#latest_documents table.doclist {
  margin: 0 0 20px 0;
}
table.doclist thead {
/*   border-bottom: 1px solid #4e4e4e; */
}
table.doclist tbody tr:hover {
/*   background: #F4F8F8; */
/*   background: #FBFBFB;   */
  background: #EAEAEA;
}
table.doclist tbody a {
  color: #4e4e4e;
  text-decoration: none;
}
table.doclist tbody a.red {
  color: red;
}
table.doclist tbody a:hover {
  text-decoration: underline;
}

table.doclist th {
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  border-bottom: 1px solid #4e4e4e;
  padding: 0 7px;
}
table.doclist td {
  font-size: 12px;
  font-weight: normal;
  height: 47px;
  border-bottom: 1px solid #d2d2d2;
  padding: 0 7px;
}
th.docfname,
th.docdesc,
th.docdate,
th.docsize {
}
table.doclist th.docicon,
table.doclist td.docicon,
table.doclist th.appicon,
table.doclist td.appicon {
  padding: 0 0px 0 3px;
  width: 45px;
}
td.appid {
  width: 75px;
}
td.docfname {
  text-align: left;
}
td.docdesc {
  text-align: left;
}
td.docyear,
td.appyear {
  width: 90px;
}
td.docdate,
td.appdate {
  width: 68px;
}
table.doclist th.doctype,
table.doclist td.doctype {
  width: 130px;
}
table.doclist th.docsize,
table.doclist td.docsize {
  text-align: right;
  width: 65px;
  padding: 0 3px 0 0;
}
table.doclist th.edit,
table.doclist td.edit {
  padding: 0;
  width: 15px;
  text-align: right;
}
/* DOCUMENT PAGE */
div.document_page,
div.photo_page,
div.logo_page,
div.general_page {
  padding: 20px 0 20px;
}
#document,
#forum,
#article,
#page,
#news_archive {
  margin-left: 10px;
  width: 640px;
  float: left;
}
#article.sheet {
  background: #FFF;
  padding: 20px;
  width: 620px;
  border: 1px solid #DDD;
  /*font-size: 15px;*/
/*  border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
*/
  box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
}
div.page_content {
  font-size: 13px;
}
div.page_content p {
  margin: 0 0 10px;
  line-height: 1.45;
}
#document.image div.document_image {
  background: #FFF url(images/spinner.gif) 50% 50% no-repeat;
  min-width: 30px;
  min-height: 30px;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
}
#document.image div.document_image img.shadow {
}
#welcome img.shadow {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
}

.preloader {
  background: url(images/os_loader.gif) center center no-repeat #ffffff;
  display: inline-block;
}
#sidebar {
  width: 255px;
  float: right;
  font-family: DroidSansRegular, Arial;
/*   background: yellow; */
}
div.single #sidebar {
/*   margin-top: 30px; */
}


#sidebar h4 {
/*   font-size: 20px; */
  font-size: 22px;
  font-weight: normal;
  margin: 0 -5px 8px;
  padding: 5px 6px;
  border-bottom: 1px solid #DDD;
  color: #222;
  position: relative;
}
#sidebar .sidebar_box.appbox h4 {
  margin: 0 0 0;
  padding: 5px 5px;
  border-bottom: 1px solid #4e4e4e;
}

.sidebar_box {
  color: #666;
  margin-bottom: 30px;
  font-size: 13px;
}
.sidebar_box p {
  margin: 0 0 10px;
  line-height: 1.35;
}
ul.latest_news_list .date {
  font-family: DroidSansRegular, Arial;
  display: block;
  background: gainsboro;
  color: #303338;
  padding: 6px 10px;
  font-size: 12px;
  text-transform: uppercase;
}
ul.latest_news_list h3 {
  margin: 8px 5px 5px;
}
ul.latest_news_list h3 a {
  color: #303338;
  text-decoration: none;
}
ul.latest_news_list div.textbox {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0 5px;
}
ul.latest_news_list div.textbox p {
  color: #363636;
  line-height: 1.45;
  font-size: 13px;
}
ul.latest_applications_list {
  font-family: DroidSansRegular, Arial;
  font-size: 12px;
}
ul.latest_applications_list li {
  border-bottom: 1px solid #D2D2D2;
  padding: 10px 5px;
}
ul.latest_applications_list li:hover {
  background: #EAEAEA;
}
ul.latest_applications_list a {
  color: #4E4E4E;
  text-decoration: none;
}
ul.latest_applications_list a:hover {
  text-decoration: underline;
}
ul.latest_applications_list .appid {
  display: block;
  float: left;
  width: 85px;
}
ul.latest_applications_list .appbrand {
  display: block;
  float: left;
  width: 155px;
}

/*
.sidebar_box dd a {

  text-decoration: none;
}
*/
/*
.sidebar_box dd a:hover {
}
*/
/*
.sidebar_box dd a:visited {
  color: #444;
}
*/
.sidebar_box.shortlink input {
  border: 1px solid #DDD;
  margin: 0;
  width: 240px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  padding: 0 5px;

}
dl {
  overflow: hidden;
  font-size: 13px;
  font-weight: normal;
}
dl dt {
  clear: left;
  float: left;
  width: 90px;
  margin: 0;
  padding-top: 6px;
  padding-bottom: 2px;
}
dl dd {
  display: block;
  color: #444;
  width: 160px;
  font-weight: bold;
  margin: 0 0 0 90px;
  clear: right;
  padding-top: 6px;
  padding-bottom: 2px;
  word-wrap: break-word;

}


/* SPECIFICATION CARD */
div.specification-card-page,
div.regular-docs-page {
  margin: 15px 8px;
}
div.specification-card-page h1,
div.regular-docs-page h1,
div.general_page h1,
div#forum h1 {
  font-family: DroidSansRegular, Arial;
  font-weight: normal;
  font-size: 30px;
  margin: 0 0 10px 0;
}
div.specification-card-page h1 span,
div.regular-docs-page h1 span,
div.general_page h1 span,
div#forum h1 span {
  color: #888;
}

ul.term_list {
  margin: 0 0 40px;
}
ul.term_list li {
  font-family: DroidSansRegular, Arial;
  display: block;
  float: left;
}
ul.term_list li a {
  display: block;
  float: left;
  width: 218px;
  margin-left: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #BABABC;
  font-size: 13px;
  padding-top: 6px;
  padding-right: 3px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #303338;
  text-decoration: none;
}
ul.term_list li.first {
  clear: left;
}
ul.term_list li.first a {
  margin-left: 0;
}
ul.term_list li a:hover {
/*   background: #F4F8F8; */
/*   background: #f5f5f5; */
  background: #EAEAEA;

}

/* SINGLE */
div.single div#document h1,
div.single div#article h1 {
  font-family: DroidSansRegular, Arial;
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 10px;
}
div#article p {
  margin: 0 0 15px;
  line-height: 1.45;
  font-size: 14px;
}
div#article div.published {
  font-weight: bold;
  margin: 0 0 10px;
}
span.collapse {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 9px;
  right: 3px;
  background: url(images/os_collapse_button.png);
  cursor: pointer;
}
span.collapse.closed {
  background-position: -16px top;
}

/* PAGE */
div.general_page h1 {
/*
  font-family: DroidSansRegular, Arial;
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 10px;
*/
}
div.general_page h1 span {
  color: #888;
}

/* PAGE PHOTO */
ul.photolist_small {

}
ul.photolist_small li {
  float: left;
  margin-right: 9px;
  width: 77px;
  height: 77px;
}
ul.photolist_small li.first {

}
ul.photolist_small li.current,
ul.photolist_small li.first.empty,
ul.photolist_small li.last.empty {
  width: 75px;
  height: 75px;
  border: 1px solid #DDD;
}
ul.photolist_small li.first.empty,
ul.photolist_small li.last.empty {
  font-size: 10px;
  background: #FFF;
  text-align: center;
  line-height: 75px;
}

ul.photolist_small li a {
  border: 1px solid #DDD;
  display: block;
}
ul.photolist_small li a:hover {
  border: 1px solid #555;
}
ul.photolist_small li.last {
  margin-right: 0;
}

div#selector {
  background: #E7E7E7;
  padding: 8px 10px;
  margin: 0 0 15px 0;
}
div#select_category {
  float: left;
}
div#selector {
  font-family: Arial;
  font-size: 11px;
}
div#select_category select {
  width: 221px;
}
div#select_photoset select,
div#select_brand select,
div#select_model select,
div#select_prodtype select {
  width: 231px;
}
div#select_number select {
  width: 231px;
}
div#select_brand,
div#select_number,
div#select_model,
div#select_prodtype,
div#select_photoset {
  float: left;
  margin-left: 12px;
}
div#select_doctype {
  width: 350px;
}
ul.photolist {
  margin-bottom: 10px;
}
ul.photolist li {
  width: 231px;
  height: 231px;
  background: #FFF;
  float: left;
  margin: 0 12px 12px 0;
  position: relative;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
  text-align: center;
}
ul.photolist li.first {
  clear: left;
}
ul.photolist li.last {
  margin: 0 0 12px 0;
}
ul.photolist .photoinfo {
  text-align: left;
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
/*   height: 20px; */
  background: transparent url(images/os_photo_thumb_bg.png) repeat;
  width: 211px;
/*   line-height: 10px; */
  color: white;
  font-size: 13px;
  font-family: DroidSansRegular, Arial;
}
ul.photolist .photoinfo span {
  width: 211px;
  display: block;
/*   height: 20px; */
  overflow: hidden;
  text-overflow: ellipsis-word;
  word-wrap: break-word;
}

ul.photolist li a,
ul.photolist li a:visited {
  display: block;
  color: #F8F8F8;
  text-decoration: none;
  font-weight: 300;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: color;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-out;
  transition-property: color;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
ul.photolist li a:hover {
  color: #FFBE00;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -ms-transition-property: color;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-out;
  transition-property: color;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
div.navigation {
/*   position: relative; */
  padding: 5px 0;
/*   height: 25px; */
}
div.button_left {
/*   float: left; */
/*   width: 300px; */
}
div.button_right {
/*   float: right; */
/*   width: 300px; */
/*   text-align: right; */
}
div.page_info {
/*   position: absolute; */
/*   top: 0; */
/*   left: 300px; */
/*   width: 960px; */
  width: 100%;
/*   height: 25px; */
  font-size: 13px;
  text-align: center;
  color: #555;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.wp-pagenavi,
.wp-commentnavi {
  clear: both;
}

.wp-pagenavi a,
.wp-commentnavi a,
.wp-pagenavi span,
.wp-commentnavi span {
  margin: 0;
  color: #333;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
  font-weight: normal;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0 2px;
  -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.55);
  -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.55);
  box-shadow: 0px 1px 0px rgba(255,255,255,0.55);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.wp-pagenavi a,
.wp-commentnavi a {
  text-decoration: none;
}

.wp-pagenavi a:hover,
.wp-commentnavi a:hover {
    color: #0B479D;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.wp-pagenavi span.current,
.wp-commentnavi span.current {
  font-weight: normal;
  font-style: normal;
  color: #333333;
  background: #e6e6e6 url(images/os_buttonbg.png) repeat-x;
  padding: 4px 8px 4px 8px;
  border: 1px solid #bbb;
  margin: 0 2px;
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-pagenavi span.current,
.wp-commentnavi span.current {
/*  font-weight: bold; */
}



/* BUTTONS */
.awesome,
.awesome:visited,
input#submit {
  background: #222 url(images/alert-overlay.png) repeat-x;
  display: inline-block;
  padding: 5px 10px 5px;
  border: 0;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  line-height: 1;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 1px 3px #999;
  -webkit-box-shadow: 0 1px 3px #999;
  text-shadow: 0 -1px 1px #222;
  border-bottom: 1px solid #222;
  position: relative;
  cursor: pointer;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  margin: 0;

}
.awesome:hover,
input#submit:hover {
  background-color: #111;
  color: #fff;
}
.awesome:active,
input#submit:active {
  top: 1px;
}


/* Sizes ---------- */
.small.awesome,
.small.awesome:visited {
  font-size: 11px;
}
.awesome,
.awesome:visited,
.medium.awesome,
.medium.awesome:visited {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.awesome,
.large.awesome:visited,
input#submit,
input#submit:visited {
  font-size: 14px;
  padding: 8px 14px 8px;
}

/* Colors ---------- */
.green.awesome,
.green.awesome:visited {
  background-color: #91bd09;
}
.green.awesome:hover {
  background-color: #749a02;
}
.blue.awesome,
.blue.awesome:visited {
  background-color: #2daebf;
}
.blue.awesome:hover {
  background-color: #007d9a;
}
.red.awesome,
.red.awesome:visited {
  background-color: red;
}
.red.awesome:hover {
  background-color: #cd0202;
}
.magenta.awesome,
.magenta.awesome:visited {
  background-color: #a9014b;
}
.magenta.awesome:hover {
  background-color: #630030;
}
.orange.awesome,
.orange.awesome:visited {
  background-color: #ff5c00;
}
.orange.awesome:hover {
  background-color: #d45500;
}
.yellow.awesome,
.yellow.awesome:visited {
  background-color: #ffb515;
}
.yellow.awesome:hover {
  background-color: #fc9200;
}
.gray.awesome,
.gray.awesome:visited {
  color: #444;
  text-shadow: 0 -1px 1px #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #e6e6e6;
}
.gray.awesome:hover {
  background-color: #dadada;
}

/*** COMMENTS ***/
ol.commentlist {
  padding: 10px 0;
}
div#comments {
}
h2#comments-title {
  margin: 25px 0 25px;
  font-size: 20px;
  font-weight: normal;
}
h3#reply-title {
  margin: 0 0 10px;
  font-size: 16px;
}
p.form-submit {
  margin: 10px 0;
}
ul#latest_comments {
  padding: 10px 0 0 0;
}
ul#latest_comments li {
  margin: 0 0 10px 0;
}
ul#latest_comments li a {
  color: #333;
}
div#comments img.avatar,
ul#latest_comments img.avatar {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
}
div.ow_avatar {
  position: absolute;
  top: 0;
  left: 0;
}
div.comment_wrapper {
  position: relative;
}
div.ow_comment_body {
  padding: 0 0 0 46px;
  margin-bottom: 10px;
}
div.ow_comment_body span.edit-link {
  display: none;
}
div.ow_comment_body:hover span.edit-link {
  display: inline;
}
div.ow_comment_body a {
  color: #666;
}
div.ow_comment_header {
  background: url(images/os_backgrounds-sprite.png) 0 0 repeat-x;
  font-size: 13px;
  padding: 10px;
  border: 1px solid #CCC;
  border: 1px solid rgba(0, 0, 0, .15);
  margin: 0 0 1em;
  max-height: 36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  line-height: 14px;
}
span.ow_commenter_name {
  font-weight: bold;
  text-decoration: none;
}
div.comment-content p {
  margin: 0 0 10px 0;
  line-height: 1.5;
}
li.comment ul.children {
  margin-left: 46px;

}
div.comment-info {
  float: left;
  width: 50%;
}
div.reply {
  text-align: right;
  float: right;
  width: 50%;
  padding-right: 5px;
}
span.edit-link {
  padding-left: 5px;
}
span.edit-link a {
  color: red;
}
input#author,
input#email {
  background: #FFF url(images/os_backgrounds-sprite.png) 0 -480px repeat-x;
  border: 1px solid #C1C1C1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.16);
  -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.16);
  box-shadow: inset 0 1px 4px rgba(0,0,0,.16);
  padding: 3px 10px;
  font-size: 14px;
  margin: 0 0 10px;

}
.comment-form-comment textarea#comment {
  background: #FFF url(images/os_backgrounds-sprite.png) 0 -480px repeat-x;
  width: 618px;
  border: 1px solid #C1C1C1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.16);
  -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.16);
  box-shadow: inset 0 1px 4px rgba(0,0,0,.16);
  position: relative;
  padding: 10px;
  font-size: 15px;
}

.comment_avatar {
  float: left;
  width: 36px;
  height: 36px;
}
.comment_box {
  font-size: 13px;
  float: left;
  margin-left: 10px;
  width: 404px;
  color: #333;
  line-height: 1.45;
}
.comment_box span {
  color: #000;
  font-weight: bold;
}
.comment_info {
  clear: both;
  font-size: 10px;
  color: #000;
  padding-top: 5px;
  margin-bottom: 10px;
}
a.sorting {
  color: #444;
}
.sorting-indicator {
  display: none;
  width: 7px;
  height: 4px;
  margin-top: 8px;
  margin-left: 7px;
  background-image: url(images/os_sort.gif);
  background-repeat: no-repeat;
}
th.sorted.asc .sorting-indicator /*,
th.desc:hover span.sorting-indicator*/ {
  display: block;
  background-position: 0 0;
}
th.sorted.desc .sorting-indicator /*,
th.asc:hover span.sorting-indicator*/ {
  display: block;
  background-position: -7px 0;
}
th.sortable a span,
th.sorted a span {
  float: left;
  cursor: pointer;
}



/* Application */
.app_login_status {
  background: #FAFAFA;
  border-bottom: 1px solid #EBEBEB;
  font-size: 14px;
}
.app_login_status .left {
  padding: 10px 0 10px 10px;
  width: 505px;
}
.app_login_status .right {
  width: 105px;
  padding: 10px 10px 10px 0;
  text-align: right;
}
.app_login_status a {
  font-weight: bold;
}
/* Feedback form */
div.application form p {
  margin-bottom: 10px;
}
div.application label {
  display: block;
  padding: 0 0 2px 0;
  margin: 0;
}
div.application select {
  width: 470px;
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
}
div.application input.text,
div.application input#user_login,
div.application input#user_pass,
div.application textarea {
  background: #fcfcfc;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
  border: 1px solid #cecece;
  padding: 6px;
  display: block;
  font-size: 15px !important;
  line-height: 18px !important;
  color: #555;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 0 0 13px 0;
  width: 456px;
  /*width: 626px;*/
  font-size: 15px;
}
div.application textarea {
  height: 100px;
}
div.application input.application_file {
  display: block;
  font-size: 13px;
  margin-bottom: 20px;
}

/*
div.accreditation input[type=text].text-empty:hover,
div.accreditation textarea.text-empty:hover{
  color: #888;
}
*/
div.application input#submitbtn,
div.application input.button-primary {
  display: block;
  color: #f3f3f3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border: none;
  background: #444;
  outline: none;
  width: auto;
  float: none;
  text-shadow: -1px -1px 0px #333;
  text-decoration: none;
  padding: 9px 19px;
  opacity: 0.85;
  line-height: 15px;
  font-weight: 300;
}
div.application input#submitbtn:hover,
div.application input.button-primary:hover {
  opacity: 1;
  cursor: pointer;
}
div.application input.text,
div.application input#submitbtn,
div.application textarea,
div.application input#user_login,
div.application input#user_pass,
div.application input.button-primary,
div.application #window.transitionEnabled {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#result {
  margin-bottom: 10px;
  background: #FFF;
  padding: 10px;
  border: 1px solid #DDD;
  font-size: 15px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#result.success {
}
#result.error {

  color: red;
  font-weight: bold;
}
div.application div.page_content {
  margin-bottom: 40px;
}


div.textbox div.applabel {
  margin: 15px 0 0;
  font-weight: normal;
}
div.textbox div.appvalue {
  font-size: 20px;
  font-weight: normal;
}
div.textbox div.appphotos {
  padding-top: 5px;
}
div.textbox div.appphotos ul {
}
div.textbox div.appphotos ul li {
  width: 150px;
  height: 150px;
  float: left;
  margin: 0 0 6px 6px;
}
div.textbox div.appphotos ul li.first {
  margin-left: 0;
}
#content pre {
  padding: 10px;
  background: #fcfcfc;
  border: 1px solid #ddd;
  overflow: auto;
  width: 928px;
  margin: 10px 8px;
/*  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
*/
  font-size: 13px;
  font-family: consolas, courier, monospace;
  color: #860008;
/*  box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1);*/
}
input.file {}
form#wp_apply_form {
  width: 470px;

}
#jquery-wrapped-fine-uploader {
  margin-bottom: 30px;
}

ul.stafflist {
  margin-top: 30px;
  margin-left: 0;
  margin-bottom: 50px;
  font-size: 13px;
}
ul.stafflist li {
  margin-bottom: 40px;
}
ul.stafflist div.title {
  font-size: 14px;
  /*font-style: italic;*/
  color: #555;
  margin-bottom: 16px;
}
ul.stafflist div.staff_photo {
  float: left;
  width: 110px;
  height: 134px;
  overflow: hidden;
  background-color:
}
ul.stafflist div.staff_text {
  float: left;
  width: 400px;
  margin: 0 0 0 20px;
}
ul.stafflist div.staff_text a {
  color: #303338;
  font-weight: bold;
}
span.def,
span.val {
  display: block;
  float: left;
  width: 70px;
  padding-bottom: 5px;
}
span.val {
  width: 200px;
}

ul.stafflist h4 {
  font-family: DroidSansRegular, Arial;
  font-size: 18px;
  font-weight: normal;
  margin: 3px 0 4px;
  /*margin: 0 -5px 8px;*/
  /*padding: 5px 6px;*/
  /*border-bottom: 1px solid #DDD;*/
  color: #222;
  position: relative;
}

#link_master {
  display: block;
  background: #d5d5d5;
  padding: 20px;
  text-align: center;
  text-decoration: none;
}
#link_news {
  background: #d5d5d5;
  padding: 10px 20px;
  text-decoration: none;
  color: #0b479d;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 400;
  text-transform: uppercase;
}
#link_master:hover,
#link_news:hover {
  background: #e0e0e0;
}
#link_master .text {
  color: #0b479d;
  font-size: 22px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 200;
}
#link_master .link {
  color: #6b6b6b;
  font-size: 15px;
}