/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
/* CSS Resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border: 0;
    margin: 0;
    padding: 0
}

article,aside,figure,figure img,figcaption,hgroup,footer,header,section,video,object {
    display: block
}

a img {
    border: 0
}

figure {
    position: relative
}

figure img {
    width: 100%
}

/* Layout Starts Here */
/*#mainwrapper{  margin:auto; max-width:1024px; }  .navbar { width: 1024px; margin:auto; z-index: 9998; height:60px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; }*/
.container {
    margin-top: 15px;
    overflow: hidden;
    max-width: 1024px;
}

.containerflush {
    margin-top: 0px;
    max-width: 1024px;
}

.row {
    width: 100%;
    max-width: 1024px;
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden;
}

.rowflush {
    width: 100%;
    max-width: 1024px;
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    margin-right: 1.5%;
    float: left;
    min-height: 1px;
    height: 100%;
}

.row .onecol {
    width: 4.85%;
}

.row .twocol {
    width: 13.45%;
}

.row .threecol {
    width: 31.05%;
}

.row .fourcolfixheight {
    background-color: #E6E6E6;
    height: 200px;
    width: 220px;
    margin: 0 10px 0 10px;
}

.row .fourcolfixheightrepeat {
    background-color: #E6E6E6;
    height: 200px;
    width: 220px;
    margin: 20px 10px 0 10px;
}

.row .fivecolfixheight {
    height: 170px;
    width: 170px;
    display: inline;
}

.fourcolfixwhite {
    margin-right: 1%;
    float: left;
    min-height: 1px;
}

.row .fourcolfixwhite {
    background-color: #FFF;
    height: 200px;
    width: 220px;
}

.row .fourcol {
    width: 21.75%;
}

.row .fivecol {
    width: 39.45%;
}

.row .sixcol {
    width: 48%;
}

.row .sevencol {
    width: 56.75%;
}

.row .eightcol {
    width: 65.4%;
}

.row .ninecol {
    width: 74.05%;
}

.row .tencol {
    width: 82.7%;
}

.row .elevencol {
    width: 91.35%;
}

.row .twelvecol,.fourcolfixheight {
    width: 100%;
    float: left;
}

.row .twelvecol,.fourcolfixheightrepeat {
    width: 100%;
    float: left;
}

.first {
    margin-left: 30px;
}

.last {
    margin-right: 0px;
}

img, object, embed {
    max-width: 100%;
}

img {
    height: auto;
}

img a {
    outline: none;
}

img a:focus {
    -moz-outline-style: none;
}

a {
    border: none;
    border: 0;
    outline: none;
}

a:focus {
    -moz-outline-style: none;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-size : 14px;
    line-height : 1.5;
    font-family: Futura-pt, Arial,"Helvetica Neue",sans-serif;
    line-height: 16px;
    word-wrap: break-word;
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/body_bg.jpg) center repeat-y;
}

li {
    margin-bottom: 6px;
}

blockquote {
    border-left: 1px solid #c1c1c1;
    color: #26BCD7;
    padding-left: 15px;
    margin-left: -15px;
}

#blockquote_side {
    background-color: #f3f3f3;
    padding: 15px;
    width: 250px;
    border: 1px dotted #d6d3d3;
    position: absolute;
    top: 450px;
    margin-left: 75px;
}

hr {
    border: 0;
    border-bottom: 2px dotted #26BCD7;
    clear: both;
    height: 0;
    max-width: 964px;
    margin: 15px auto 15px auto;
}

section h1 {
    font-size: 20px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #FFF;
    line-height: 22px;
    z-index: 1;
}

section .addmore h1 {
    font-size: 48px;
    margin-bottom: 0px;
    font-family: futura-pt-n3, Futura-pt, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #FFF;
    /*#F47B20;*/
    text-shadow: 0px 0px 15px #000;
    line-height: 48px;
}

section .addmore {
    width: 100%;
    max-width: 1024px;
    text-align: center;
    position: absolute;
    top: 140px;
    z-index: 9999;
}

.headerh1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #FFF;
    z-index: 3000;
    position: relative;
}

.headerh1home {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #FFF;
    z-index: 3000;
    position: relative;
	text-align:center;
	margin-left:20%;
}

.headerh2home{
    font-size: 20px;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: white;
    position: relative;
	text-align:center;
	margin-left:20%;
}

footer h1 {
    padding-left: 20px;
    font-size: 20px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #26BCD7;
    line-height: 22px;
}

section section h1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #FFF;
    z-index: 9999;
}

section section .twelvecol h1 {
    font-size: 40px;
    line-height: 48px;
    margin: 30px 30px 10px 30px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #666;
    z-index: 9999;
}

#centerwhite h1 {
    font-size: 40px;
    line-height: 48px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #4D4D4D;
    margin: 0px 0px 5px 30px;
}

section h2 {
    font-size: 18px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #26BCD7;
    line-height: 12px;
}

section section h2 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #FFF;
}

section h3 {
    margin: 10px 10px 0 10px;
    color: #FFF;
    font-size: 18px;
    font-family: Futura-pt, Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
}

section section h3 {
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #26BCD7;
    margin-left: 20px
}

section section h4 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #4D4D4D;
    margin-left: auto;
    margin-right: auto;
    max-width: 924px;
    text-align: center;
}

a img {
    border: none
}

a {
    color: #26BCD7;
    text-decoration: none;
    -webkit-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out
}

a:hover {
    color: #666;
    text-decoration: none;
}

a.newsdate {
    color: #FFF;
    text-decoration: none;
    -webkit-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out
}

a.newsdate:hover {
    color: #26BCD7;
    text-decoration: none;
}

img {
    max-width: 100%;
    -webkit-transition: -webkit-transform 0.550s ease-in-out;
}

section#content {
    width: 100%;
    margin: auto;
}

header {
    position: absolute;
    width: 100%;
    max-width: 1024px;
    z-index: 9999;
    border: none;
    height: auto;
    margin: auto;
    /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, .8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";*/
}

