/*        CREATED BY ROEL FERMONT & JOHN DEPPE              */
/*        DATA ACCESS EUROPE B.V.                          */
/*        DATE: 2012-09-03                                 */
/* --------------------------------------------------------*/
/* CSS RESET                                               */
/* --------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* --------------------------------------------------------*/
/* CLEARFIX                                                */
/* --------------------------------------------------------*/
.clear {clear:both;}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
/* --------------------------------------------------------*/
/* STANDARD HTML TAG DEFINITION                            */
/* --------------------------------------------------------*/
body{
  height: 100%;
  border-top: 5px solid #3a3a3a;
}
body, form, input {
  color: #3a3a3a;
  font-family: 'TitilliumWeb-Light';
  font-size: 12px;
}
h1 {
  font-size: 28px;
  line-height: 31px;
  color: #2d73d5;
  padding: 0px 0px 11px 0px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #efefef;
  font-family: 'TitilliumWeb-ExtraLight';
}
h2 {
  font-size: 22px;
  line-height: 24px;
  margin: 10px 0 5px 0;
  color: #2d73d5;
  font-family: 'TitilliumWeb-Light';
}
h3 {
  font-size: 17px;
  line-height: 20px;
  margin: 10px 0px 0px 0px;
  color: #2d73d5;
  font-family: 'TitilliumWeb-Light';
}
h4 {
  font-size: 17px;
  line-height: 20px;
  margin: 10px 0px 0px 0px;
  color: #2d73d5;
  font-family: 'TitilliumWeb-LightItalic';  
}
p{
  font-size: 14px;
  line-height: 20px;
}
.highlight {
  color: #DB3C00;
  -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}
.quote:after {
  border-color: #EFEFEF transparent;
  border-style: solid;
  border-width: 15px 15px 0;
  bottom: -15px;
  content: "";
  display: block;
  left: 50px;
  position: absolute;
  width: 0;
}
.quote {
  border-radius: 2px 2px 2px 2px;
  color: #000000;
  position: relative;
  background: none repeat scroll 0 0 #EFEFEF;
  display: block;
  font-size: 13px;
  font-style: italic;
  margin: 20px 10px;
  padding: 15px 20px;
  text-shadow: 1px 1px 1px #FFFFFF;
  -webkit-box-shadow: inset 0px 1px 0px 0px #FFFFFF;
  box-shadow: inset 0px 1px 0px 0px #FFFFFF;
}
/* list styles*/
.wrapper .left ul{
  line-height: 18px;
  font-size: 14px;
}
.wrapper .left ul li{
  list-style-type: square;
  padding: 0 0 0 5px;
  margin: 5px 0 5px 30px;
  line-height: 20px;
}
.wrapper .left ul li ul li{
  list-style-type: circle;
  padding: 0 0 0 5px;
  margin: 0 0 5px 15px;
}
.wrapper .left ul li ul li ul li{
  list-style-type:disc;
  margin: 0 0 5px 15px;
  padding: 0px 0px 0px 0px;
}
.wrapper .left ul li ul {
  margin: 5px 0px 10px 0px;
}

.wrapper .left ol{
  line-height: 18px;
  font-size: 14px;
}
.wrapper .left ol li{
  list-style-type: decimal;
  padding: 0 0 0 5px;
  margin: 5px 0 5px 20px;
  line-height: 20px;
}
.wrapper .left ol li ol {
  margin: 5px 0px 10px 0px;
}
.wrapper .left ol li ol li{
  list-style-type: lower-alpha;
  padding: 0 0 0 5px;
  margin: 0 0 5px 15px;
}
.wrapper .left ol li ol li ol li{
  list-style-type:disc;
  margin: 0 0 5px 15px;
  padding: 0px 0px 0px 0px;
}

.informationtitle{
  color: #787878;
  font-size: 13px;
  font-family: 'TitilliumWeb-Light';
  clear:both;
  display: block;
  margin: 0 0 20px 0;
}
a{
  font-family: 'TitilliumWeb-Regular';
  color: #db3c00;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
.subtitle{
  border-bottom: 1px solid #efefef;
  padding: 0 0 11px 0;
  margin: 0 0 17px 0;
  font-size: 15px;
  font-family: 'TitilliumWeb-SemiBold';
  font-weight: normal;
  clear:both;
}
.left { float: left!important;}
.right { float: right!important;}

.hidden{
  display: none;
}

::selection{ 
  color: #FFFFFF;
  background: #1A3D4C;
}
::-moz-selection{
  color: #FFFFFF;
  background: #1A3D4C;
}
.clickable{
  cursor: pointer;
}
.wrapper{
  width: 940px;
  margin: 0 auto;
  position: relative;
  clear:both;
}
.scaleimg{
  max-width:100% !important;
  height:auto;
  display:block;
}
.loading{
  background-image: url(../images/loader.gif);
  background-color: #efefef;
  background-repeat: no-repeat;
  background-position: center center;
}
.btn{
  font-family: 'TitilliumWeb-Regular';
  font-size: 18px;
  /*line-height: 26px;*/
  border: 0px solid red;
  padding: 10px 15px;
  float:right;
  cursor: pointer;
}
.btn:hover{
  text-decoration: none;
}
.btn.submit{
  background: #DB3C00;
  padding: 10px 15px;
  color: #fff;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.btn.submit:hover{
  background: #3a3a3a;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.btn.create{
  background: #DB3C00;
  margin: 10px 0 0;
  color: #fff;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.btn.create:hover{
  background: #3a3a3a;
  color: #fff;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.create {
  cursor: pointer;
}

.scrolltotop{
  position: fixed;
  bottom: -30px;
  right: 10px;
  height: 28px;

  min-width: 28px;
  background: url(../images/Sprites-arrows.png) 8px 11px  no-repeat #bbbbbb;
  display: block;
  cursor: pointer;
  z-index: 999;
}
.scrolltotop:hover{
  background: url(../images/Sprites-arrows.png) 8px 11px  no-repeat #DB3C00; 
}
input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=email],
input[type=search],
input[type=number],
textarea,
select,
.coupon .inputtext{
  padding: 8px 8px 7px 8px;
  margin: 2px 7px 0 0;
  border: 1px solid #dddddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 160px;
  font-size: 13px;
  font-family: 'TitilliumWeb-ExtraLight';
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=number]:focus,
textarea:focus,
select:focus,
.coupon .inputtext:focus{
  border: 1px solid #DB3C00;
  -webkit-box-shadow: 0px 0px 3px #DB3C00;
  box-shadow: 0px 0px 3px #DB3C00;
  background: #EFEFEF;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/**
 * Notifications
 */
.success {
  position: relative;
  text-align: center;
  background: #f1f8e2;
  border: 1px solid #d6debe;
  display: none;
  margin: 5px 0px 0px 0px;
}
.success.show{
  display: block;
} 
.success:after,
.success:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.success:after {
  border-color: rgba(241, 248, 226, 0);
  border-top-color: #f1f8e2;
  border-width: 13px;
  left: 5%;
  margin-left: -13px;
}
.success:before { /*border*/
  border-color: rgba(214, 222, 190, 0);
  border-top-color: #d6debe;
  border-width: 14px;
  left: 5%;
  margin-left: -14px;
}
.success p{
  padding: 20px 0 20px 0;
}


.warning {
  position: relative;
  text-align: center;
  background: #ffefef;
  border: 1px solid #f5cece;
  display: none;
  margin: 5px 0px 0px 0px;
}
.warning.show{
  display: block;
} 
.warning:after,
.warning:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.warning:after {
  border-color: rgba(255, 239, 239, 0);
  border-top-color: #ffefef;
  border-width: 13px;
  left: 5%;
  margin-left: -13px;
}
.warning:before { /*border*/
  border-color: rgba(245, 206, 206, 0);
  border-top-color: #f5cece;
  border-width: 14px;
  left: 5%;
  margin-left: -14px;
}
.warning p{
  padding: 20px 0 20px 0;
}



/* --------------------------------------------------------*/
/* COLLUMNS                                                */
/* --------------------------------------------------------*/
.onefourth{
  margin: 0 4% 0 0;
  width: 25.07%;
  float: left;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.onefourth.last{
  margin: 0;
}
.threefourth{
  width: 70.6781%;
  margin: 0 4% 0 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.threefourth p{
  margin: 5px 0px 10px 0px;
}
.threefourth.last{
  margin: 0 0 0 0;
}
.onethird{
  margin: 0 4% 0 0;
  width: 30.66%;
  float: left;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.onethird.last{
  margin: 0 0 0 0;
}
.twothird{
  width: 64.666667%%;
  margin: 0 4% 0 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.twothird.last{
  margin: 0 0 0 0;
}
#contactform .last,
#comment {
  width: 64%;
}
.twothird p{
  font-size: 13px;
  line-height: 18px;
  font-family: 'TitilliumWeb-ExtraLight';
}
/* --------------------------------------------------------*/
/* GLOBAL ICON ELEMENTS                                    */
/* --------------------------------------------------------*/
.ico.plus{
  float:left;
  width: 20px;
  height: 20px;
  display: block;
  margin: 2px 9px 0 0;
  background: url(../images/sprites-blog.png) -60px -51px no-repeat;
}
.ico.minus{
  float:left;
  width: 20px;
  height: 20px;
  display: block;
  margin: 2px 9px 0 0;
  background: url(../images/sprites-blog.png) -60px -32px no-repeat;
}
/* --------------------------------------------------------*/
/* SIDEBAR ELEMENTS                                        */
/* --------------------------------------------------------*/
.sidebar .subnavigationtitle{
  margin: 8px 0 19px 0;
  padding: 0 0 8px 0;
  display: block;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 17px;
  line-height: 26px;
  border-bottom: 1px solid #efefef;
}
.sidebar .subnavigation{
  margin: 19px 0 0 0;
}
.sidebar .subnavigation li a{
  color: #3a3a3a;
  text-decoration: none;
  margin: 0 0 22px 0;
  display: block;
  font-size: 13px;
}
.sidebar .subnavigation li.current a,
.sidebar .subnavigation li a:hover{
  color: #DB3C00;
}
.sidebar .commentssidebar{
  margin: 19px 0 0 0;
}
.sidebar .advertisement{
  margin: 35px 0 0 0;
}
.sidebar .advertisement .title{
  font-family: 'TitilliumWeb-SemiBold';
  font-weight: normal;
  font-size: 13px;
  line-height: 26px;
  display: block;
  padding: 0 0 0px 0;
  margin: 0 0 0px 0;
}
.sidebar .advertisement .ad{
  background: #efefef;
  border: 1px solid #dddddd;
  display: block;
  height: 183px;
  text-align: center;
  text-decoration: none;
  color: #3a3a3a;
}
/* --------------------------------------------------------*/
/* HEADER ITEMS                                           */
/* --------------------------------------------------------*/
#header{
  width: 100%;
}
#header #logo{
  margin: 50px 0 0 10px;
  float: left;
}
#header #logo .image{
  margin: 6px 0 0 0;
}
#header #logo .companytitle{
  margin: 5px 0 0 10px;
}
#header #logo .companytitle a{
  text-decoration: none;
  color: #3a3a3a;
}
#header #logo .companytitle .companyname{
  display: block;
  font-size: 28px;
  font-family: 'TitilliumWeb-Regular';
}
#header #logo .companytitle .companyslogan{
  display: block;
  font-size: 16px;
  font-family: 'TitilliumWeb-ExtraLight';
}
#header #topmenu{
  float:right;
  margin: 16px 0 0 0;
}
#header #topmenu .link{
  font-size: 12px;
  color: #3a3a3a;
  text-decoration: none;
  font-family: 'TitilliumWeb-Light';
  padding: 15px 0 0 0;
}
#header #topmenu .link:hover{
  color: #DB3C00;
}
#header .loginmenu{
  float:left;
  margin: 17px 0 0 0;
}
#header #topmenu .seperator{
  margin: 0 3px 0 3px;
  padding: 15px 0 0 0;
}
/* --------------------------------------------------------*/
/* NAVIGATION ITEMS                                        */
/* --------------------------------------------------------*/
#navigation{
  background: #efefef;
  margin: 31px 0 0 0;
  height: 52px;
  clear:both;
}
#navigation li {
  float: left;
}
#navigation li a{
  float:left;
  padding: 21px 20px 17px 20px;
  text-decoration: none;
  color: #3a3a3a;
  font-size: 14px;
  font-family: 'TitilliumWeb-Light';
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#navigation li a.current{
  color: #fff;
  background: #3a3a3a;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#navigation li a:hover{
  color: #fff;
  background: #DB3C00;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