/*section#logo { margin:10px 0 0 30px; padding:0; border:none; height:auto; }  header img { max-width:100%; -webkit-transition:-webkit-transform 0.550s ease-in-out } h1.logo { display:none }  header a.logo { background:url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/logo.png) no-repeat scroll 0 0 transparent; background-position: 0 -45px; display:block; width:114px; height:45px; border:none; }  header a.logo:hover { background-position: 0px 1px; }  header a.logo { position:relative;display:block; }  h1.logo { display:none }  */
/*nav { text-align:right; margin:15px 0 0 0; padding:10px; border:none; height:auto; }  nav ul { top:15px; margin:0; list-style:none; list-style-type:none } nav ul li { display:inline; margin-right:40px } nav ul li:last-child { margin-right:0px } nav a { font-size:14px; font-family:futura-pt-n5, Futura-pt, Arial, Helvetica, sans-serif; font-weight:500; line-height: 18px; text-decoration:none } nav a { color:#FFF; -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out } nav a:hover { color:#26BCD7; }  */
footer {
    width: 95%;
    margin: 0 0 0 2.5%;
    color: #26BCD7;
    text-align: center;
}

footer section.container {
    color: #26BCD7;
    text-align: left;
}

footer h2 {
    font-size: 16px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #938055;
    line-height: 16px;
}

footer p {
    margin-top: 5px;
}

img, object, embed {
    max-width: 100%;
    -webkit-transition: -webkit-transform 0.550s ease-in-out
}

#searchwrapper {
    width: 152px;
    /*follow your image's size*/
    height: 20px;
    /*follow your image's size*/
    background-image: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/searchbar.png);
    background-repeat: no-repeat;
    /*important*/
    padding: 0px;
    margin: 0px;
    position: relative;
    /*important*/
    /*right:25px;*/
    float: right;
    color: #FFF;
}

#searchwrapper form {
    display: inline ;
}

#searchwrapper input {
    color: #FFF;
}

.searchbox {
    border: 0px;
    /*important*/
    background-color: transparent;
    /*important*/
    background: transparent;
    /*important*/
    position: absolute;
    /*important*/
    left: 4px;
    width: 152px;
    height: 16px;
    color: #FFF;
}

.searchbox_submit {
    border: 0px;
    /*important*/
    background-color: transparent;
    /*important*/
    position: absolute;
    /*important*/
    top: 4px;
    left: 130px;
    width: 20px;
    height: 20px;
}

.copyright {
    margin: 30px 0 90px 0;
}

#centerwhite {
    background: #FFFFFF;
    height: 100%;
    width: 1024px;
    margin: auto;
    overflow: hidden;
}

/*  Orange Template */
#toporange {
    height: 350px;
    width: 1024px;
    margin: auto;
    background: #F47B20 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/orange_headerb.jpg) no-repeat;
}

#orangestatement {
    width: 70%;
    padding: 0px 0 0 30px;
    position: absolute;
    top: 150px;
}

#centerorange {
    height: 100%;
    width: 1024px;
    margin: auto;
    background: #F47B20;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    overflow: hidden;
}

#centerorangelite {
    height: 100%;
    width: 1024px;
    margin: auto;
    background: #FEDABC;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    overflow: hidden;
}

#bottomorange {
    height: 51px;
    width: 1024px;
    margin: auto;
    background: #F47B20 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x;
}

#orangesubnav {
    margin: auto;
    width: 1024px;
    height: 39px;
    background: #F47B20 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/subnav_bg.png) repeat-x;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    text-align: center;
}

#orangesubnav ul {
    top: 15px;
    margin: auto;
    list-style: none;
    list-style-type: none;
    height: 39px;
}

#orangesubnav ul li {
    display: inline;
    border-left: 1px solid white;
    height: 39px;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
}

#orangesubnav ul li:first-child {
    border-left: 1px solid white;
}

#orangesubnav ul li:last-child {
    border-right: 1px solid white;
}

#orangesubnav ul li.current {
    background: #EB5A24;
}

#orangesubnav a {
    font-size: 14px;
    font-family: futura-pt-n5, Futura-pt, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
    line-height: 39px;
}

#orangesubnav a {
    color: #FFF;
    /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; padding:2px 15px; -webkit-border-radius:15px;	*/
    -webkit-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out
}

#orangesubnav a:hover {
    color: #26BCD7;
}

.orangeh1 {
    margin: 0px 30px 0px 30px;
    text-align: justify;
    color: #F47B20;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 40px;
    font-weight: 300;
    line-height: 50px;
}

.orangeh2 {
    margin: 0px 30px 0px 30px;
    color: #F47B20;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    float: right;
}

.orangeh3 {
    margin: 30px 30px 0px 30px;
    text-align: justify;
    color: #F47B20;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
}

.orangediv {
    height: 72px;
    width: 300px;
    border-left: 10px solid #EF651A;
    background-color: #DDDDDD;
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 30px;
}

.orangediv a {
    color: #7F7F83;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    vertical-align: middle;
    display: block;
    top: 30%;
    position: relative;
}

.orangediv a:hover {
    color: #26BCD7;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    vertical-align: middle;
    display: block;
    top: 30%;
    position: relative;
}

.bluediv {
    height: 72px;
    width: 300px;
    border-left: 10px solid #25AFCD;
    background-color: #DDDDDD;
    display: block;
    float: left;
    margin-left: 30px;
    margin-top: 30px;
}

.bluediv a {
    color: #7F7F83;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    vertical-align: middle;
    display: block;
    top: 30%;
    position: relative;
}

.bluediv a:hover {
    color: #26BCD7;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    vertical-align: middle;
    display: block;
    top: 30%;
    position: relative;
}

.purplediv {
    height: 72px;
    width: 300px;
    border-left: 10px solid #6259A4;
    background-color: #DDDDDD;
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 30px;
}

.purplediv a {
    color: #7F7F83;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    vertical-align: middle;
    display: block;
    top: 30%;
    position: relative;
}

.purplediv a:hover {
    color: #26BCD7;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    vertical-align: middle;
    display: block;
    top: 30%;
    position: relative;
}

/*   Blue Template   */
#topblue {
    height: 350px;
    width: 1024px;
    margin: auto;
    background: #26BCD7 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/blue_headerb.jpg) no-repeat;
}

#centerblue {
    overflow: hidden;
    height: 100%;
    width: 1024px;
    margin: auto;
    background: #26BCD7;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
}

#bottomblue {
    height: 51px;
    width: 1024px;
    margin: auto;
    background: #26BCD7 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x;
}

#bluestatement {
    width: 60%;
    padding: 0px 0 0 30px;
    position: absolute;
    top: 150px;
}

#bluesubnav {
    margin: auto;
    width: 1024px;
    height: 39px;
    background: #26BCD7 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/subnav_bg.png) repeat-x;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    text-align: center;
}

#bluesubnav ul {
    top: 15px;
    margin: auto;
    list-style: none;
    list-style-type: none;
    height: 39px;
}

#bluesubnav ul li {
    display: inline;
    height: 39px;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
    border-left: 1px solid white;
}

#bluesubnav ul li:first-child {
    border-left: 1px solid white;
}

#bluesubnav ul li:last-child {
    border-right: 1px solid white;
}

#bluesubnav ul li.current {
    background: #106172;
}

#bluesubnav a {
    font-size: 14px;
    font-family: futura-pt-n5, Futura-pt, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
    line-height: 39px;
}

#bluesubnav a {
    color: #FFF;
    /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; padding:2px 15px; -webkit-border-radius:15px;	*/
    -webkit-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out
}

#bluesubnav a:hover {
    color: #666;
}

/*   Green Template   */
#topgreen {
    height: 350px;
    width: 1024px;
    margin: auto;
    background: #66B360 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/green_header.jpg) no-repeat;
}

.centergreen {
    width: 1024px;
    height: 100%;
    margin: 20px auto 20px auto;
    background: #66B360;
    height: 100%;
    overflow: hidden;
    padding: 30px 0px 30px 0px;
}

.centergreen h3 {
    margin: 0px 30px 0px 30px;
    color: #FFF;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
}

.centergreen p {
    margin: 0px 30px 0px 30px;
    color: #FFF;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    line-height: 34px;
}

#bottomgreen {
    height: 51px;
    width: 1024px;
    margin: auto;
    background: #66B360 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x;
}

#greenstatement {
    width: 60%;
    padding: 0px 0 0 30px;
    position: absolute;
    top: 150px;
}

#greensubnav {
    margin: auto;
    width: 1024px;
    height: 39px;
    background: #66B360 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/subnav_bg.png) repeat-x;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    text-align: center;
}

#greensubnav ul {
    top: 15px;
    margin: auto;
    list-style: none;
    list-style-type: none;
    height: 39px;
}

#greensubnav ul li {
    display: inline;
    border-left: 1px solid white;
    height: 39px;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
}

#greensubnav ul li:first-child {
    border-left: 1px solid white;
}

#greensubnav ul li:last-child {
    border-right: 1px solid white;
}

#greensubnav ul li.current {
    background: #2D612D;
}

#greensubnav a {
    font-size: 14px;
    font-family: futura-pt-n5, Futura-pt, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
    line-height: 39px;
}

#greensubnav a {
    color: #FFF;
    /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; padding:2px 15px; -webkit-border-radius:15px;	*/
    -webkit-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out
}

#greensubnav a:hover {
    color: #26BCD7;
}

/*   Purple Template   */


#purplestatement {
    width: 60%;
    padding: 0px 0 0 30px;
    position: absolute;
    top: 150px;
}

#centerpurple {
    overflow: hidden;
    height: 100%;
    width: 1024px;
    margin: auto;
    background: #EBEAF5 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x;
}

#bottompurple {
    height: 51px;
    width: 1024px;
    margin: auto;
    background: #7670B3 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/centershade_bg.png) repeat-x;
}

#purplesubnav {
    margin: auto;
    width: 1024px;
    height: 39px;
    background: #7670B3 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/subnav_bg.png) repeat-x;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    text-align: center;
}

#purplesubnav ul {
    top: 15px;
    margin: auto;
    list-style: none;
    list-style-type: none;
    height: 39px;
}

#purplesubnav ul li {
    display: inline;
    border-left: 1px solid white;
    height: 39px;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
}

#purplesubnav ul li:last-child {
    border-right: 1px solid white;
}

#purplesubnav ul li.current {
    background: #352E59 ;
}

#purplesubnav a {
    font-size: 14px;
    font-family: futura-pt-n5, Futura-pt, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
    line-height: 39px;
}

#purplesubnav a {
    color: #FFF;
    /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; padding:2px 15px; -webkit-border-radius:15px;	*/
    -webkit-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out
}

#purplesubnav a:hover {
    color: #26BCD7;
}

/*                Vertical Timeline          */
#timeline {
    width: 512px;
    height: 360px;
    overflow: hidden;
    margin: auto;
    margin: 5px 0px 5px 0px;
    position: relative;
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/dot.gif) 3px top repeat-y;
}

#dates {
    width: 50px;
    float: left;
}

#dates li {
    list-style: none;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding-left: 10px;
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/biggerdot.png) left center no-repeat;
}

#dates a {
    line-height: 38px;
    padding-bottom: 10px;
}

#dates .selected {
    font-size: 18px;
}

#issues {
    width: 450px;
    height: 320px;
    overflow: hidden;
    float: left;
    position: relative;
    top: 20%;
}

#issues li {
    width: 450px;
    height: 320px;
    list-style: none;
    margin: 0 0 0 0;
}

#issues li img {
    padding: 30px 0px 0px 0px;
}

#issues li h1 {
    color: #26BCD7;
    font-size: 24px;
    width: 300px;
}

#issues li p {
    font-size: 11px;
    font-weight: normal;
    line-height: 22px;
    color: #666;
    text-align: left;
    width: 300px;
}

#next, #prev {
    position: absolute;
    left: 55%;
    font-size: 70px;
    width: 40px;
    height: 40px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

#next:hover, #prev:hover {
    background-position: 0 0;
}

#next {
    bottom: 0;
    background-image: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/downarrow_largeorange.png);
}

#prev {
    top: 0;
    background-image: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/uparrow_largeorange.png);
}

#next.disabled, #prev.disabled {
    opacity: 0.2;
}

/* Counter style  */
#counterwrapper {
    position: relative;
    margin-top: 70px;
}

#flip-counter {
    position: relative;
    clear: both;
    margin: 0 0 0 30%;
}

.flip-counter ul.cd {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.flip-counter li {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/digits.png) 0 0 no-repeat
}

.flip-counter li.t {
    background-position: 0 0;
    width: 53px;
    height: 39px;
    margin-bottom: 0px;
}

.flip-counter li.b {
    background-position: 0 0;
    width: 53px;
    height: 64px
}

.flip-counter li.s {
    background-position: -53px -1030px;
    width: 14px;
    height: 103px
}

/* 					Slider Container Options						 */
#slider {
}