#navigation #mobilemenutoggle{
  float:right;
  display: none;
}
#navigation #mobilemenutoggle .mobilemenuicon{
  background: url(../images/mobileMenuIcons.png) 13px 21px no-repeat transparent;
  width: 45px;
  height: 32px;
  display: block;
  padding: 14px 0px 5px 0px;
  cursor: pointer;
}
#navigation #mobilemenutoggle .mobilemenuicon:hover{
  background-color:#CFCFCF;
}
#navigation #mobilemenutoggle .mobilemenuicon.active{
  background: none;
  cursor: auto;
}
.cbp-spmenu {
  background: #f6f6f6;
  position: fixed;
  overflow-y: scroll;
}
#spmenu-close{
  cursor: pointer;
  background: url(../images/mobileMenuIcons.png) 10px -14px no-repeat #efefef;
}
#spmenu-close:hover{
  background-color: #db3c00;
}

#spmenu-close .text{
  padding: 0px 0px 0px 20px;
}

.cbp-spmenu .searchmobile {
  color: #afdefa;
  padding: 20px;
  margin: 0;
  background: #444444;
  border-top: 5px solid #3a3a3a
}
.cbp-spmenu .searchmobile .searchbox{
  width: 100%;
}
.cbp-spmenu a {
  display: block;
  color: #3a3a3a;
  font-size: 1.1em;
  font-weight: 300;
  text-decoration: none;
  line-height: 1.5em;
}
.cbp-spmenu a:hover {
  background: #db3c00;
  color: #fff;
}
.cbp-spmenu a:active {
  background: #444444;
  color: #fff;
  text-decoration: underline;
}
.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
} 
.cbp-spmenu-vertical a {
    border-bottom: 1px solid #dddddd;
    padding: 1em;
    font-family: 'TitilliumWeb-Light';
}
.cbp-spmenu-left {
    left: -240px;
} 
.cbp-spmenu-right {
    right: -240px;
} 
.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
} 
.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}
/* Push classes applied to the body for mobile menu */
.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}
.cbp-spmenu-push-toright {
  left: 240px;
}
.cbp-spmenu-push-toleft {
  left: -240px;
}
/* Transitions mobile menu */
.cbp-spmenu,
.cbp-spmenu-push{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mobilemenu  #search{
  position: relative;
}
#mobilemenu  #search #Search__Value{
  width: 80%!important;
  padding: 8px 35px 8px 10px;
  margin: 0;
  border: 0px solid #000;
  font-size: 1.1em;
  line-height: 20px;
}
#mobilemenu  #search #submit{
  background: url(../images/search-icon.png) 13px 10px no-repeat;
  height: 31px;
  width: 30px;
  display: block;
  border: 0;
  position: absolute;
  top: 0px;
  right: 0;
  cursor: pointer;
}
/* --------------------------------------------------------*/
/* SEARCHBOX                                               */
/* --------------------------------------------------------*/
#searchbox{
  float:right;
  position: relative;
  margin: 8px 3px 0 0;
}
#searchbox #Search__Value{
  width: 110px;
}
#searchbox #submit{
  background: url(../images/search-icon.png) left 0px no-repeat transparent;
  height: 29px;
  width: 20px;
  display: block;
  border: 0px solid red;
  position: absolute;
  top: 12px;
  right: 8px;
  cursor: pointer;
}
#searchbox.searchresults{
  float:left;
}
#searchbox.searchresults #Search__Value{
  width: 400px
}
#searchbox.searchresults p{
  margin: 20px 0 20px 0;
}
#searchbox.errorbox{
  margin: 40px 0 40px 0;
}
/* --------------------------------------------------------*/
/* BREADCRUMB ITEMS                                        */
/* --------------------------------------------------------*/
#breadcrumb{
  margin: 42px 0 25px 0;
  width: 100%;
}
#breadcrumb li{
  float:left;
}
#breadcrumb li a{
  float:left;
  font-family: 'TitilliumWeb-Regular';
  font-size: 13px;
  line-height: 26px;
  color: #999999;
  text-decoration: none;
  text-transform: uppercase;
}
#breadcrumb li a:hover{
  color: #DB3C00;
}
#breadcrumb li.last {
  font-family: 'TitilliumWeb-Regular';
  font-size: 13px;
  line-height: 26px;
  color: #DB3C00;
  text-transform: uppercase;
}
#breadcrumb li .seperator{
  font-family: 'TitilliumWeb-Regular';
  font-size: 13px;
  line-height: 26px;
  color: #999999;
  margin: 0 7px 0 7px;
  text-transform: uppercase;
}
/* --------------------------------------------------------*/
/* CONTENTSLIDER HOMEPAGE ITEMS                            */
/* --------------------------------------------------------*/
#contentslider{
  background: #efefef;
  margin: 10px 0 0 0;
}
#contentslider .btn.submit{
  margin: 15px 0 0 0;
}
#pagetitle{
  margin: 0 0 0 0;
  text-align: center;
  margin: 16px 0 53px 0;
}
#pagetitle h2{
  font-size: 20px;
  line-height: 24px;
  font-family: 'TitilliumWeb-ExtraLight'; 
}
.toptitle{
  padding: 0 0 13px 0;
  border-bottom: 1px solid #efefef;
}
.toptitle .title{
  font-size: 15px;
  font-family: 'TitilliumWeb-SemiBold';
}
.toptitle .seperator{
  font-size: 13px;
  font-family: 'TitilliumWeb-ExtraLight';
}
.toptitle .more{
  font-size: 13px;
  color: #DB3C00;
  font-family: 'TitilliumWeb-ExtraLight';
  font-style: italic;
}
.toptitle .pager{
  float:right;
  clear:right;
}
.toptitle .pager .button.disabled{
  background: #eeeeee;
  cursor: default;
}
.toptitle .pager .button.disabled:hover{
  background: #DB3C00;
  background: #eeeeee;
}
.toptitle .pager .button{
  background: #dddddd;
  display: block;
  float: left;
  margin: 0 0 0 1px;
  height: 19px;
  width: 19px;
  cursor: pointer;
}
.toptitle .pager .button:hover{
  background: #DB3C00;
}
.toptitle .pager .button .prev{
  background: url(../images/sprites-arrows.png) 6px -40px no-repeat;
  width: 19px;
  height: 19px;
  display: block;
}
.toptitle .pager .button .next{
  background: url(../images/sprites-arrows.png) -14px -40px no-repeat;
  width: 19px;
  height: 19px;
  display: block;
}
#blockslider .block{
  width: 23.4%;
  margin: 0 2% 0 0;
  float: left;
  text-align: center;
  padding: 4% 0 5% 0;
  display: block;
  text-decoration: none;
  color: #3a3a3a;
}
#blockslider .block.last{
  margin: 0 0 0 0;
}
#blockslider .block .icon{
  width: 100%;
  height: 44px;
  display: block;
  margin: 0 auto 21px auto;
}
#blockslider .block .title{
  font-size: 16px;
  line-height: 19px;
  display: block;
  margin: 0 0 9px 0;
  font-family: 'TitilliumWeb-SemiBold';
}
#blockslider .block:hover .title{
  color: #DB3C00;
}
#blockslider .block .info{
  font-size: 12px;
  line-height: 16px;
  color: #787878;
  display: block;
  font-family: 'TitilliumWeb-Light';
}
#blocks{
  margin: 20px 0 60px;
}
#blocks .block{
  width: 23.4%;
  margin: 2% 2% 0 0;
  float: left;
  text-align: center;
  display: block;
  text-decoration: none;
}
#blocks .block.last{
  margin: 2% 0 0 0;
}
#blocks .image{
  border: 1px solid #dddddd;
  position: relative;
}
#blocks .name{
  display: block;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 16px;
  line-height: 19px;
  color: #3a3a3a;
  margin: 13px 0 0 0;
}
#blocks .block:hover .name{
  color: #DB3C00;
}
#blocks .secondtitle{
  display: block;
  font-family: 'TitilliumWeb-Light';
  font-size: 12px;
  line-height: 14px;
  color: #787878;
  margin: 7px 0 0 0;
}
.scrollrow{
  width: 100%;
  overflow: hidden;
}
.scrollrow .content{
  width: 1000000px;
  height: 290px;
}
.scrollrow .content .scrollblock,
#albumviewport .scrollblock{
  float: left;
}
/* --------------------------------------------------------*/
/* BLOGPOSTS HIGHLIGHT HOMEPAGE                            */
/* --------------------------------------------------------*/
#blogposts #posts{
  margin: 15px 0 0 0;
}
#blogposts #posts .entry{
  margin: 0 0 10px 0;
}
#blogposts #posts .entry .datemonth{
  float: left;
  margin: 0 13px 0 0;
  width: 20px;
}
#blogposts #posts .entry .datemonth .date{
  color: #949494;
  font-size: 18px;
  display: block;
  line-height: 18px;
  font-family: 'TitilliumWeb-Light';
}
#blogposts #posts .entry .datemonth .month{
  color: #DB3C00;
  font-size: 11px;
  line-height: 18px;
  font-family: 'TitilliumWeb-Regular';
  text-transform: uppercase;
}
#blogposts #posts .entry .title{
  width: 240px;
  font-size: 13px;
  line-height: 18px;
  font-family: 'TitilliumWeb-Regular';
}
#blogposts #posts .entry .title a{
  color: #3a3a3a;
}
/* --------------------------------------------------------*/
/* PHOTOS HIGHLIGHT HOMEPAGE                               */
/* --------------------------------------------------------*/
#photoshp #photogrid{
  margin: 15px 0 0 0;
}
#photoshp #photogrid .photo{
  height: 67px;
  width: 67px;
  border: 1px solid #dddddd;
  float: left;
  margin: 0 4px 4px 0;
}
#photoshp #photogrid .photo.last{
  margin: 0 0 4px 0;
}
#photoshp #photogrid .photo .hover{
  position: absolute;
  height: 63px;
  width: 63px;
  display: block;
  text-align: center;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 2;
}
#photoshp #photogrid .photo .hover .ico{
  height: 50px;
  width: 50px;
  display: block;
  background: url(../images/Sprites-photos.png) 11px -48px no-repeat;
}
#photoshp #photogrid .photo:hover  img{
  filter: blur(1px); 
  -webkit-filter: blur(1px); 
  -moz-filter: blur(1px);
  -o-filter: blur(1px); 
  -ms-filter: blur(1px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
}
/* --------------------------------------------------------*/
/* BLOG ITEMS                                              */
/* --------------------------------------------------------*/
#totalblogs{
  float:right;
  margin: -50px 0 0 0;
}
#blog #blogitem{
  margin: 33px 0 0 0;
  padding: 0 0 35px 0;
  border-bottom: 1px solid #efefef;
}
#blog #blogitem.last{
  border-bottom: 0px solid #efefef;
}

#blog.detail #blogitem{
  margin: 0px 0 0 0;
  border-bottom: 0px solid #efefef;
}
#blog.detail h1{
  margin: 0 0 7px 0;
}
#blog #blogitem .title{
  font-size: 18px;
  line-height: 26px;
  color: #3a3a3a;
  text-decoration: none;
  font-family: 'TitilliumWeb-Regular';
  margin: 0 0 13px 0;
  display: block;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#blog #blogitem .title:hover,