.asyncslider_container {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.asyncslider_container li {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1000px;
}

.asyncslider_container .emotive {
    padding-top: 30px;
    text-align: center;
}

.asyncslider_container .emotive h1 {
    color: #FFF;
    font-size: 48px;
    padding-top: 160px;
    padding-bottom: 5px;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    text-shadow: 0px 0px 15px #000;
}

.asyncslider_container .emotive a {
    color: #FFF;
    margin: 0px;
    padding-top: 160px;
    -webkit-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out
}

.asyncslider_container .emotive a:hover {
    color: #26BCD7;
}

.asyncslider_container .emotive p {
    color: #FFF;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.6;
}

.asyncslider_container .environment {
    text-align: center;
}

.asyncslider_container .environment h1 {
    color: #FFF;
    font-size: 48px;
    margin: 0px;
    padding-top: 40px;
    padding-bottom: 20px;
    text-shadow: 0px 0px 15px #000;
}

.asyncslider_container .environment h3 {
    color: #FFF;
    font-size: 50px;
    margin: 0px;
    font-weight: 200;
}

.asyncslider_container .environment a {
    color: #FFF;
    font-size: 48px;
    margin: 60px;
    padding-top: 40px;
    padding-bottom: 20px;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-weight: 700;
    font-style: normal;
    -webkit-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out
}

.asyncslider_container .environment a:hover {
    color: #F47B20;
}

.asyncslider_container .environment p {
    color: #FFF;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.6;
}

.asyncslider_container .whatif {
    padding-top: 30px;
    padding-left: 30px;
    text-align: left;
}

.asyncslider_container .didyouknow {
    padding-top: 30px;
    text-align: center;
}

.asyncslider_container .didyouknow h1 {
    color: #FFF;
    font-size: 40px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 48px;
    text-align: center;
    margin-bottom: 30px;
}

.didyouknow h2 {
    color: #92D1E2;
    font-size: 20px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.asyncslider_container .whatif h1 {
    color: #FFF;
    font-size: 28px;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding: 20px 0px 0px 150px;
}

.statement {
    margin: 0px 30px 0px 30px;
    text-align: justify;
    color: #666;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 25px;
    font-weight: 300;
    line-height: 37px;
}

.blueh1 {
    margin: 0px 30px 0px 30px;
    text-align: justify;
    color: #26BCD7;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 40px;
    font-weight: 300;
    line-height: 50px;
}

.blueh2 {
    margin: 0px 30px 0px 30px;
    color: #26BCD7;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    float: right;
}

.blueh3 {
    margin: 30px 30px 0px 30px;
    text-align: justify;
    color: #26BCD7;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
}

.greenh1 {
    margin: 0px 30px 10px 30px;
    text-align: justify;
    color: #66B360;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
}

.greenh2 {
    margin: 0px 30px 0px 30px;
    color: #66B360;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    float: right;
}

.greenh3 {
    margin: 30px 30px 0px 30px;
    text-align: justify;
    color: #66B360;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
}

.greyh1 {
    margin: 30px 30px 10px 30px;
    text-align: left;
    color: #4D4D4D;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
}

.greyh2 {
    margin: 0px 30px 10px 30px;
    text-align: left;
    color: #4D4D4D;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 35px;
    font-weight: 300;
    line-height: 40px;
}

.greyh3 {
    margin: 0px 30px 10px 30px;
    text-align: left;
    color: #4D4D4D;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}

.greyh4 {
    margin: 0px 30px 10px 30px;
    text-align: left;
    color: #4D4D4D;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
}

.whatifh1 {
    margin: 0px 0px 0px 0px;
    text-align: center;
    color: #FFF;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
}

.whiteh1 {
    margin: 30px 30px 10px 30px;
    text-align: left;
    color: #FFF;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
}

.whiteh2 {
    margin: 0px 30px 10px 30px;
    text-align: left;
    color: #FFF;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 35px;
    font-weight: 300;
    line-height: 40px;
}

.whiteh3 {
    margin: 10px 30px 10px 30px;
    text-align: left;
    color: #FFF;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

.whiteh3tall {
    margin: 10px 30px 10px 30px;
    text-align: left;
    color: #FFF;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
}

.whiteh4 {
    margin: 0px 30px 10px 30px;
    text-align: left;
    color: #FFF;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
}

.greycenter {
    margin: 0px 30px 10px 30px;
    text-align: center;
    color: #595959;
    width: 100%;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    float: left;
}

.stmtfull {
    margin: 0px 30px 10px 30px;
    float: left;
    color: #4D4D4D;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}

.stmtright {
    margin: 0px 0px 0px 30px;
    float: left;
    width: 90%;
    color: #4D4D4D;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}

.stmtleft {
    margin: 0px 0px 0px 30px;
    float: left;
    width: 90%;
    color: #4D4D4D;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}

.stmtleftwhite {
    margin: 0px 0px 0px 30px;
    float: left;
    width: 90%;
    color: #FFF;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

.stmtleftwide {
    margin: 0px 0px 0px 30px;
    float: left;
    width: 70%;
    color: #4D4D4D;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

.blueprov {
    margin: 45px 40px 0px 0px;
    text-align: left;
    color: #26BCD7;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
    width: 290px;
    float: right;
}

.greenprov {
    margin: 45px 40px 0px 0px;
    text-align: left;
    color: #26BCD7;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
    width: 290px;
    float: right;
}

/* Misc */
.clear {
    clear: both;
}

.item {
    width: 220px;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
}

.itemclient {
    width: 220px;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
    background-position: -220px;
}

.itemclient a:hover {
    width: 220px;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
    background-position: -220px 0px;
}

.item .caption {
    width: 100%;
    height: 100%;
    background: #000;
    top: 220px;
    color: #fff;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    /*display:none;*/
    filter: alpha(opacity=80);
    /* ie  */
    -moz-opacity: 0.8;
    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.8;
    /* for really really old safari */
    opacity: 0.8;
    /* css standard, currently it works in most modern browsers like firefox,  */
}

.item .clientcaption {
    width: 100%;
    height: 100%;
    background: #26BCD7;
    top: 220px;
    text-align: center;
    color: #fff;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    filter: alpha(opacity=80);
    /* ie  */
    -moz-opacity: 0.6;
    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.6;
    /* for really really old safari */
    opacity: 0.6;
    /* css standard, currently it works in most modern browsers like firefox,  */
}

.item .caption a {
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
    padding: 0px;
    display: block;
}

.item .caption h3 {
    text-decoration: none;
    color: #26BCD7;
    font-size: 16px;
    padding: 0px;
    display: block;
    text-align: center;
}

.item .caption p {
    padding: 0px;
    color: #26BCD7;
    margin: 35% 20px 20px 20px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
}

.clientlogo {
    width: 770px;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
}

.casestudytitle {
    position: absolute;
    top: 150px;
    color: #FFF;
    font-size: 40px;
    line-height: 50px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
}

.casestudy {
    padding: 0px 30px 30px 30px;
    color: #4D4D4D;
    font-size: 20px;
    line-height: 35px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    width: 656px;
    float: left;
    display: inline;
}

.clienttestimonial {
    margin: 30px 0 0 0;
    padding: 10px 10px 10px 10px;
    color: #FFF;
    font-size: 15px;
    line-height: 24px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    width: 200px;
    float: left;
    display: inline;
    background: #F47B20;
}

/*** Departmen Rollovers***/
.departmentitem {
    width: 165px;
    height: 165px;
    overflow: hidden;
    position: relative;
    float: left;
}

.department .caption {
    width: 100%;
    height: 100%;
    background: #000;
    top: 165px;
    color: #fff;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    /*display:none;*/
    filter: alpha(opacity=80);
    /* ie  */
    -moz-opacity: 0.8;
    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.8;
    /* for really really old safari */
    opacity: 0.8;
    /* css standard, currently it works in most modern browsers like firefox,  */
}

.departmentitem .caption a {
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
    padding: 0px;
    display: block;
}

.departmentitem .caption h3 {
    text-decoration: none;
    color: #26BCD7;
    font-size: 16px;
    padding: 0px;
    display: block;
    text-align: center;
}

.departmentitem .caption p {
    padding: 0px;
    color: #26BCD7;
    margin: 0%;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
}

.circleitem {
    width: 165px;
    height: 166px;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 15px;
}

.item .clientcaption a {
    text-decoration: none;
    color: #0cc7dd;
    font-size: 12px;
    padding: 0px;
    display: block;
}

.item .clientcaption h3 {
    text-decoration: none;
    color: #26BCD7;
    font-size: 16px;
    padding: 0px;
    display: block;
    text-align: center;
}

.item .clientcaption p {
    padding: 0px;
    color: #FFF;
    margin: 70% 20px 20px 20px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
}

.newsnew {
    padding: 0px;
    color: #666;
    margin: 20px 20px 20px 0px;
    font-size: 18px;
    text-align: left;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
}

.newstext {
    padding: 0px;
    color: #666;
    margin: 20px 20px 20px 0px;
    font-size: 15px;
    text-align: left;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
}

.linkbuttongrey a {
    background: #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    padding: 0 10px 0 10px;
    width: 120px;
    text-align: center;
    margin: 0 30px 0 0;
    position: absolute;
    bottom: 30px;
    right: 30px;
    color : #666;
    font-size : 12px;
    line-height : 1.5;
    font-family: Futura-pt, Arial,"Helvetica Neue",sans-serif;
}

.linkbuttongrey a:hover {
    background: #E6E6E6;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    color : #26BCD7;
}

.linkbuttonblue a {
    background: #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    padding: 0 10px 0 10px;
    width: 120px;
    text-align: center;
    margin: 0 30px 0 0;
    position: absolute;
    bottom: 30px;
    right: 30px;
    color : #26BCD7;
    font-size : 12px;
    line-height : 1.5;
    font-family: Futura-pt, Arial,"Helvetica Neue",sans-serif;
}

.linkbuttonblue a:hover {
    background: #E6E6E6;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    color : #666;
}

.downloadlink a {
    background: #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    padding: 0 10px 0 10px;
    width: 120px;
    text-align: center;
    margin: 0 30px 0 0;
    position: absolute;
    bottom: 30px;
    right: 30px;
    color : #26BCD7;
    font-size : 12px;
    line-height : 1.5;
    font-family: Futura-pt, Arial,"Helvetica Neue",sans-serif;
}

.downloadlink a:hover {
    background: #E6E6E6;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    color : #666;
}

.clear {
    clear: both;
}

#tweetright {
    height: 215px;
    width: 50%;
    position: relative;
    background: #26BCD7 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/newstweet_bg.png) repeat-x;
    float: right;
    border: 0;
}

#newsleft {
    height: 215px;
    width: 50%;
    position: relative;
    background: #666 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/newstweet_bg.png) repeat-x;
    float: left;
    border: 0;
}

#contactfooter {
    height: 150px;
    margin: 0px 0px 10px 0px;
    max-width: 1024px;
    background: #E6E6E6;
}

#sitemapfooter {
    height: 30px;
    width: 100%;
    max-width: 1024px;
    background: #000;
    padding-top: 15px;
}

#sitemapfooter ul {
    margin: 30px 0 0 30px;
    padding-top: 20px;
    display: inline;
    list-style-type: disc;
}

#sitemapfooter ul li {
    display: inline;
    margin: 20px 30px 0 0;
    list-style-type: disc;
    color: #666;
    font-size: 12px;
}

#whatif {
    margin: 0px 0px 0px 30px;
    float: right;
    width: 100%;
    color: #4D4D4D;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}

.circlesurround {
    display: inline;
}

.circle {
    width: 60px;
    height: 60px;
    background: #FFF;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    margin: 10px 0 0 40px;
}

.contact {
    height: 150px;
    width: 25%;
    float: left;
    background: #E6E6E6;
    left: 20%;
    border-right: 2px dotted #666;
}

.contact h4 {
    color : #666;
    font-size : 14px;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    padding: 0px 20px 10px 30px;
    text-align: left;
}

.contact p {
    color : #666;
    font-size : 12px;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 0px 20px 0px 30px;
}

.connect {
    height: 150px;
    width: 50%;
    background: #E6E6E6;
    float: left;
    border-right: 2px dotted #666;
    position: relative;
    display: inline;
}

.connect h4 {
    color : #666;
    font-size : 14px;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    padding: 0px 20px 10px 30px;
    text-align: left;
}

.connect p {
    color : #666;
    font-size : 12px;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 0px 20px 0px 30px;
}

#connectlist {
    width: 100%;
    padding: 0 0 0 6%;
    margin: 0px auto;
}

#connectlist ul {
    margin: 0px auto;
    left: 150px;
}

#connectlist ul li {
    float: left;
    padding: 20px 30px 0 0;
    list-style-type: none;
}

.departmentlist {
    width: 800px;
    padding: 0 0 0 10%;
    margin-left: auto;
    margin-right: auto;
}

.departmentlist ul {
    margin: 0px auto;
    left: 150px;
}

.departmentlist ul li {
    float: left;
    padding: 20px 100px 0 0;
    list-style-type: none;
}

a.departments {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solidcircles.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.departments:hover {
    background-position: -165px 0px;
}

a.departments span.department {
    display: block;
    width: 130px;
    margin-left: 18px;
    top: 35%;
    text-align: center;
    position: absolute;
    color: #FFF;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
}

a.departments:hover span.department {
    display: none;
}

a.departments span.deptdetail {
    display: none;
}

a.departments:hover span.deptdetail {
    display: block;
    width: 135px;
    margin-left: 10%;
    margin-right: 10%;
    top: 25%;
    text-align: center;
    position: absolute;
    color: #FFF;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
}

a.departments {
    position: relative;
    display: block;
}

h1.facebook {
    display: none
}

a.facebook {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent;
    background-position: 0px 0px;
    display: block;
    width: 50px;
    height: 50px;
    border: none;
}

a.facebook:hover {
    background-position: -50px 0px;
    display: block;
    width: 50px;
    height: 50px;
    border: none;
}

a.facebook {
    position: relative;
    display: block;
}

h1.facebook {
    display: none
}

a.linkedin {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent;
    background-position: 0px -200px;
    display: block;
    width: 50px;
    height: 50px;
    border: none;
}

a.linkedin:hover {
    background-position: -50px -200px;
}

a.linkedin {
    position: relative;
    display: block;
}

h1.linkedin {
    display: none
}

a.twitter {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent;
    background-position: 0px -50px;
    display: block;
    width: 50px;
    height: 50px;
    border: none;
}

a.twitter:hover {
    background-position: -50px -50px;
}

a.twitter {
    position: relative;
    display: block;
}

h1.twitter {
    display: none
}

a.maps {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent;
    background-position: 0px -150px;
    display: block;
    width: 50px;
    height: 50px;
    border: none;
}

a.maps:hover {
    background-position: -50px -150px;
}

a.maps {
    position: relative;
    display: block;
}

h1.maps {
    display: none
}

a.foursquare {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent;
    background-position: 0px -100px;
    display: block;
    width: 50px;
    height: 50px;
    border: none;
}

a.foursquare:hover {
    background-position: -50px -100px;
}

a.foursquare {
    position: relative;
    display: block;
}

h1.foursquare {
    display: none
}

a.rss {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/buttons/connect_sprite.png) no-repeat scroll 0 0 transparent;
    background-position: 0px -250px;
    display: block;
    width: 50px;
    height: 51px;
    border: none;
}