#blog #blogitem .title:focus{
  text-decoration: underline;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  color: #DB3C00;
}
#blog #blogitem .extraoptions{
  margin: 0 0 21px 0;
}
#blog #blogitem .extraoptions .date,
#blog #blogitem .extraoptions .totalcomments,
#blog #blogitem .extraoptions .share{
  float: left;
  margin: 0 19px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #696969;
  font-family: 'TitilliumWeb-Regular';
}
#blog #blogitem .extraoptions .share{
  position: relative;
  cursor: pointer;
}
#blog #blogitem .extraoptions .totalcomments{
  display: block;
  text-decoration: none;
}
#blog #blogitem .extraoptions .date span{
  float:left; 
}
#blog #blogitem .extraoptions .author {
  margin: 0 19px 0 0px;
  float:left;
  font-size: 12px;
  line-height: 16px;
}
#blog #blogitem .extraoptions .author .authorname{
  color: #DB3C00;
  float: none;
}
#blog #blogitem .extraoptions .ico-comments{
  background: url(../images/sprites-blog.png) -40px -1px no-repeat;
  height: 13px;
  width: 14px;
  display: block;
  float: left;
  margin: 0 7px 0 0;
}
#blog #blogitem .extraoptions .ico-share{
  background: url(../images/sprites-blog.png) -83px 0px no-repeat;
  height: 12px;
  width: 15px;
  display: block;
  float: left;
  margin: 0 7px 0 0;
}
#blog .mouseover{
  position: absolute;
  left: 0;
  bottom:0;
  z-index: 998;
  width: 100%;
}
#blog .mouseover .content{
  position: absolute;
  top: 5px;
  left: 23px;
  width: 30%;
  z-index: 999;
  border: 1px solid #dedede;
  background: #f7f7f7;
  padding: 20px 20px 20px 12px;
}
#blog .mouseover .arrow{
  background: url(../images/sprites-blog.png) -121px 0px no-repeat;
  height: 9px;
  width: 13px;
  display: block;
  position: absolute;
  margin: -29px 0 0 0px;
}
#blog #blogitem .blogpost{
  clear:both;
  margin: 21px 0 0 0;
  font-size: 13px;
  line-height: 18px;
}
#blogitem #otherpages{
  margin: 20px 0 0 0;
  clear:both;
}
#blogitem #otherpages .about{
  font-size: 14px;
  color: #bbbaba;
  font-family: 'TitilliumWeb-Regular';
}
#blogitem #otherpages a{
  font-size: 14px;
  color: #DB3C00;
  font-family: 'TitilliumWeb-Regular';
}
/* --------------------------------------------------------*/
/* GLOBAL ICONS                                            */
/* --------------------------------------------------------*/
.ico-time{
  background: url(../images/sprites-blog.png) 0px -1px no-repeat;
  height: 13px;
  width: 14px;
  display: block;
  float: left;
  margin: 0 7px 0 0;
}
/* --------------------------------------------------------*/
/* COMMENTS STYLES                                         */
/* --------------------------------------------------------*/
#comments{
  clear:both;
  width: 100%;
}
#comments .title{
  font-size: 15px;
  line-height: 26px;
  font-family: 'TitilliumWeb-SemiBold';
  font-weight: normal;
  display: block;
}
#comments .title .small{
  font-size: 12px;
  line-height: 16px;
  font-family: 'TitilliumWeb-Regular';
  color: #696969;
}
#comments .commentcontainer{
  clear:both;
  padding: 5px 0 5px 0;
  /*border-bottom: 1px solid #efefef;*/
}
#comments .commentSeparator{
  clear:both;
  border-bottom: 1px solid #efefef;
}
#comments .commentcontainer .image{
  float: left;
  width: 30px;
  height: 30px;
  background: #efefef;
  border: 1px solid #dddddd;
}
#comments .commentcontainer .image .noimage{
  width: 60px;
  height: 55px;
  display: block;
  /*background: url(../images/Sprites-blog.png) 7px -14px no-repeat;*/
}
#comments .commentcontainer .message{
  float:left;
  margin: 0 0 0 5px;
  width: 86%;
}
#comments .commentcontainer .message .author{
  font-family: 'TitilliumWeb-ExtraLight';
  font-size: 18px;
  line-height: 26px;
}
#comments .commentcontainer .message .author a{
  color: #DB3C00;
  text-decoration: none;
}
#comments .commentcontainer .message .date, #comments .commentcontainer .addreply, #comments .commentcontainer .voting{
  font-size: 12px;
  line-height: 16px;
  font-family: 'TitilliumWeb-Regular';
  color: #696969;
  float:left;
  margin: 0 19px 0 0; 
}

#comments .commentcontainer .addreply a, #comments .commentcontainer .voting a {
  font-weight:normal;
}
#comments .commentcontainer .addreply a:hover, #comments .commentcontainer .message .replies a:hover {
   cursor: pointer;
}

.voting  .upVote,
.voting  .downVote{
  background: #dddddd;
  color: #fff;
  text-decoration: none;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
  float: left;
}

.voting .voteCount{
   margin: 0 4px 0 0;
   float: left;
   width: 20px;
   height: 20px;
   text-align: center;  
   font-family: "TitilliumWeb-Regular";
    font-size: 12px;
    line-height: 16px;   
}
.voting  .upVote{
  background: url(../images/sprites-arrows.png) 4px 7px no-repeat #dddddd;
  margin: 0 4px 0 0;
}
.voting .downVote {
  background: url(../images/sprites-arrows.png) -24px 9px no-repeat #dddddd;
  margin: 0 4px 0 0;
}

.voting  .voted, .voting  .voted  a:hover  {
 background-color: #DB3C00;
 cursor: auto;
}
.voting .upVote:hover,
.voting .downVote:hover {
  background-color: #444444;
}
.voting .upVoted {
  background: url(../images/sprites-arrows.png)  4px 7px  no-repeat #DB3C00;
  cursor: auto;
  color: #fff;
  text-decoration: none;
  width: 20px;
  height: 20px;
  display: block;
  float: left;  
  margin: 0 4px 0 0;
}

.voting .upVoted  a:hover, .voting .downVoted  a:hover {
 cursor: auto;
}
.voting .downVoted {
  background: url(../images/sprites-arrows.png) -24px 9px no-repeat #DB3C00;
  margin: 0 1px 0 0;
  cursor: auto;
  color: #fff;
  text-decoration: none;
  width: 20px;
  height: 20px;
  display: block;  
  float: left;  
  margin: 0 4px 0 0;
}



#comments .commentcontainer .message .replies{
  font-family: 'TitilliumWeb-ExtraLight';
  clear:both;  
}
#comments .commentcontainer .message .newReplyContainder{
  font-family: 'TitilliumWeb-ExtraLight';
  clear:both;  
 
}
#comments .commentcontainer .message .comment{
  font-size: 12px;
  line-height: 20px;
  font-family: 'TitilliumWeb-ExtraLight';
  margin: 5px 0 13px 0;
}
.newReplyContainder #postcomment {
   background: #f9f9f9 none repeat scroll 0 0;
   border: 1px solid #efefef; 
   padding: 10px;
}
#addcomment .title{
  font-size: 15px;
  line-height: 26px;
  font-family: 'TitilliumWeb-SemiBold';
  /*padding: 0 0 7px 0;*/
  margin:3px; 
  display: block;
}
#addcomment h4{
  font-size: 14px;
  line-height: 18px;
  font-family: 'TitilliumWeb-ExtraLight';
  margin: 0 0 32px 0;
  border-bottom: 1px solid #efefef;
	cursor: pointer;
}
#postcomment #comment label,
#postcomment #information label{
  display:block;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 12px;
  line-height: 17px;
  color: #3a3a3a;
}
#postcomment #information{
  float: left;
}
#postcomment #information .inputtext{
  margin: 0 0 11px 0;
}
#postcomment #information .inputtext input,
#postcomment #comment textarea{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #dddddd;
  font-size: 12px;
  line-height: 16px;
  /*padding: 10px 3px;*/
  padding: 2px;
  font-family: 'TitilliumWeb-ExtraLight';
  resize: none;
  outline: none;
}
#postcomment #information .inputtext input:focus,
#postcomment #comment textarea:focus{
  border: 1px solid #DB3C00;
}
#postcomment #information .inputtext input{
  width: 100%;
}
#postcomment #comment textarea{
  width: 98.2%;
  height: 103px;
}
#postcomment #comment{
  float:left;
  position: relative;  
}
#countdown{
  height: 12px;
  font-family: 'TitilliumWeb-Regular';
  font-size: 12px;
  line-height: 16px;
  color: #696969;
  display: block;
  float:left;
  clear: both;
  margin: 3px 0 0 3px;
}
#countdown .error{
  color: #DB3C00;
}
#postcomment #smileys {
  position: relative;
  clear:both;
  float:left;
  overflow: hidden;
  margin:15px 0 5px 0px;
  width: 100%;
}
#postcomment #smileys .opensmileys{
  width: 99.5%;
  height: 75px;
  background: #fdfbfb;
  border: 1px solid #dddddd;
  float:right;
  clear:both;
  overflow-y: auto;
}
#smileys .opensmileys #DefaultSmilies a{
 padding: 10px;
 display: block;
 height: 14px;
 width: 14px;
 float:left;
}
#CaptchaBox{
  clear:both;
  width: 99.6%;
  
  background: #fdfbfb;
  border: 1px solid #dddddd;
}
#CaptchaBox #ChangeCaptcha{
  width: 17px;
  height: 16px;
  display: block;
  float: right;
  background: url(../images/sprites-blog.png) -90px -35px no-repeat;
  margin: 9px 0 0 0;
}
#CaptchaBox .imageBox{
  width: 90%;
  margin: 10px auto 10px auto;
  text-align: center;
  background: #fff;
  clear:both;
  border: 1px solid #dddddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#CaptchaBox .imageBox #imgCaptcha{
  margin: 2px 0 2px 0;
}
#CaptchaBox .code{	
  width: 90%;
  margin: 0 auto 10px auto;
  clear:both;
}
#CaptchaBox .code label{
  display: block;
}
#CaptchaBox .code #captchacode{
  width: 85%;
  border: 1px solid #dddddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
}
#CaptchaBox .code #captchacode:focus{
  border: 1px solid #DB3C00;
}
#comments .nocomments {
  background: none repeat scroll 0 0 #F1F8E2;
  border: 1px solid #D6DEBE;
  display: block;
  margin: 0 0 10px;
  padding: 15px;
}
#commentsection .action {
  display: block;
  margin: 0 0 10px;
  font-family: 'TitilliumWeb-Regular';
  color: #bbbaba;
  font-size: 14px;
}
#commentsection .btn{
  margin: 15px 0 0 0;
}

/* --------------------------------------------------------*/
/* TESTIMONIALS STYLES                                     */
/* --------------------------------------------------------*/
.testimonials .introtext{
  margin: 18px 0 15px 0;
}
#commentsection.testimonial #postcomment{
  margin: 20px 0 0 0;
}
#commentsection.testimonial .author{
  margin: 15px 0 51px 41px;
  font-family: 'TitilliumWeb-Regular';
  font-size: 13px;
  line-height: 16px;
  color: #3d3d3d;
  text-decoration: none;
  display: block;
  clear:both;
}
#commentsection.testimonial .author a{
  color: #DB3C00;
  text-decoration: none;
}
#testimonialshighlight #highlight{
  margin: 15px 0 0 0;
  position: relative;
}
#testimonialshighlight .name{
  font-size: 13px;
  line-height: 16px;
  color:#3d3d3d;
  font-family: 'TitilliumWeb-Regular';
  display: block;
  padding: 15px 0 0 44px;
}
#testimonialshighlight #testimonialshp{
  position: relative;
  overflow: hidden;
  width: 100%;
}
#testimonialshighlight #testimonialshp #testimonialscroller{
  width: 100%;
  height: auto;
  min-height: 100px;
}

#testimonialshighlight #testimonialshp .testimonialitem{
  position: absolute;
  top: 10px;
  left: 0;
  display: none;
}

/* NO TESTIMONIALS */
#testimonialshighlight #testimonialshp .testimonialitem .none{
  position: relative;
  text-align: center;
  background: #f1f8e2;
  border: 1px solid #d6debe;
  padding: 20px;
}
#testimonialshighlight #testimonialshp .testimonialitem .none:after,
#testimonialshighlight #testimonialshp .testimonialitem .none:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#testimonialshighlight #testimonialshp .testimonialitem .none:after {
  border-color: rgba(255, 239, 239, 0);
  border-top-color: #f1f8e2;
  border-width: 13px;
  left: 10%;
  margin-left: -13px;
}
#testimonialshighlight #testimonialshp .testimonialitem .none:before { /*border*/
  border-color: rgba(245, 206, 206, 0);
  border-top-color: #d6debe;
  border-width: 14px;
  left: 10%;
  margin-left: -14px;
}
#testimonialshighlight #testimonialshp .testimonialitem .none .content{
  padding: 20px 0 20px 0;
}