a.rss:hover {
    background-position: -50px -250px;
}

a.rss {
    position: relative;
    display: block;
}

h1.rss {
    display: none
}

/*   LANGUAGE */
#languagewrap {
    font: 1.3em/1.3 Arial, Helvetica, sans-serif,SimeHei;
    margin: 0 auto;
}

/* This CSS is used for the Show/Hide functionality. */
.more {
    display: none;
    width: 750px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    top: 60px;
    right: 0px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
}

a.language {
    float: left;
    display: inline;
    padding: 5px 5px 5px 10px;
}

a.languagehide {
    float: right;
    display: inline;
    padding: 5px 5px 0px 10px;
}

a.languagefooter {
    float: left;
    display: inline;
    padding: 5px 5px 5px 10px;
    color: #666;
}

a.hideLink {
    float: right;
    display: inline;
    padding: 5px 5px;
}

a.showLink {
    text-decoration: none;
    padding-left: 0px;
    position: absolute;
    top: 28px;
    /*right:10px;*/
}

a.showLink:hover, a.hideLink:hover {
    border-bottom: 1px dotted #36f;
}

/* --- Grid --- */
.grid {
    width: 256px;
    margin: auto;
}

.grid-m1 {
    float: left;
    width: 22px;
    height: 1px;
}

.grid-c1 {
    float: left;
    width: 96px;
}

.grid-m2 {
    float: left;
    width: 20px;
    height: 1px;
}

.grid-c2 {
    float: left;
    width: 96px;
}

/** How We Do It**/
#howwedoit {
    width: 100%;
    padding: 0 0 0 4%;
    margin: 0px auto;
}

#howwedoit ul {
    margin: 0px auto;
}

#howwedoit ul li {
    float: left;
    padding: 0px 30px 0 0;
    list-style-type: none;
}