#testimonialshighlight #testimonialshp .testimonialitem .none .quotes{
  background: url(../images/sprites.png) left top no-repeat;
  height: 16px;
  width: 21px;
  display: block;
  position: absolute;
  margin: 19px 0 0 11px;
}

/* REGULAR TESTIMONIALS */
#testimonialshighlight #testimonialshp .testimonialitem .highlight,
#comments .testimonialitem #highlight{
  position: relative;
  text-align: center;
  background: #f6f6f6;
  border: 1px solid #dddddd;
}
#testimonialshighlight #testimonialshp .testimonialitem .highlight:after,
#testimonialshighlight #testimonialshp .testimonialitem .highlight:before,
#comments .testimonialitem #highlight:after,
#comments .testimonialitem #highlight:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#testimonialshighlight #testimonialshp .testimonialitem .highlight:after,
#comments .testimonialitem #highlight:after{
  border-color: rgba(255, 239, 239, 0);
  border-top-color: #f6f6f6;
  border-width: 13px;
  left: 10%;
  margin-left: -13px;
}
#testimonialshighlight #testimonialshp .testimonialitem .highlight:before,
#comments .testimonialitem #highlight:before { /*border*/
  border-color: rgba(245, 206, 206, 0);
  border-top-color: #dddddd;
  border-width: 14px;
  left: 10%;
  margin-left: -14px;
}
#testimonialshighlight #testimonialshp .testimonialitem .highlight .content,
#comments .testimonialitem #highlight .content{
  padding: 20px 0 20px 0;
  color: #3a3a3a;
}

#testimonialshighlight #testimonialshp .testimonialitem .highlight .quotes,
#comments .testimonialitem #highlight .quotes{
  background: url(../images/sprites.png) left top no-repeat;
  height: 16px;
  width: 21px;
  display: block;
  position: absolute;
  margin: 19px 0 0 11px;
}

/* --------------------------------------------------------*/
/* PORTFOLIO STYLES                                        */
/* --------------------------------------------------------*/
#projectcontainer {
  margin: 0px;
  font-size: 14px;
}

#projectcontainer .left{
  width: 250px;
}
#projectcontainer .right{
  width: 370px;
}

#projectcontainer h2{
  margin: 25px 0 6px;
  font-family: 'TitilliumWeb-Light';
  font-size: 22px;
}

#projectcontainer .projectname, 
#projectcontainer .projecttype{
  margin: 0px 0px 15px 0px;
}
#projectcontainer .clientrequest{
  margin: 15px 0px 20px 0px;
}
#projectcontainer .projectdescription{
  padding: 0px 10px 0px 0px;
}

/* --------------------------------------------------------*/
/* CONTACT STYLES                                          */
/* --------------------------------------------------------*/
#contact .warning{
  text-align: left;
}
#contact .warning .content{
  margin: 0 0 0 20px;
}
#contactform{
  margin: 15px 0px 0px 0px;
}
#contactform .inputtext{
  clear:both;
  margin: 0 0 11px 0;
  width: 100%;
}
#contactform .inputtext label{
  display:block;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 12px;
  line-height: 17px;
  color: #3a3a3a;
}
#contactform .inputtext input{
  width: 96%;
}
#contactform .inputtext input.error{
  border: 1px solid red;
}
#contactform .inputtext textarea{
  width: 95.8%;
  height: 134px;
}
#contactform .inputtext textarea.error{
  border: 1px solid red;
}
#contactform .inputtext #countdown{
  margin: 5px 0 0 0;
  display: block;
}
.sidebar #locations {
  margin: 10px 0px 0px 0px;
}
.sidebar #locations .item{
  background: #efefef;
  border: 1px solid #dddddd;
  padding: 0px 0px 0px 0px;
  margin: 0 0 2px 0;
  
  font-family: 'TitilliumWeb-ExtraLight';
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
}
.sidebar #locations .item .information{
  display: none;
  padding: 33px 0 13px 25px;
  margin: 0 0 0 0;
}
.sidebar #locations .item .information a{
  color: #db3c00;
  text-decoration: none;
}
.sidebar #locations .item .title{
  font-family: 'TitilliumWeb-Light';
  font-size: 13px;
  line-height: 26px;
  cursor: pointer;
  padding: 14px 16px 13px 16px;
  margin: 0;
  z-index: 99;
  color: #1a3d4c;
  display: block;
  text-decoration: none;
  font-weight: bold;
}
.sidebar #locations .item .title span{
  float:left;
}

.sidebar #locations .item .information.active{
  display: block;
}

/* --------------------------------------------------------*/
/* NEWSLETTER STYLES                                       */
/* --------------------------------------------------------*/
#newsletter #newsletterformsub{
  margin: 0 0 40px 0;
}

#newsletter .unsubscribe {
  padding: 8px 0px 0px 0px;
  display: block;
  font-style: italic;
  color: #DDDDDD;
  font-size: 11px;
  
}
#newsletter .unsubscribe a{
  text-decoration: underline;
  color: #DDDDDD;
}
#newsletter .unsubscribe a:hover{
  color: #DB3C00;
}

/* --------------------------------------------------------*/
/* ROUTE STYLES                                            */
/* --------------------------------------------------------*/
#route{
  clear: both;
  padding: 40px 0px 0px 0px;
}
#route #map_canvas{
  height: 283px;
  width: 99%;
  border: 1px solid #dddddd;
}
#route #routeform{
  margin: 5px 0 0 0;
}
#route #routeform .form{
  width: 100%;
  position: relative;
}
#route .print{
  float: right;
  margin: 10px 0 10px 0px;
  display: none;
}
#route #routeform .inputText{
  width: 195px;
  margin: 5px;
}
#route #box {
  line-height: normal;
  overflow: hidden;
}
#route #routeform .submit,
#route #routeformmobile .submit{
  border: 0px solid red;
  background: url(../images/search-icon.png) left 0px no-repeat;
  height: 29px;
  width: 20px;
  display: block;
  position: absolute;
  top: 15px;
  right: 4px;
  cursor: pointer;
}
#route #directionsPanel{
  clear:both;
  margin: 0px 0 0 0;
}
#route .adp-directions{
  width: 100%;
}
#route .gm-iw{
  line-height: 18px;
}
#route .adp-summary {
  background: none repeat scroll 0 0 #C63C08;
  color: #FFFFFF;
  padding: 10px;
}
#route .adp-step, 
.adp-substep{
  font-size: 13px;
  line-height: 17px;
  padding: 0.8em 3px;
}
#route .adp-placemark img {
  padding: 3px 0 0 5px;
}
#route .adp-step, 
.adp-text {
  padding: 3px 0 0 14px;
  vertical-align: middle;
}
/* --------------------------------------------------------*/
/* SITEMAP STYLES                                          */
/* --------------------------------------------------------*/
#sitemap h2{
  font-family: 'TitilliumWeb-Light';
  font-size: 16px;
  line-height: 26px;
  color: #3a3a3a;
  margin: 0 0 18px 0;
}
#sitemap ul{
  margin: 0 0 0 19px;
}
#sitemap ul > ul{
  margin: 0 0 0 19px;
}
#sitemap ul > ul > ul{
  margin: 0 0 0 12px;
}

#sitemap a{
  font-family: 'TitilliumWeb-Regular';
  color: #3a3a3a;
  font-size: 13px;
  line-height: 19px;
  text-decoration: none;
}
#sitemap a:hover{
  color: #DB3C00;
}


/* --------------------------------------------------------*/
/* SEARCH STYLES                                           */
/* --------------------------------------------------------*/
#searchresults #totalsearch{
  border-bottom: 1px solid #efefef;
  text-align: center;
  padding: 26px 0 41px 0;
  font-family: 'TitilliumWeb-ExtraLight';
  color: #3a3a3a;
  font-size: 15px;
}
#searchresults #totalsearch .strong{
  font-family: 'TitilliumWeb-SemiBold';
}
#searchresults .SearchRowEven,
#searchresults .SearchRowOdd{
  clear:both;
  width: 98.7%;
  padding:11px 0 17px 10px;
}
#searchresults .SearchRowEven .itemcontainer,
#searchresults .SearchRowOdd .itemcontainer{
  padding:11px 15px 17px 15px;
}
#searchresults .SearchRowOdd{
  background: #f7f7f7;
  border: 1px solid #dddddd;
}
#searchresults .SearchRowOdd .title,
#searchresults .SearchRowEven .title{
  font-size: 18px;
  line-height: 26px;
  font-family: 'TitilliumWeb-Regular';
  color: #3a3a3a;
  text-decoration: none;
  display: block;
}
#searchresults .SearchRowEven .dates,
#searchresults .SearchRowOdd .dates{
  clear:both;
  margin: 15px 0 24px 0;
  font-size: 13px;
  line-height: 16px;
  color: #696969;
  font-family: 'TitilliumWeb-Regular';
}
#searchresults .SearchRowEven .text,
#searchresults .SearchRowOdd .text{
  /* Styles in search for Text are currently unused*/
  font-family: 'TitilliumWeb-ExtraLight';
  font-size: 13px;
  line-height: 18px;
  display: none;
}
#searchresults .SearchRowEven .link,
#searchresults .SearchRowOdd .link{
  display: block;
  margin: 0 0 0 0;
  color: #db3c00;
  font-size: 13px;
  line-height: 18px;
  font-family: 'TitilliumWeb-ExtraLight';
}
#searchresults .warning {
  margin: 20px 0px 0px 0px;
  display: block;
}
/* --------------------------------------------------------*/
/* PHOTOALBUMS ITEMS                                       */
/* --------------------------------------------------------*/
#photos{
  clear:both;
  margin: 15px 0 0 0;
}
#albums #albumviewport{
  height: 206px;
  overflow: hidden;
}
#albums #albumviewport #albumcontent{
  width: 100000px;
  height: 206px;
  margin: 15px 0px 0px 0px;
}
#photos .album,
#albums .album{
  float:left;
  width: 21.95%;
  margin: 0 4% 4% 0;
}
#photos .album.last,
#albums .album.last{
  margin: 0 0 20px 0;
}
#photos .album .albumlink,
#albums .album .albumlink{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
#photos .album .albumlink  img,
#albums .album .albumlink  img{
  display: block;
  border: 1px solid #dddddd;
}
#photos .album .albumlink img,
.scrollblock .block .image img{
  min-height: 200px
}
#photos .album .albumlink .overlay,
#albums .album .albumlink .overlay,
.scrollblock .block .image .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background: #000;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 8;
  cursor: pointer;
}
#photos .album .albumlink .ico-chain,
#albums .album .albumlink .ico-chain,
.scrollblock .block .image .ico-chain{
  background: url(../images/Sprites-photos.png) left top no-repeat;
  width: 42px;
  height: 42px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -21px 0 0 -21px;
  z-index: 9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
}
#photos .album .albumlink .ico-magnifier,
#albums .album .albumlink .ico-magnifier{
  background: url(../images/Sprites-photos.png) left -58px no-repeat;
  width: 42px;
  height: 42px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -21px 0 0 -21px;
  z-index: 9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
#photos .album .albumlink:hover img,
#albums .album .albumlink:hover img,
.scrollblock .block .image:hover img{
  filter: blur(1px); 
  -webkit-filter: blur(1px); 
  -moz-filter: blur(1px);
  -o-filter: blur(1px); 
  -ms-filter: blur(1px);
  -ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='1')";
}
#photos .album .title,
#albums .album .title{
  text-align: center;
  width: 100%;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 16px;
  line-height: 26px;
  margin: 13px 0 0 0;
}
#photos .album .year,
#albums .album .year{
  text-align: center;
  width: 100%;
  font-family: 'TitilliumWeb-Light';
  color: #787878;
  font-size: 12px;
  line-height: 16px;
}
#photos .album .secondtitle{
  color: #787878;
  display: block;
  font-family: 'TitilliumWeb-Light';
  font-size: 12px;
  line-height: 14px;
  margin: 0;
  text-align: center;
}

/* --------------------------------------------------------*/
/* WEBSHOP OVERVIEW ITEMS                                  */
/* --------------------------------------------------------*/
#webshop #webshoptop{
  padding: 29px 0 29px 0;
  border-bottom: 1px solid #EFEFEF;
}
#webshop #webshoptop .browsetitle{
  font-size: 12px;
  line-height: 26px;
  font-family: 'TitilliumWeb-SemiBold';
  margin: 8px 13px 0 0;
  float: left;
}
#webshop #webshoptop .categorymenu{
  background: #fdfbfb;
  border: 1px solid #dddddd;
  font-family: 'TitilliumWeb-ExtraLight';
  font-size: 13px;
  line-height: 26px;
  color: #3a3a3a;
  padding: 10px 8px 10px 8px;
  float: left;
  width: 200px
}