a.fragrances {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/greatfragrance.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.fragrances:hover {
    background-position: -165px 0px;
}

a.fragrances span {
    display: none;
}

a.fragrances:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

a.fragrances {
    position: relative;
    display: block;
}

a.people {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/greatpeople.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.people:hover {
    background-position: -165px 0px;
}

a.people {
    position: relative;
    display: block;
}

a.people span {
    display: none;
}

a.people:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

h1.people {
    display: none
}

a.solutions {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/greatsolutions.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.solutions:hover {
    background-position: -165px 0px;
}

a.solutions span {
    display: none;
}

a.solutions:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

a.meetings {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/greatmeetings.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.meetings:hover {
    background-position: -165px 0px;
}

a.meetings span {
    display: none;
}

a.meetings:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

/** Solutions**/
#solutions {
    width: 100%;
    max-width: 964px;
    margin-left: 30px;
    margin-right: auto;
    padding: 0 0 0 30px;
    /**margin:0px auto;**/
}

#solutions ul {
    /**margin:0px auto;**/
}

#solutions ul li {
    float: left;
    padding: 0px 30px 0 30px;
    list-style-type: none;
}

.bx-prev {
    position: absolute;
    top: 65px;
    float: left;
    left: -30px;
}

.bx-next {
    position: absolute;
    top: 65px;
    float: left;
    left: 904px;
}

a.simplicity {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_scentsimplicity.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.simplicity:hover {
    background-position: -165px 0px;
}

a.simplicity span {
    display: none;
}

a.simplicity:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

a.simplicity {
    position: relative;
    display: block;
}

a.precision {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_scentprecision.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.precision:hover {
    background-position: -165px 0px;
}

a.precision span {
    display: none;
}

a.precision:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

a.precision {
    position: relative;
    display: block;
}

a.customfragrance {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_customfragrance.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.customfragrance:hover {
    background-position: -165px 0px;
}

a.customfragrance span {
    display: none;
}

a.customfragrance:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

a.customfragrance {
    position: relative;
    display: block;
}

a.invisiblesolutions {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_invisiblesolutions.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.invisiblesolutions:hover {
    background-position: -165px 0px;
}

a.invisiblesolutions span {
    display: none;
}

a.invisiblesolutions:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

a.invisiblesolutions {
    position: relative;
    display: block;
}

a.engineeredsolutions {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_engineeredsolutions.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.engineeredsolutions:hover {
    background-position: -165px 0px;
}

a.engineeredsolutions span {
    display: none;
}

a.engineeredsolutions:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

a.engineeredsolutions {
    position: relative;
    display: block;
}

a.monthlyservice {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/solutions_monthlyservice.png) no-repeat scroll 0 0 transparent;
    background-position: 0 0px;
    display: block;
    width: 165px;
    height: 165px;
    border: none;
}

a.monthlyservice:hover {
    background-position: -165px 0px;
}

a.monthlyservice span {
    display: none;
}

a.monthlyservice:hover span {
    display: block;
    color: #FFF;
    top: 45%;
    position: relative;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

a.monthlyservice {
    position: relative;
    display: block;
}

.inform {
    height: 150px;
    width: 24%;
    background: #E6E6E6;
    float: left;
    position: relative;
    display: inline;
}

.inform h4 {
    color : #666;
    font-size : 14px;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    padding: 0px 20px 10px 30px;
    text-align: left;
}

.inform p {
    color : #666;
    font-size : 12px;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 0px 20px 0px 30px;
}

.titleright {
    color : #FFF;
    font-size : 18px;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    word-wrap: break-word;
    padding: 30px 30px 10px 40px;
}

.titleleft {
    color : #FFF;
    font-size : 18px;
    font-family: futura-pt-n7,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    word-wrap: break-word;
    padding: 30px 30px 10px 30px;
    position: relative;
}

.contentright {
    color : #FFF;
    font-size : 20px;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    word-wrap: break-word;
    padding: 0px 30px 10px 40px;
}

.contentleft {
    color : #FFF;
    font-size : 20px;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    word-wrap: break-word;
    padding: 0px 30px 10px 30px;
    position: relative;
}

/* Styling Custom Slider Buttons (button styles are taken from http://ubuwaits.github.com/css3-buttons/) */
#asyncslider_slides_nav {
    list-style: none;
}

#asyncslider_slides_nav li a {
    display: block;
    color: #FFF;
    text-indent: -9999px;
    width: 26px;
    height: 25px;
}

#asyncslider_slides_nav li {
    display: inline-block;
    margin-right: 5px;
    width: 22px;
    height: 22px;
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/slider-off.png);
}

#asyncslider_slides_nav li.active {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/slider-on.png);
    cursor: pointer;
}

/* Async Slider Next Prev Nav */
#asyncslider_next_prev_nav {
    list-style: none;
}

#asyncslider_next_prev_nav li a {
    display: block;
    color: #FFF;
    text-indent: -9999px;
    width: 28px;
    height: 28px;
}

#asyncslider_next_prev_nav .next a {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/arrow-right.png);
}

#asyncslider_next_prev_nav .prev a {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/arrow-left.png);
}

@media screen and (max-width: 1024px) {
    table.breakdown td {
        display: inline-block;
        margin: 10px !important;
    }
}

@media screen and (min-width: 1025px) {
    .imagebanner {
        width: 1024px;
        height: 150px;
        float: left;
        padding: 0px 0 0 0px;
        z-index: -9999;
    }
    #toppurple {
        height: 350px;
        width: 1024px;
        margin: auto;
        background: #7670B3 url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/purple_header.jpg) no-repeat;
    }
}

/* Scents Listing CSS */
.results {
    margin: 10px 5px 5px 50px;
}

.filter {
    margin: 10px 5px 5px 50px;
}

tr.scent_details {
    display: none;
    color: #666;
    font-size: 14px;
    background-color: #FFEEE1;
    border: #FFEEE1 1px solid;
    /*font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300;*/
}

tr.toprow {
    background-color: #FFEEE1;
    padding: 5px 5px 5px 5px;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #666;
}

tr.row {
    padding: 10px 10px 10px 10px;
    /*font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300;*/
    font-size: 14px;
    height: 20px;
    color: #666;
}

tr.alternaterow {
    background-color: #FFEEE1;
    padding: 5px 10px 5px 10px;
    /*font-family: futura-pt-n3,futura-pt,sans-serif; font-style: normal; font-weight:300;*/
    font-size: 14px;
    color: #666;
}

ul.locations {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0px;
}

ul.locationsWrapper {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0px;
    margin-top: 10px;
}

/* News Listing Style*/
.newsheadlines {
    line-height: 19px;
    width: 225px;
    height: 190px;
    clear: both;
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/news.png) no-repeat center;
    overflow: hidden;
}

.newsheadlines2 {
    width: 225px;
}

.newsheadlines2 a {
    color: #666;
}

.newsheadlines2 a:hover {
    color: #26BCD7;
}

.newsheadlines2 a:hover visited {
    color: #26BCD7;
}

ul.news {
    padding-top: 46px;
    padding-left: 10px;
}

ul.news2 {
    padding-top: 0px;
    padding-left: 0px;
}

ul.news li {
    font-size: 11px;
    color: #666;
}

ul.news li a {
    color: #666;
    text-decoration: none;
}

ul.news li a:visited {
    color: #666;
    text-decoration: none;
}

ul.news li a:hover {
    color: #26BCD7;
    text-decoration: none;
}

/* -- News / Listings -- */
.newsitem {
    width: 924px;
    float: left;
    padding: 0px 50px 20px 50px;
    margin-bottom: 15px;
    border-bottom: 1px solid #4D4D4D;
}

.newsitem .title a {
    margin: 0px;
    text-decoration: none;
    font-size: 20px;
    color: #E8651A ;
    font-weight: normal;
}

.newsitem .content a {
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/downarrow_orange.png) 0 2px no-repeat;
    padding-left: 15px;
    color: #F47B20;
}

.newsitem .content p {
    padding: 0 0 0 0;
    font-size: 20px;
    margin-bottom: 5px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #4D4D4D;
    line-height: 35px;
}

.category {
    width: 285px;
    float: left;
}

.category h2 {
    color: #666;
    font-size: 14px;
}