#webshop #webshoptop .totalproducts{
  float:right;
  margin: 15px 0 0 0;
  font-size: 13px;
}
#products{
  margin: 20px 0 0 0;
}
#products .product{
  float: left;
  width: 23.40%;
  margin: 0 20px 5% 0;
  position: relative;
}
#products .product.last{
  margin: 0 0 0 0;
}
#products .product a{
  display: block;
  text-decoration: none;
}
#products .product a .mouseover{
  width: 70%;
  left: 50%;
  top: 30%;
  padding: 20px 0;
  margin-left: -35%;
  background: #db3c00;
  color: #fff;
  font-family: 'TitilliumWeb-Regular';
  font-size: 18px;
  text-align: center;
  position: absolute;
  display: none;
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
}
#products .product a .image{
  width: 90%;
  max-height: 240px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #dfdfdf;
}
#products .product a .title{
  display: block;
  text-align: center;
  color: #787878;
  font-size: 12px;
  line-height: 16px;
  height: 33px;
}
#products .product a .price{
  display: block;
  text-align: center;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 16px;
  line-height: 26px;
  color: #3a3a3a;
}
#webshop #steps{
  clear:both;
  border-bottom: 1px solid #efefef;
  width: 100%;
}
#webshop #steps li{
  width: 200px;
  float:left;
  padding: 0px 0 17px 0;
  font-family: 'TitilliumWeb-Regular';
  font-size: 13px;
}
#webshop #steps li a{
  color: #3a3a3a;
  font-family: 'TitilliumWeb-Regular';
  text-decoration: underline;
}
#webshop #steps li a:hover{
  color: #DB3C00;
}

#webshop #steps li.current{
  color: #DB3C00;
  font-family: 'TitilliumWeb-SemiBold';
}

#webshopcheckout .row.top div{
  padding: 0;
  height: auto;
}
#webshopcheckout .row.top .image{
  width: 419px;
}
#webshopcheckout .row.top .details{
  display: none;
}
#webshopcheckout .row.top .price{
  width: 60px;
  margin: 0 20px 0 0;
  text-align: right;
}
#webshopcheckout .row.top .qty{
  width: 90px;
  margin: 0 50px 0 0;
  text-align: center;
}
#webshopcheckout .row.top .subtotal{
  width:80px;
  margin: 0 40px 0 0;
  text-align: right;
}
#webshopcheckout .row{
  width: 99.8%;
  clear:both;
  min-height: 124px;
  position: relative;
  float:left;
}
#webshopcheckout .row.top{
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 13px;
  min-height: 20px;
  border-bottom: 1px solid #EFEFEF;
  padding: 0px 0px 5px 0px;
}
#webshopcheckout .row.uneven{
  background: #f7f7f7;
  border: 1px solid #DDDDDD;
  margin: 0px 0px 3px 0px;
}
#webshopcheckout .row .image{
  float:left;
  width: 100px;
  padding: 25px 10px;
}
#webshopcheckout .row .image img{
  border: 1px solid #DDDDDD;
  margin: 0px 0px 0px 10px;
}

#webshopcheckout .row .details{
  float:left;
  position: relative;
  width: 280px;
  line-height: 18px;
  height: 50%;
  padding: 30px 0 30px 10px;
}
#webshopcheckout .row .details .title{
  font-family: 'TitilliumWeb-Regular';
  font-size: 14px;
  margin: 0 0 10px;
  clear:both;
  width: 100%;
  display: block;
}
#webshopcheckout .row .details .label{
  font-weight: bold;
}
#webshopcheckout .row .price{
  float:left;
  width: 60px;
  padding: 52px 0 52px 0;
  text-align: right;
  margin: 0 20px 0 0;
}
#webshopcheckout .row .qty{
  float:left;
  width: 140px;
  padding: 38px 0 38px 0;
}

#webshopcheckout .row .qty .remove {
  height: 10px;
  width: 10px;
  background: url(../images/Sprites-webshop.png) 3px -58px no-repeat;
}

#webshopcheckout .row .qty .add{
  height: 10px;
  width: 10px;
  background: url(../images/Sprites-webshop.png) 3px -39px no-repeat;
}

#webshopcheckout .row .qty .qtycontrol{
  color: #191919;
  padding: 5px 10px;
}
#webshopcheckout .quantityinput {
  margin: 0;
}

#webshopcheckout .row .qty .inputtext{
  width: 20px;
  text-align: right;
}
#webshopcheckout .row .subtotal{
  float:left;
  width:80px;
  margin: 0 40px 0 0;
  text-align: right;
  padding: 52px 0 52px 0;
}
#webshopcheckout .row .options{
  float:left;
  width: 150px;
  padding: 52px 0 52px 0;
}
#webshopcheckout .row .options a{
  display: block;
  color: #444444;
}
#webshopcheckout .row .options .removefromcart{
  cursor: pointer;
}
#webshopcheckout .row .options .removefromcart:hover{
  text-decoration: none;
}
#webshopcheckout .row .options .removefromcart  .ico-remove{
  height: 11px;
  width: 11px;
  display: block;
  background: url(../images/Sprites-webshop.png) no-repeat;
  float: left;
  margin: 0 8px 0 0;
}
#webshop .total{
  float: right;
  width: 280px;
}
#webshop .total .left.subtotalprice,
#webshop .total .right.subtotalprice{
  font-size: 13px;
  padding: 0 0 10px 0;
}
#webshop .total.orderreview{
  border-top: 1px solid #efefef;
  float: none;
  text-align: right;
  width: 100%;
}
#webshop .total  .left{
  font-size: 20px;
  font-family: 'TitilliumWeb-SemiBold';
}
#webshop .total  .inctaxes{
  font-size: 12px;
  display: block;
  color: #787878;
  font-family: 'TitilliumWeb-Light';
}
#webshop .total  .right{
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 20px;
  padding: 0 11px 0 0;
}
#webshop .subtotals{
  margin: 0 15px 0 0;
}
#webshop #CartCouponDetails,
#webshop #couponOverview{
  width: 50%;
  float: left;
}
#webshop #CartCouponDetails .row,
#webshop #couponOverview .row{
  clear:both;
}
#webshop #CartCouponDetails .row.headerrow,
#webshop #couponOverview .row.headerrow{
  font-weight: bold;
  background: #f7f7f7;
}
#webshop #CartCouponDetails .row.headerrow div,
#webshop #couponOverview .row.headerrow div{
  width: 20%;
  padding: 5px 0 0 0;
}
#webshop #CartCouponDetails .row.even div,
#webshop #CartCouponDetails .row.uneven div,
#webshop #couponOverview .row.even div,
#webshop #couponOverview .row.uneven div{
  width: 20%;
  padding: 5px 0 0 0;
}
#webshop #termsandconditions{
  float:right;
}
#webshop .termsandconditions{
  cursor: pointer;
}
#webshop #termsandconditions #termsandconditionsoverlay{
  position: fixed;
  background: rgba(0,0,0,0.7);
  display: none;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left:0;
}
#webshop #termsandconditions #termsandconditionscontent{
  border: 1px solid #dddddd;
  background: #f7f7f7;
  position: absolute;
  width: 500px;
  height: 90%;
  margin-left: -250px;
  margin-top: 2%;
  /*top: 50%;*/
  left: 50%;
  z-index: 999;
}
#webshop #termsandconditions #termsandconditionscontent .terms{
  clear: both;
  display: block;
}
#webshop #termsandconditions #termsandconditionscontent .terms p{
  margin: 0 0 15px 0;
}
#webshop #termsandconditions .closebtn{
  background: url(../images/Sprites-webshop.png) 10px 10px no-repeat #f7f7f7;
  height: 11px;
  width: 11px;
  padding: 10px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
#webshop #termsandconditions .closebtn:hover{
  background: url(../images/Sprites-webshop.png) -11px 10px no-repeat #db3c00;
}
#webshop #termsandconditions #termsheader{
  position: absolute;
  top:0;
  height: 30px;
  width: 100%;
}
#webshop #termsandconditions #termsheader h3{
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 16px;
  padding: 0 0 0 0;
  margin: 10px 0 0 15px;
}
#webshop #termsandconditions #termscontent{
  margin-top: 30px;
  overflow-y: scroll;
  height: 94%;
  padding: 15px;
}
.tooltip{
  text-align: center;
  background: #dadada;
  border: 1px solid #c7c7c7;
  position: absolute;
  left: 89px;
  padding: 0px 10px;
}
.tooltip:after,
.tooltip:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tooltip:after {
  border-color: rgba(255, 239, 239, 0);
  border-top-color: #dadada;
  border-width: 10px;
  left: 10%;
  margin-left: -10px;
}
.tooltip:before { /*border*/
  border-color: rgba(245, 206, 206, 0);
  border-top-color: #c7c7c7;
  border-width: 11px;
  left: 10%;
  margin-left: -11px;
}
.tooltip .content{
  padding: 20px 0 20px 0;
}
.tooltip .AttributeTable td,
.tooltip .AttributeTable th{
  padding: 0px 15px 10px 15px;
  text-align: left;
}
#webshop .coupon.information{
  padding: 0 0 20px 60px;
}
#webshop .coupon.information .btn{
  padding: 5px 24px 5px 24px;
  float:none;
  margin: 0 0 0 20px;
}
#webshop .paymentshipping{
  padding: 0 0 20px 60px;
}
#webshop .paymentshipping .shippingmethod{
  margin: 0 0 0 40px;
}
#webshop .paymentshipping select{
  width: 220px;
}

#webshop .buttons{
  float: right;
  clear:both;
  margin: 20px 0;
}
#webshop .buttons a{
  float:left;
  margin: 0;
}
#webshop #nextBottom {
  margin: 0px 0px 0px 10px;
}