.listitem {
    width: 600px;
    float: left;
    margin-bottom: 15px;
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/structure/bg-list-item.png) top left no-repeat;
    padding-top: 10px;
}

.topright .listitem {
    width: 285px;
    float: left;
    margin-bottom: 15px;
    background: transparent;
    padding-top: 10px;
}

.listitem .image {
    width: 120px;
    float: left;
}

.listitem .image img {
    border: #e4e4e4 1px solid;
    width: 100px;
    height: 100px;
}

.listitem .content {
    width: 480px;
    float: left;
}

.listitem .content p {
    margin: 0;
    padding: 0 0 0 0;
}

.listitempeople {
    width: 700px;
    float: left;
    margin: 0 0 15px 15px;
    background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/structure/bg-list-item.png) top left no-repeat;
    padding-top: 10px;
}

.topright .listitempeople {
    width: 285px;
    float: left;
    margin-bottom: 15px;
    background: transparent;
    padding-top: 10px;
}

.listitempeople .image {
    width: 125px;
    float: left;
    margin-left: 15px;
}

.listitempeople .image img {
    border: #e4e4e4 1px solid;
    width: 100px;
    height: 100px;
}

.listitempeople .content {
    width: 480px;
    float: left;
    margin-left: 15px;
}

.listitempeople .content p {
    margin: 0;
    padding: 0 0 0 0;
}

.newsdate {
    font-size: 10px;
    color: #666;
    margin-bottom: 15px;
}

.newspager {
    margin-left: 60px;
}

.pager a {
    color: #F47B20;
}

.date {
    font-size: 12px;
    margin-bottom: 5px;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #4D4D4D;
    line-height: 22px;
}

/* -- Form -- */
.ContactForm {
    margin: 30px;
    padding: 0 0 0 25px;
}

.form {
    padding: 0px 15px 15px 0px;
    width: 450px;
    float: left;
    margin: 10px 0 0 0;
    /*background: url(/web_resources/themes/www-scentair-percussion-com/import/cdn.scentair.com/images/structure/bg-categories.png) top left repeat;*/
}

.form.downloads {
    background: none;
    border: #ccc 1px solid;
}

.form.requestform {
    padding: 0;
    margin: 0;
    width: 420px;
}

.form.loginform {
    padding: 10px;
    margin: 0 auto;
    width: 200px;
    border: #ccc 1px solid;
}

.form label {
    font-weight: normal;
}

.form label span {
    color: #ff0000;
    font-weight: bold;
}

.formRow {
    margin-top: 10px;
    float: left;
}

.formRow label, input, select {
    margin-left: 0;
    font-size: 14px;
    color: #666;
}

.formItem {
    width: 220px;
    float: left;
}

.formItem .textfield {
    width: 200px;
    height: 16px;
}

.formItem .textfield-small {
    width: 50px;
}

.formItem .dropdown {
    height: 23px;
}

.formItemSmall {
    width: 40px;
    float: left;
}

.formItemSmall .textfield {
    width: 30px;
}

.formItemLong {
    width: 420px;
    float: left;
}

.formItemLong.border {
    border-bottom: #ccc 1px solid;
    padding-bottom: 5px;
}

.formItemLong .textfield {
    width: 420px;
    height: 16px;
}

.formItemLong .textfield-small {
    width: 50px;
}

.formItemLong .textarea {
    width: 420px;
    resize: none;
}

.formItemLong .dropdown {
    height: 20px;
}

.city {
    width: 220px;
    float: left;
}

.city .textfield {
    width: 200px;
    height: 16px;
}

.state {
    width: 80px;
    float: left;
}

.state .dropdown {
    height: 23px;
}

.zipcode {
    width: 50px;
    float: left;
}

.zipcode .textfield {
    width: 50px;
    height: 16px;
}

.phone {
    width: 220px;
    float: left;
}

.phone .textfield {
    width: 30px;
    height: 16px;
}

.phone .textfield2 {
    width: 35px;
    height: 16px;
}

/*** Solutions List ***/
.solutionslist {
    width: 1024px;
    float: left;
    margin-bottom: 15px;
    padding-top: 60px;
}

.topright .solutionslist {
    width: 285px;
    float: left;
    margin-bottom: 15px;
    background: transparent;
    padding-top: 10px;
}

.solutionslist .image {
    width: 350px;
    float: left;
}

.solutionslist .image img {
    width: 350px;
    height: 550px;
}

.solutionslist .content {
    width: 624px;
    float: left;
}

.solutionslist .content .greyh3 {
    max-width: 545px;
    float: left;
    margin-bottom: 40px;
}

.solutionslist .content p {
    margin: 0;
    padding: 0 0 0 0;
}

.solutionslist .content .solutionhighlights {
    width: 500px;
    float: left;
    background: #FEDABC;
    position: relative;
    margin-left: 30px;
    max-height: 340px;
    padding: 20px;
}

.leftbullets {
    margin-left: 30px;
    float: left;
    width: 40%;
}

.leftbullets li {
    font-size: 15px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    color: #4D4D4D;
}

.rightbullets {
    margin-left: 30px;
    float: left;
    width: 40%;
}

.rightbullets li {
    font-size: 15px;
    font-family: futura-pt-n3,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    color: #4D4D4D;
}

.highlightsheader {
    font-size: 20px;
    font-family: futura-pt-n5,futura-pt,sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #4D4D4D;
}

.solutionshr {
    border: 0;
    border-bottom: 2px dotted #F47B20;
    clear: both;
    height: 0;
    max-width: 964px;
    margin: 15px auto 15px auto;
}

#tablet {
    display: none;
}

/* ========================================== */
/* ! Provide assets for Tablet & smaller screens   */
/* ========================================== */
/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
        border:0;
        margin: 0;
        padding: 0
    }

    article,aside,figure,figure img,figcaption,hgroup,footer,header,section,video,object {
        display: block
    }

    a img {
        border: 0
    }

    figure {
        position: relative
    }

    figure img {
        width: 100%
    }
}

/*#liveagent_invite_button_573610000008Svl {
bottom: 0;
top: 0;
height: 0;
} 

#liveagent_invite_button_573610000008Svl img:nth-child(1) {
bottom: 190px;
top: auto !important;
position: fixed !important;
z-index: 99999999999;
right: 10px !important;
}

#liveagent_invite_button_573610000008Svl img:nth-child(2) {
bottom: 30px;
position: fixed;
z-index: 99999999999;
right: 10px !important;
}*/