#webshop #shipping_field,
#webshop #payment_field,
#webshop #sub_total{
  display: none;
}
#orderreview{
  width: 100%;
  padding: 0 0 15px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #efefef
}
#orderreview .row{
  width: 97%;
  clear: both;
  padding: 15px 15px 15px 15px;
}
#orderreview .row.uneven{
  background: #f7f7f7;
}
#orderreview .row.top{
  border-bottom: 1px solid #EFEFEF;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 13px;
  height: auto;
  padding: 0 0 5px;
  width: 100%;
}
#orderreview .row .product{
  float: left;
  width: 420px;
}
#orderreview .row .product .productname{
  font-size: 13px;
  font-family: 'TitilliumWeb-SemiBold';
}
#orderreview .row .product .itemnumber{
  font-size: 12px;
  font-family: 'TitilliumWeb-ExtraLight';
}
#orderreview .row .price{
  float: left;
  width: 130px;
}
#orderreview .row .qty{
  float: left;
  width: 130px;
}
#orderreview .row .subtotal{
  float: right;
  width: 100px;
}
#webshop .totaldiscountcosts{
  line-height: 20px;
}
#webshop .totaldiscountcosts{
  float: right;
  clear:both;
  width: 280px;
}
#webshop .totaldiscountcosts  .left{
  font-size: 13px;
  font-family: 'TitilliumWeb-SemiBold';
  text-align: right;
}
#webshop .totaldiscountcosts  .right{
  font-family: 'TitilliumWeb-SemiBold';
  text-align: right;
  font-size: 13px;
  margin: 0 15px 0 0;
}
#webshop .totaldiscountcosts .total{
  margin: 20px 0 20px 0;
}
#webshop .totaldiscountcosts .total .left{
  font-size: 18px;
}
#webshop .totaldiscountcosts .total .right{
  font-size: 18px;
}
#webshop .subtotals{
  margin: 0 15px 0 0;
  font-family: TitilliumWeb-SemiBold;
  font-size: 14px;
}
#webshop .totalcosts{
  border: 1px solid red;
}
#Checkout .warning .title,
#Checkout .success .title{
  font-weight: bold;
  display: block;
}
#Checkout .backtoshop{
  margin: 10px 0 0 0;
}
/* waitscreen payment method webshop (paypal etc.)*/
#waitscreen{
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  text-align: center;
}
#waitscreen #waitscreenContainer{
  position: absolute;
  top:50%;
  left: 50%;
  height: 300px;
  width: 400px;
  margin: -150px 0 0 -200px;
  background: #efefef;
}
#waitscreen #waitscreenContent{
  position: relative;
  height: 100%;
}
#waitscreen #waitscreenContent .waitscreenimage{
  position: absolute;
  background: url(../images/loader.gif) no-repeat;
  bottom: 20%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: 0 0 0 -15px;
}
#waitscreen #waitscreenContent .waitscreentext{
  font-family: 'TitilliumWeb-Regular';
  font-size: 20px;
}
#waitscreen #waitscreenContent .waitscreenmessage{
  font-family: 'TitilliumWeb-Regular';
  font-size: 18px;
  margin: 40px;
}
/* --------------------------------------------------------*/
/* PAGINATION ELEMENTS                                     */
/* --------------------------------------------------------*/
#pagination{
  margin: 35px 0 31px 0;
  padding: 12px 0 0 0;
  border-top: 1px solid #efefef;
}
#pagination #arrowpagination{
  float:right;
}
#pagination .pages #pageof{
  color: #bbbaba;
  font-family: 'TitilliumWeb-Regular';
  font-size: 14px;
  float:left;
  margin: 9px 40px 0 0;
}
#pagination #arrowpagination .NextItem,
#pagination #arrowpagination .PreviousItem{
  background: #DB3C00;
  color: #fff;
  text-decoration: none;
  width: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
  float: left;
}
#pagination #arrowpagination .NextItem{
  background: url(../images/sprites-arrows.png) -20px -11px no-repeat #DB3C00;
}
#pagination #arrowpagination .PreviousItem{
  background: url(../images/sprites-arrows.png) 10px -11px no-repeat #DB3C00;
  margin: 0 1px 0 0;
}
#pagination #arrowpagination .NextItem:hover,
#pagination #arrowpagination .PreviousItem:hover {
  background-color: #444444;
}
#pagination #arrowpagination .NextItem.Disabled{
  background: url(../images/sprites-arrows.png) -20px -11px no-repeat #dddddd;
  cursor: auto;
}
#pagination #arrowpagination .PreviousItem.Disabled{
  background: url(../images/sprites-arrows.png) 10px -11px no-repeat #dddddd;
  margin: 0 1px 0 0;
  cursor: auto;
}
#pagination .pages .EachItem a{
  display: block;
  float:left;
  width: 28px;
  height: 18px;
  color: #444444;
  text-decoration: none;
  padding: 10px 0 0 0;
  margin: 0 1px 0 0;
  text-align: center;
}
#pagination .pages .EachItem a:hover{
  background-color: #444444;
  color: #fff;
}
#pagination .pages .EachItem span{
  display: block;
  float:left;
  width: 28px;
  height: 18px;
  color: #444444;
  text-decoration: none;
  padding: 10px 0 0 0;
  margin: 0 1px 0 0;
  text-align: center;
}
#pagination .pages .EachItem span:hover{
  background-color: #444444;
  color: #fff;
}
#pagination .pages .EachItem .CurrentPageNum,
#pagination .pages .EachItem .CurrentPageNum:hover{
  background: #DB3C00;
  color: #fff;
}
/* --------------------------------------------------------*/
/* WEBSHOP DETAIL ELEMENTS                                 */
/* --------------------------------------------------------*/
#productDetails{
  margin: 22px 0 0 0;
  position: relative;
}
#productDetails .image{
  width: 31.9%;
  background: #fff;
  border: 1px solid #dddddd;
  height: 300px;
  overflow: hidden;
  float:left;
  text-align: center;
  position: relative;
}
#productDetails .image img{
  position:absolute;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
#productDetails #productinfo{
  float:right;
  width: 63%;
}
#productDetails #productinfo .title{
  font-family: 'TitilliumWeb-Regular';
  font-size: 18px;
  line-height: 26px;
  display: block;
}
#productDetails #productinfo .price{
  color: #DB3C00;
  display: block;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 26px;
  line-height: 26px;
  margin: 15px 0 0;
}
#productDetails #productinfo .price .vattext{
  font-family: 'TitilliumWeb-Light';
  color: #787878;
  font-size: 12px;
  line-height: 16px;
}
#productDetails #ProductType{
  margin: 20px 0 0 0;
  line-height: 18px;
}
#productDetails #ProductType .even{
  display: block;
  padding: 10px 0;
  width: 490px;
}
#productDetails #ProductType .uneven{
  display: block;
  padding: 10px 0;
  width: 490px;
}
#productDetails #ProductType .ProductTypeValueName{
  text-align: right;
  padding: 0 15px 0 0;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 12px;
  line-height: 18px;
  width: 100px;
  height: 1px;
}
#productDetails #ProductType .ProductTypeValue{
  width: 150px;
}
#productDetails #ProductType .boxvalues{ 
  float:left;
}
#productDetails #ProductType .ProductTypeValueNumber{
  display: none;
}
#productDetails #ProductType .ProductTypeValue select{
  width: 150px;
}
#productDetails #ProductType .ProductTypeValueCost{
  width: 100px;
  padding: 0 0 0 10px;
}
.checkboxbox{
  float:left;
}
.selectbox,
.radiobtn,
.checkbox{
  margin: 0 0 15px 0;
}
#productDetails #qty .quantity{
  text-align: right;
  padding: 8px 15px 0 0;
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 12px;
  line-height: 18px;
  float:left;
  width: 100px;
  clear:left;
}
#productDetails #qty input{
  width: 25px;
  text-align: right;
}
#productDetails #productdescription{
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  margin: 35px 0 0 0;
  padding: 24px 0 29px 0;
  
  font-size: 13px;
  line-height: 18px;
  font-family: 'TitilliumWeb-ExtraLight';
}
#productDetails #productdescription .title{
  font-size: 16px;
  line-height: 26px;
  font-family: 'TitilliumWeb-SemiBold';
}
#productDetails #productdescription p {
  padding: 10px 0px 10px 0px;
  font-size: 13px;
  line-height: 18px;
}
#productDetails  .productnumber {
  margin: 0px 0px 0px 0px;
  clear:right;
  font-size: 12px;
}
#productDetails  .productnumber span{
  font-family: 'TitilliumWeb-SemiBold';
}
#productDetails .quantityprice{ 
  padding: 5px 0px 10px 0px;
  margin: 0px 0px 0px 120px;
  font-size: 13px;
  line-height: 20px;
}

#productDetails .quantityprice .quantityheader {
  font-family: 'TitilliumWeb-SemiBold';
}

#productDetails  .quantity{
  /*font-weight: bold;*/
}
#productDetails #paymentmethods{
  padding: 4px 0 0 0;
}
#productDetails #paymentmethods li{
  float:left;
  margin: 0px 5px 0px 0px;
}
#productDetails .addtocart{
  position: absolute;
  right: 0;
  top: 27px;
  background: #db3c00;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  font-family: 'TitilliumWeb-Regular';
  text-decoration: none;
  padding: 0 15px 0 15px;
}
/* --------------------------------------------------------*/
/* SHOPPINGCART ELEMENTS                                   */
/* --------------------------------------------------------*/
#shoppingcart{
  width: 400px;
}
#shoppingcart .close{
  float:right;
  text-transform: uppercase;
  padding: 10px 10px 10px 10px;
  cursor: pointer;
}
#shoppingcart .cartitem{
  width: 100%;
  clear:both;
  padding: 25px 0 25px 0;
  border-bottom: 1px dashed #dadada;
}
#shoppingcart .cartitem .image{
  width: 70px;
  margin: 0px 0px 0px 15px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
}
#shoppingcart .cartitem .iteminfo{
  color: #3A3A3A;
  font-family: 'TitilliumWeb-ExtraLight';
  line-height: 15px;
  padding: 3px 0 0 10px;
  text-align: left;
  width: 165px;
}
#shoppingcart .cartitem .iteminfo .info .label{
  font-weight: bold;
}
#shoppingcart .cartitem .iteminfo .title{
  font-size: 12px;
  color: #3a3a3a;
  font-family: 'TitilliumWeb-Regular';
  display: block;
  margin: 0 0 15px 0;
}
#shoppingcart .cartitem .options{
  width: 100px;
  font-family: 'TitilliumWeb-Regular';
  padding: 0 15px 0 0;
}
#shoppingcart .cartitem .options .price{
  float: right;
  clear: both;
}
#shoppingcart .cartitem .options .removefromcart{
  display: block;
  height: 11px;
  width: 11px;
  background: url(../images/Sprites-webshop.png) left top no-repeat;
  padding: 5px 0px;
  cursor: pointer;
  float:right;
}
#checkout .btn.submit,
#emptycart .btn.submit{
  position: relative;
  width: 200px;
  right: 50%;
  margin: 0 -100px 20px 0;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}
#header #topmenu .shoppingcart{
  background: url(../images/Sprites-bodytop.png) 10px -11px no-repeat #efefef;
  display: block;
  height: 26px;
  display: inline-block;
  padding: 15px 21px 0 52px;
  font-size: 12px;
  margin: 0 0 0 20px;
  cursor: pointer;
  color: #444444;
  text-decoration: none;
}
#header #topmenu .shoppingcart:hover,
#header #topmenu .shoppingcart.menu-open{
  background: url(../images/Sprites-bodytop.png) 10px -41px no-repeat #3a3a3a;
  color: #fff;
}
#header #topmenu .shoppingcartadded{
  background: #f9f9f9;
  clear:both;
  display: none;
  position: absolute;
  right: 0;
  top:0;
  margin: 57px 0 0 0;
  width: 400px;
  z-index: 999;
  -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.30);
  box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.30);
}
#header #topmenu .shoppingcartadded .total{
  padding: 10px 20px 20px 20px;
  width: 94%;
}
#header #topmenu .shoppingcartadded .total  .left{
  font-size: 20px;
  text-align: left;
  font-family: 'TitilliumWeb-SemiBold';
}
#header #topmenu .shoppingcartadded .total .subtotal{
  display:block;
}
#header #topmenu .shoppingcartadded .total .inctaxes{
  padding: 4px 0px 0px 0px;
  font-size: 12px;
  display: block;
  float: left;
  color: #787878;
  font-family: 'TitilliumWeb-Light';
}

#header #topmenu .shoppingcartadded .total .right{
  font-family: 'TitilliumWeb-Regular';
  font-size: 20px;
  margin: 0 15px 0 0;
}
#header #topmenu .shoppingcartadded #emptycart{
  margin: 20px 0 0 0;
}
/* --------------------------------------------------------*/
/* REGISTER ELEMENTS                                       */
/* --------------------------------------------------------*/
#register .intro{
  margin: 0 0 30px 0;
}
.harmonica {
  margin: 0px 0px 15px 0px;
}
.harmonica .item.closed .information{
  display: none;
}
.harmonica .item,
#billingoverview .item{
  background: #f7f7f7;
  border: 1px solid #dddddd;
  margin: 0 0 3px 0;
  clear:both;
  
}
#billingoverview{
  margin: 20px 0 0 0;
}
.harmonica .item .title,
#billingoverview .item .title{
  width: 100%;
  padding: 14px 0 14px 0;
}
.harmonica .item .title{
  cursor: pointer;
}
.harmonica .item .title .ico{
  margin: 0 0 0 16px;
}
.harmonica .item .title h3,
#billingoverview .item .title h3{
  font-family: 'TitilliumWeb-ExtraLight';
  font-size: 14px;
  padding: 4px 0 0 0;
  margin: 0 0 0 9px;
  float: left;
}
#register .harmonica .item .information,
#billingoverview .item .information{
  clear:both;
  width: 70%;
  margin: 0 auto 25px auto;
  font-size: 13px;
}
#billingoverview .item .information .buffer{
  margin: 0 0 42px 0;
}
#register .harmonica .item .information .row{
  clear:both;
  margin: 0 0 8px 0;
}
#register .harmonica .item .information .row .label,
#billingoverview .item .information .label{
  float:left;
  width: 30%;
  text-align: right;
  padding: 10px 0 0;
}
#register .harmonica .item .information .row .inputtext,
#billingoverview .item .information .row .inputtext{
  float:right;
  width: 65%;
}
#billingoverview .item .information .row .inputtext{
  font-size: 12px;
  line-height: 12px;
  padding: 10px 0 0 0;
}
#register .harmonica .item .information .row .inputtext input{
  width: 94%;
}
#register .harmonica .item .information .row .inputtext .checkbox{
  width: auto;
  float: left;
  margin: 5px;
}
#register .harmonica .item .information .row .inputtext .checkboxlabel{
  float: left;
  margin: 7px 0 0 0;
}
#register .harmonica .item .information input[type=text],
#register .harmonica .item .information input[type=password]{
  width: 100%;
  margin: 0 0 0 0;
}
#register .harmonica  .item .information select{
  font-size: 12px;
  width: 98%;
  padding: 8px 8px 8px 8px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'TitilliumWeb-ExtraLight';
}
#register .harmonica .item .information label{
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 12px;
}
#register .btn {
  margin: 0px 0px 20px 0px;
}
/* --------------------------------------------------------*/
/* LOGIN ELEMENTS                                          */
/* --------------------------------------------------------*/
.loginbox{
  background: #f7f7f7;
  border: 1px solid #dddddd;
  margin: 0px 0px 20px 0px;
}
.loginbox  .btn {
  margin: 20px 20px 20px 0;
}
#login #loginwrapper{
  width: 70%;
  margin: 40px auto 0 auto;
}
#login .row{
  clear:both;
  margin: 0 0 8px 0;
}
#login .row .label{
  float:left;
  width: 20%;
  text-align: right;
  font-family: 'TitilliumWeb-Regular';
  font-size: 13px;
  padding: 11px 0 0;
}
#login .row .inputtext{
  float:right;
  width: 75%;
}
#login .row .inputtext input{
  width: 100%;
}
#login .forgotpassword{
  float: right;
  font-size: 13px;
  margin: 47px 25px 0 0;
  color: #696969;
  font-family: 'TitilliumWeb-Regular';
}
/* --------------------------------------------------------*/
/* MYACCOUNT ELEMENTS                                      */
/* --------------------------------------------------------*/
#loggedinmessage{
  font-family: 'TitilliumWeb-SemiBold';
  font-size: 15px;
  margin: 10px 0 10px 0;
}

#myaccountdelete {
  clear: both;
}
/* --------------------------------------------------------*/
/* FOOTER ELEMENTS                                         */
/* --------------------------------------------------------*/
#footer{
  clear:both;
  background: #444444;
  margin: 40px 0 0 0;
  padding: 1px 0 0 0;
}
#footer .wrapper #contact {
  padding: 0px 0px 20px 0px;
}
#footer .title{
  font-size: 15px;
  line-height: 26px;
  font-family: 'TitilliumWeb-SemiBold';
  color: #ffffff;
}
#footer p{
  font-size: 13px;
  line-height: 16px;
  font-family: 'TitilliumWeb-Light';
  color: #ffffff;
}
#footer #newsletter .info{
  font-size: 12px;
  line-height: 16px;
  font-family: 'TitilliumWeb-Light';
  color: #ffffff;
}
#footer #newsletter #newsletterform{
  margin: 15px 0 0 0;
}
#footer #newsletter .emailinput{
  width: 54%;
  height:14px;
  margin: 0;
  border: 0px solid red;
  padding: 9px 0 7px 34px;
  background: url(../images/sprites.png) -154px 9px no-repeat #fff;
  float:left;
  border: 1px solid #dddddd;
  border-right: 0px solid #000;
  color: #cbcbcb;
  font-family: 'TitilliumWeb-ExtraLight';
  font-size: 12px;
  -webkit-border-radius: 2px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius: 2px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-radius: 2px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#footer #newsletter .emailinput:focus{
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #444444;
}
#footer #newsletter .submit{
  width: 29.64%;
  margin: 0;
  padding: 0;
  border: 0px solid red;
  font-family: 'TitilliumWeb-Regular';
  font-weight: normal;
  color: #fff;
  font-size: 14px;
  background: #DB3C00;
  height: 32px;
  -webkit-border-radius: 0px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius: 0px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-radius: 0px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}

#footer #newsletter .submit:hover{
  text-decoration: underline;
}

#footer #newsletter .privacy{
  font-size: 11px;
  line-height: 16px;
  color: #cecece;
  font-family: 'TitilliumWeb-Light';
  font-style: italic;
  margin: 8px 0 0 0;
  display: block;
}
#footer #newsletter .privacy a{
  font-size: 11px;
  line-height: 16px;
  color: #cecece;
  font-family: 'TitilliumWeb-Light';
  font-style: italic;
}
#footer .fb-like-box{
  background: transparent;
}
a#facebook #u_0_4 {
  color: #FFFFFF;
}
#footer #tweetholder{
  margin: 0 0 0 0;
}
#footer #tweetholder li{
  font-family: 'TitilliumWeb-Regular';
  color: #efefef;
  line-height: 16px;
  font-size: 13px;
  margin: 0 0 8px 0;
}
#footer #tweetholder li a{
  color: #DB3C00;
  text-decoration: none;
}
#footer #tweetholder li a:hover{
  color: #DB3C00;
  text-decoration: underline;
}
#footer #tweetholder li .tweet_time{
  margin: 7px 0 0 0;
  display: block;
}
#footer #tweetholder li .tweet_time .icon{
  width: 15px;
  height: 11px;
  background: url(../images/sprites.png) -115px 0px no-repeat;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}
#footer #contact  #aboutus{
  margin: 0 0 26px 0;
}
#footer #contact  #aboutus .contact{
  font-family: 'TitilliumWeb-Regular';
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  margin: 10px 0 0 0;
  display: block;
}
#footer #contact  #aboutus .contact a{
  color: #fff;
}
#footer #followus .title{
  display: block;
}
#footer #followus a{
  width: 28px;
  height: 28px;
  display: block;
  float:left;
  margin: 15px 10px 0 0;
  background: #dddddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#footer #followus .twitter{
  background: url(../images/socialmedia-sprite.png) left top no-repeat;
}
#footer #followus .linkedin{
  background: url(../images/socialmedia-sprite.png) -38px top no-repeat;
}
#footer #followus .facebook{
  background: url(../images/socialmedia-sprite.png) -75px top no-repeat;
}
#footer #followus .googleplus{
  background: url(../images/socialmedia-sprite.png) -111px top no-repeat;
}
#footer #followus .vimeo{
  background: url(../images/socialmedia-sprite.png) -147px top no-repeat;
}
#footer #followus .youtube{
  background: url(../images/socialmedia-sprite.png) -183px top no-repeat;
}
#footer #followus .picasa{
  background: url(../images/socialmedia-sprite.png) -218px top no-repeat;
}
#footer #bottomfooter{
  background: #3a3a3a;
  padding: 10px 0 10px 0;
  margin: 8px 0px 0px 0px;
  border-bottom: 1px solid #b0b0b0;
  clear:both;
}
#footer #bottomfooter #information{
  font-family: 'TitilliumWeb-Regular';
  color: #bbbbbb;
  font-size: 12px;
  line-height: 26px;
}
#footer #bottomfooter .seperator{
  height: 15px;
  width: 1px;
  float: left;
  background: #838383;
  margin: 5px 9px 0 9px;
}
#footer #bottomfooter span{
  float: left;
}
#footer #bottomfooter a{
  font-family: 'TitilliumWeb-Regular';
  color: #bbbbbb;
  font-size: 12px;
  line-height: 26px;
  text-decoration: none;
  float: left;
}
#footer #bottomfooter a:hover{
  color: #DB3C00;
}
#footer #bottomfooter #shortlinks{
  float:right;
} 
#footer #bottomfooter #shortlinks .seperator{
  height: auto;
  width: auto;
  float: left;
  background: none;
  color: #bbbbbb;
  margin: 9px 9px 0 9px;
}
/* --------------------------------------------------------*/
/* COLORBOX ELEMENTS                                       */
/* --------------------------------------------------------*/
#colorbox, 
#cboxOverlay, 
#cboxWrapper{
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  overflow:hidden;
}
#cboxOverlay{
  position:fixed; 
  width:100%; 
  height:100%;
}
#cboxMiddleLeft, 
#cboxBottomLeft{
  clear:left;
}
#cboxContent{
  position:relative;
}
#cboxLoadedContent{
  overflow:auto; 
  -webkit-overflow-scrolling: touch;
}
#cboxTitle{
  margin:0;
}
#cboxLoadingOverlay, 
#cboxLoadingGraphic{
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%;
}
#cboxPrevious, 
#cboxNext, 
#cboxClose, 
#cboxSlideshow{
  cursor:pointer;
}
.cboxPhoto{
  float:left; 
  margin:auto; 
  border:0; 
  display:block; 
  max-width:none;
}
.cboxIframe{
  width:100%; 
  height:100%; 
  display:block; 
  border:0;
}
#colorbox, 
#cboxContent, 
#cboxLoadedContent{
  box-sizing:content-box; 
  -moz-box-sizing:content-box; 
  -webkit-box-sizing:content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
  background:#fff;
}
#colorbox{
  outline:0;
}
#cboxContent{
  margin-top:32px; 
  overflow:visible; 
  background:#000;
}
.cboxIframe{
  background:#fff;
}
#cboxError{
  padding:50px;
  border:1px solid #ccc;
}
#cboxLoadedContent{
  background:#000;
  padding:1px;
}
#cboxLoadingGraphic{
  background:url(../images/loader-invert.gif) no-repeat center center;
}
#cboxLoadingOverlay{
  background:#000;
}
#cboxTitle{
  position:absolute; 
  top:-22px; 
  left:0; 
  color:#000;
}
#cboxCurrent{
  position:absolute; 
  top:-22px; 
  right:205px; 
  text-indent:-9999px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, 
#cboxNext, 
#cboxSlideshow, 
#cboxClose {
  border:0; 
  padding:0; 
  margin:0; 
  overflow:visible; 
  text-indent:-9999px; 
  width:20px; 
  height:20px; 
  position:absolute; 
  top:-20px; 
  background:url(../images/controls.png) no-repeat 0 0;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, 
#cboxNext:active, 
#cboxSlideshow:active, 
#cboxClose:active {
  outline:0;
}
#cboxPrevious{
  background-position:0px 0px; 
  right:44px;
}
#cboxPrevious:hover{
  background-position:0px -25px;
}
#cboxNext{
  background-position:-25px 0px; 
  right:22px;
}
#cboxNext:hover{
  background-position:-25px -25px;
}
#cboxClose{
  background-position:-50px 0px; 
  right:0;
}
#cboxClose:hover{
  background-position:-50px -25px;
}
.cboxSlideshow_on #cboxPrevious, 
.cboxSlideshow_off #cboxPrevious{
  right:66px;}
.cboxSlideshow_on #cboxSlideshow{
  background-position:-75px -25px; 
  right:44px;
}
.cboxSlideshow_on #cboxSlideshow:hover{
  background-position:-100px -25px;
}
.cboxSlideshow_off #cboxSlideshow{
  background-position:-100px 0px; 
  right:44px;
}
.cboxSlideshow_off #cboxSlideshow:hover{
  background-position:-75px -25px;
}

/* --------------------------------------------------------*/
/* CONTENT SLIDER                                          */
/* --------------------------------------------------------*/
/*
Version: 1.0
Theme Author: Ian Lunn @IanLunn
Author URL: http://www.ianlunn.co.uk/
Theme URL: http://www.sequencejs.com/themes/modern-slide-in/

This is a FREE theme and is available under a MIT License:
http://www.opensource.org/licenses/mit-license.php

Sequence.js and its dependencies are (c) Ian Lunn Design 2012 unless otherwise stated.
*/

/* prefix declarations */
/* THEME STYLES */
#sequence-theme {
  color: white;
  font-size: 0.625em;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 383px;
  max-width: 940px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  /* prevent graphical glitches in WebKit browsers when using transitions */
}
#sequence-theme #sequence {
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  max-width: 940px;
  width: 100%;
  background-color: #EFEFEF;
}
#sequence-theme .next,
#sequence-theme .prev {
  color: white;
  cursor: pointer;
  display: none;
  font-weight: bold;
  height: 28px;
  width: 28px;
  display: block;
  float: left;
  margin: 0 0 0 1px;
  z-index: 1000;
  color: #fff;
}
#sequence-theme .arrows{
  position: absolute;
  bottom: 5%;
  right: 0;
  z-index: 9999;
}
#sequence-theme .prev {
  /*left: 3%;*/
  /*right: 10%;*/
  background: url(../images/sprites-arrows.png) 10px -12px no-repeat #DB3C00;
}
#sequence-theme .next {
  /*right: 3%;*/
  background: url(../images/sprites-arrows.png) -20px -12px no-repeat #DB3C00;
}
#sequence-theme .prev:hover{
  background: url(../images/sprites-arrows.png) 10px -12px no-repeat #3A3A3A;
}
#sequence-theme .next:hover {
  background: url(../images/sprites-arrows.png) -20px -12px no-repeat #3A3A3A;
}

#sequence-theme .prev img,
#sequence-theme .next img {
  height: 100%;
  width: auto;
}
#sequence-theme #sequence-preloader {
  background: #d9d9d9;
}
#sequence-theme .nav {
  bottom: 1%;
  display: none;
  right: 6%;
  position: absolute;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .nav li {
  display: inline-block;
  height: 140px;
}
#sequence-theme .nav li {
  *display: inline;
  /* Hack for IE7 and below as they don't support inline-block */
}
#sequence-theme .nav li img {
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .nav li img.active {
  opacity: 1;
}
#sequence-theme #sequence li {
  height: 100%;
  position: absolute;
  /*top: -50%;*/
  width: 100%;
}
#sequence-theme #sequence li > * {
  position: absolute;
}
#sequence-theme #sequence li img {
  height: 96%;
}
#sequence-theme h2 {
  color: #3a3a3a;
  font-family: 'TitilliumWeb-Regular';
  font-size: 24px;
  line-height: 28px
  
}
#sequence-theme .highlight{
  color: #DB3C00;
}
#sequence-theme .information {
  color: #3a3a3a;
  font-family: 'TitilliumWeb-ExtraLight';
  font-size: 16px;
  line-height: 18px
}
#sequence-theme .information p{
  float:left;
  clear: both;
  line-height: 21px;
  font-size: 16px;
}
#sequence-theme .information .btn{
  float:left; 
  clear: both;
white-space: nowrap;
}
#sequence-theme .next,
#sequence-theme .prev {
  /*position: absolute;*/
  /*opacity: 0.6;*/
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .next:hover,
#sequence-theme .prev:hover {
  /*opacity: 1;*/
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .iteminformation {
  left: 0%;
  width: 50%;
  opacity: 0;
  bottom: 0%;
  z-index: 50;
  color: #3a3a3a;
  
  /*border: 1px solid red;*/
}

#sequence-theme .animate-in .iteminformation {
  left: 0%;
  bottom: 0%;
  opacity: 1;
  -webkit-transition-duration: 1.0s;
  -moz-transition-duration: 1.0s;
  -ms-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  transition-duration: 1.0s;
}
#sequence-theme .animate-out .iteminformation {
  left: 0%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .title {
  font-size: 3.4em;
  left: -50%;
  width: 35%;
  opacity: 0;
  bottom: 75%;
  z-index: 50;
  color: #2d73d5;
}

#sequence-theme .animate-in .title {
  left: 2%;
  opacity: 1;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
#sequence-theme .animate-out .title {
  left: 0%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .information {
  font-size: 2em;
  left: -50%;
  width: 35%;
  opacity: 0;
  bottom: 5%;
}
#sequence-theme .animate-in .information {
  left: 2%;
  opacity: 1;
  -webkit-transition-duration: 1.3s;
  -moz-transition-duration: 1.3s;
  -ms-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s;
}
#sequence-theme .animate-out .information {
  left: -50%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .model {
  left: 70%;
  bottom: 5%;
  opacity: 0;
  position: relative;
  height: auto !important;
  max-height: 568px !important;
  width: 30%;
  min-width: 454px;
  /*prevents the model from shrinking when the browser is resized*/
  max-width: 540px;
}
#sequence-theme .animate-in .model {
  left: 45%;
  opacity: 1;
  -webkit-transition-duration: 4s;
  -moz-transition-duration: 4s;
  -ms-transition-duration: 4s;
  -o-transition-duration: 4s;
  transition-duration: 4s;
}
#sequence-theme .animate-out .model {
  left: 100%;
  opacity: 0;
  -webkit-transition-duration: 1.0s;
  -moz-transition-duration: 1.0s;
  -ms-transition-duration: 1.0s;
  -o-transition-duration: 1.0s;
  transition-duration: 1.0s;
}



@media only screen and (min-width: 1224px) {
  /*only display the hover effect on desktops/laptops*/
  #sequence-theme .nav li img:hover {
    opacity: 1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
  }
}
@media only screen and (min-width: 992px) {
  #sequence-theme .title {
    width: 42%;
  }
}
@media only screen and (max-width: 838px) {
  #sequence-theme {
    height: 383px;
    /*border: 1px solid blue;*/
  }
  #sequence-theme .model {
    max-height: 383px !important;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  #sequence-theme {
    height: 283px;
    /*border: 1px solid red;*/
  }
  #sequence-theme .title {
    font-size: 2.8em;
  }
  #sequence-theme .information {
    font-size: 1.6em;
  }
  #sequence-theme .next,
  #sequence-theme .prev {
    /*height: 60px;
    margin-top: -40px;*/
  }
  #sequence-theme .model {
    max-height: 480px !important;
    width: auto;
  }
}
@media only screen and (max-width: 568px) {
  #sequence-theme .model {
    left: 50%;
    min-width: 60%;
    /*prevents the model from shrinking when the browser is resized*/
    width: 60%;
  }
  #sequence-theme .animate-in .model {
    left: 50%;
    margin-left: -20%;
  }
  #sequence-theme .animate-out .model {
    left: 50%;
    margin-left: -20%;
  }
  #sequence-theme .title {
    background: #a1a1a1;
    border-top: 1px solid #dddddd;
    background: rgba(221, 221, 221, 0.3);
    left: 100%;
    padding: 4%;
    bottom: 0%;
    width: 100%;
    z-index: 10;
  }
  #sequence-theme .animate-in .title {
    left: 0%;
  }
  #sequence-theme .animate-out .title {
    left: -100%;
  }
  #sequence-theme .information {
    visibility: hidden;
  }
  #sequence-theme .nav {
    bottom: 40px;
  }
  #sequence-theme .nav li img {
    height: 100px;
  }
  #sequence-theme{
    /*border: 1px solid green;*/
  }
}
@media only screen and (max-width: 518px) {
  #sequence-theme {
    height: 283px;
    /*border: 1px solid yellow;*/
  }
}
@media only screen and (max-width: 468px) {
  #sequence-theme {
    height: 415px;
  }
  #sequence-theme .nav {
    opacity: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width: 418px) {
  #sequence-theme {
    height: 375px;
  }
}
@media only screen and (max-width: 368px) {
  #sequence-theme {
    height: 325px;
  }
  #sequence-theme .title {
    font-size: 2.2em;
  }
}
@media only screen and (max-width: 320px) and (orientation: portrait) {
  /*iphone portrait*/
  #sequence-theme {
    height: 320px;
  }
  #sequence-theme .model {
    min-width: 45%;
    width: 45%;
  }
  #sequence-theme .animate-in .model {
    margin-left: -22.5%;
  }
  #sequence-theme .animate-out .model {
    margin-left: -22.5%;
  }
}
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
  #sequence-theme {
    height: 260px;
  }
  #sequence-theme .model {
    min-width: 24%;
    width: 24%;
  }
  #sequence-theme .animate-in .model {
    left: 17.5%;
    margin-left: 0;
  }
  #sequence-theme .animate-out .model {
    left: 17.5%;
    margin-left: 0;
  }
  #sequence-theme .nav {
    right: 17.5%;
  }
}


/* --------------------------------------------------------*/
/* FONTS @FONTFACE                                         */
/* --------------------------------------------------------*/
/* TitilliumWeb */



/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-Black';
  src: url('TitilliumWeb-Black.eot');
  src: url('TitilliumWeb-Black.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-Black.woff') format('woff'),
       url('TitilliumWeb-Black.ttf') format('truetype'),
       url('TitilliumWeb-Black.svg#TitilliumWeb-Black') format('svg');
}

.fontpro,.fontpro-35427 {
  font-family: 'TitilliumWeb-Black',sans-serif;
}

/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-Bold';
  src: url('TitilliumWeb-Bold.eot');
  src: url('TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-Bold.woff') format('woff'),
       url('TitilliumWeb-Bold.ttf') format('truetype'),
       url('TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');
}

.fontpro,.fontpro-35428 {
  font-family: 'TitilliumWeb-Bold',sans-serif;
}


/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-BoldItalic';
  src: url('TitilliumWeb-BoldItalic.eot');
  src: url('TitilliumWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-BoldItalic.woff') format('woff'),
       url('TitilliumWeb-BoldItalic.ttf') format('truetype'),
       url('TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic') format('svg');
}

.fontpro,.fontpro-35429 {
  font-family: 'TitilliumWeb-BoldItalic',sans-serif;
}


/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-Thin';
  src: url('TitilliumWeb-ExtraLight.eot');
  src: url('TitilliumWeb-ExtraLight.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-ExtraLight.woff') format('woff'),
       url('TitilliumWeb-ExtraLight.ttf') format('truetype'),
       url('TitilliumWeb-ExtraLight.svg#TitilliumWeb-Thin') format('svg');
}

.fontpro,.fontpro-35430 {
  font-family: 'TitilliumWeb-Thin',sans-serif;
}


/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-ThinItalic';
  src: url('TitilliumWeb-ExtraLightItalic.eot');
  src: url('TitilliumWeb-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-ExtraLightItalic.woff') format('woff'),
       url('TitilliumWeb-ExtraLightItalic.ttf') format('truetype'),
       url('TitilliumWeb-ExtraLightItalic.svg#TitilliumWeb-ThinItalic') format('svg');
}

.fontpro,.fontpro-35431 {
  font-family: 'TitilliumWeb-ThinItalic',sans-serif;
}

/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-Italic';
  src: url('TitilliumWeb-Italic.eot');
  src: url('TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-Italic.woff') format('woff'),
       url('TitilliumWeb-Italic.ttf') format('truetype'),
       url('TitilliumWeb-Italic.svg#TitilliumWeb-Italic') format('svg');
}

.fontpro,.fontpro-35432 {
  font-family: 'TitilliumWeb-Italic',sans-serif;
}



/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-Light';
  src: url('TitilliumWeb-Light.eot');
  src: url('TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-Light.woff') format('woff'),
       url('TitilliumWeb-Light.ttf') format('truetype'),
       url('TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg');
}

.fontpro,.fontpro-35433 {
  font-family: 'TitilliumWeb-Light',sans-serif;
}


/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-LightItalic';
  src: url('TitilliumWeb-LightItalic.eot');
  src: url('TitilliumWeb-LightItalic.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-LightItalic.woff') format('woff'),
       url('TitilliumWeb-LightItalic.ttf') format('truetype'),
       url('TitilliumWeb-LightItalic.svg#TitilliumWeb-LightItalic') format('svg');
}

.fontpro,.fontpro-35434 {
  font-family: 'TitilliumWeb-LightItalic',sans-serif;
}

/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-Regular';
  src: url('TitilliumWeb-Regular.eot');
  src: url('TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-Regular.woff') format('woff'),
       url('TitilliumWeb-Regular.ttf') format('truetype'),
       url('TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
}

.fontpro,.fontpro-35435 {
  font-family: 'TitilliumWeb-Regular',sans-serif;
}



/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-SemiBold';
  src: url('TitilliumWeb-SemiBold.eot');
  src: url('TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-SemiBold.woff') format('woff'),
       url('TitilliumWeb-SemiBold.ttf') format('truetype'),
       url('TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
}

.fontpro,.fontpro-35436 {
  font-family: 'TitilliumWeb-SemiBold',sans-serif;
}


/* Designed by Multiple Designers */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'TitilliumWeb-SemiBoldItalic';
  src: url('TitilliumWeb-SemiBoldItalic.eot');
  src: url('TitilliumWeb-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
       url('TitilliumWeb-SemiBoldItalic.woff') format('woff'),
       url('TitilliumWeb-SemiBoldItalic.ttf') format('truetype'),
       url('TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic') format('svg');
}

.fontpro,.fontpro-35437 {
  font-family: 'TitilliumWeb-SemiBoldItalic',sans-serif;
}