/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
/*
::-moz-selection { background: #0093d0; color: #fff; text-shadow: none; }
::selection { background: #0093d0; color: #fff; text-shadow: none; }
*/
a { color: #0093d0; text-decoration:none; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { /*margin: 0 0 0 40px;*/ }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ========================================================================== */

/* GENERAL */
html {background:#dfdfdf url(../images/bodyBG.png) repeat top; font-family:Arial,sans-serif; font-size:12pt; color:#7f7f7f; margin:0; padding:0; overflow-x:hidden; /*overflow-x:hidden; bodge temp fix for homepage slider bg */}
body {margin-left:-100px;}/* whole page moved left to help contents fit in on non-widescreen browsers */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a h6, h6 a {font-family:'Dosis', sans-serif; font-size:12pt; 
                                                           /*-webkit-text-shadow: 0 1px 5px white;
                                                           -moz-text-shadow: 0 1px 5px white;
                                                           text-shadow: 0 1px 5px white;*/
}
h3 {text-transform:uppercase; font-size:150%; font-weight:500; letter-spacing:0.05em;}
h3.headingLines1, h3.headingLines2, h3.headingLines3, h3.headingLines4 {/*text-align:center;*/ width:1030px;}
h3.headingLines1 {background:transparent url(../images/headingLines1.png) no-repeat center 14px; text-indent:396px;}/* clients */
h3.headingLines2 {background:transparent url(../images/headingLines2.png) no-repeat left 25px; text-indent:450px; letter-spacing:0.02em; margin-top:13px;}/* hulk */
h3.headingLines3 {background:transparent url(../images/headingLines3.png) no-repeat 7px 15px; text-indent:319px;}/* products */
h3.headingLines4 {background:transparent url(../images/headingLines4.png) no-repeat center 13px; text-indent:372px; margin-bottom:0px; letter-spacing:0.01em;}/* be our friend */

.quarterLineSeperator {width:130px; height:5px; margin:37px auto 26px auto; background-position:29px 0; background-repeat:no-repeat;}
.halfLineSeperator {width:487px; height:5px; margin:40px auto;}
.threeQuarterLineSeperator {width:646px; height:5px; margin:37px auto 26px 515px; background-position:0px 0px; background-repeat:no-repeat;}
.fullLineSeperator {width:960px; height:5px; margin:37px auto 26px auto; background-position:29px 0px; background-repeat:no-repeat;}

.tabTextTitle, .tabContentContainer p.tabTextTitle {font-family:'Dosis', sans-serif; font-size:12pt; font-size:100%; font-weight:600; text-transform:uppercase; /*line-height:0.9em;*/ margin-top:5px;}

/* FONT SHADOW STUFF */
p {font-size:90%; font-weight:500;
   -webkit-text-shadow: 0 1px 5px white;
   -moz-text-shadow: 0 1px 5px white;
   text-shadow: 0 1px 5px white;
}

.clientsGetQuoteBox p, footer p, #homePageSlider p {-webkit-text-shadow:none; -moz-text-shadow:none; text-shadow:none;}

/* END OF FONT SHADOW STUFF */

.innerDiv {clear:both; margin:0 auto; width:960px;}

a:hover, a:active {color:#0093d0;}

.seaGreen {color:#65bda7;}

/* TOP */
header {margin-bottom:solid 1px #8d9090; width:100%;}
.headerTop {/*background-color:#c0c0c0;*/ height:35px; text-align:right;}
.smallText {font-family:Calibri; font-size:80%; color:#f0f0f0;}
.bigTelNo {font-size:184%; color:#ffffff; margin-left:10px; font-family:Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; margin-right:-29px; vertical-align:sub;}
#headerBGWrapper {background-color:#1b1d1f;/*fallback colour*/ background:rgba(27, 29, 31, 0.50); width:100%;}
#headerBGWrapper #navBG.innerDiv {width:970px;}
#navBG {position:relative; height:89px; }
#headerLogo {float:left; height:88px; float:left; margin-top:10px; margin-left:41px;}

/* HOMEPAGE */
#homePageSlider {height:483px;}
/*#homePageSlider .iosSlider .slider .item1a*/ .inner {position:relative; width:200%; /*margin-left:-50%;*/margin-left:-45%;}
#homePageSlider .iosSlider .slider .item1a .inner .tooBigBgImage {/*background:url(../images/tempHomeSlider1.png) center top no-repeat;*/ width:100%; overflow:hidden; margin-top:-228px; position:absolute; z-index:-1;}
#homePageSlider h1 {color:#FFFFFF; font-size:372%; font-weight:500; line-height:0.8em; text-transform:uppercase; width:335px; margin-bottom:0; margin-left:1129px; text-align:justify; margin-top:104px;}
#homePageSlider p {color:#FFFFFF; /*font-size:107%; line-height:1.04em;*/ font-size:96%; line-height:1.1em; margin-left:1135px; margin-top:29px; width:340px; margin-bottom:15px;}

#helpButtonContainer {margin:0; /*margin:8px 0 0 657px;*/margin:8px 0 0 702px; position:absolute; z-index:1000; font-family:'Dosis', sans-serif; font-size:12pt;}
#helpButton, #helpButton ul {float:left; list-style:none; padding:0; margin:0;}
#helpButton li {float:left; padding:0; width:227px;}
#helpButton li, #helpButton li a {font-size:110%; color:#ffffff; letter-spacing:0.06em; padding-left:20px; padding-top:5px; height:43px; white-space:nowrap; display:block;}
#helpButton li a:hover {background-color:transparent; color:#ffffff;}
#helpButton li ul {position:absolute; left:-999em; height:auto; width:246px; margin:0; margin-top:-5px; margin-left:-20px;}
#helpButton li li {height:44px; width:170px; background-color:#333;/*fallback colour*/ background:rgba(0, 0, 0, 0.50);}
#helpButton li ul a {width:250px; border-bottom:1px solid #333;}
#helpButton li ul li a {font-size:74%; letter-spacing:0.1em; border:none; margin-bottom:1px solid #999;}
#helpButton li ul li, #helpButton li ul li a {width:227px; padding-top:10px; display:block;}
#helpButton li ul li a:hover {color:#0093d0;}
#helpButton li ul ul {margin:-25px 0 0 170px; *margin:-26px 0 0 170px; }
#helpButton li:hover ul ul, #helpButton li:hover ul ul ul, #helpButton li.sfhover ul ul, #helpButton li.sfhover ul ul ul {left:-999em;}
#helpButton li:hover ul, #helpButton li li:hover ul, #helpButton li li li:hover ul, #helpButton li.sfhover ul, #helpButton li li.sfhover ul, #helpButton li li li.sfhover ul {left:auto;}
#helpButton a:hover {color:#fff; background:#555;}
#helpButton li a span.helpButtonIMG {box-shadow:-1px 8px 4px rgba(0, 0, 0, 0.4); float:right; margin-right:2px; padding:14px; margin-top:-15px; /*margin-top:-42px;*/}
.topLevel {background:url(../images/helpButtonBG.png) repeat-x top; height:56px; /*border-bottom:1px solid #555;*/ color:#ffffff; font-size:150%; overflow:hidden; }

.slideSelectors {position:absolute; /*margin-left:522px;*/margin-left:497px; /*margin-top:396px;*/ margin-top:431px;}
.slideSelectors .slideSelectorsButtons {float:left; width:24px; height:38px; /*margin-right:9px;*/margin-right:11px; /*outline:1px solid red;*/}
.slideSelectors .slideSelectorsButtons:hover {cursor:hand; cursor:pointer;}


#homeCircles {overflow:hidden; width:100%; height:440px; color:#747474; font-size:80%;}
.circle {border:5px solid transparent; -moz-border-radius:50%; border-radius:50%; position:absolute; background-color:#fff; width:176px; height:176px;/* width and height can be anything, as long as they're equal */
         -moz-box-shadow: 0px 0px 1px #7a7a7a;
         -webkit-box-shadow: 0px 0px 2px #7a7a7a;
         box-shadow: 0px 0px 2px #7a7a7a;
}
.circle:hover {border:5px solid #0093d0;}
.circle a {background-image:url("../images/empty.gif"); width:100%; height:100%; left:0; top:0; position:absolute; z-index:1;}
.circle img {background:url(../images/circleDivider.png) no-repeat bottom; margin-left:69px; margin-top:10px; position:absolute;}
div.circleTitle {/*font-size:100%;*/font-size:97%; font-weight:400; text-transform:uppercase; text-align:center; margin-top:54px; position:absolute; width:176px;}
div.circleDesc {/*font-size:100%;*/font-size:97%; font-weight:400; width:80%; margin-left:17px; margin-top:90px; /*padding-top:10px;*/padding-top:5px; position:absolute; text-align:center; border-top:1px dashed #eaeaea;}
.circleBigger {background-color:#0093d0; width:200px; height:200px; margin-top:-14px;}
.circleBigger, .circleBigger a {color:#ffffff;}
.circleBigger div.circleDesc {border-top: 2px solid #66bee3;}
.c1 {margin-left:30px;}
.c1 img {margin-left:69px;}
.c2 {margin-left:224px;}
.c2 img {margin-left:72px; margin-top:7px;}
.c3 {margin-left:415px;}
.c3 img {margin-left:79px; margin-top:12px;}
.c3 div.circleTitle {margin-left:4px; width:200px;}
.c3 div.circleDesc {width:175px; margin-left:9px;}
.c4 {margin-left:630px;}
.c4 img {margin-left:68px;}
.c5 {margin-left:825px;}
.c5 img {margin-left:76px;}
.c6 {margin-top:212px; margin-left:123px;}
.c6 img {margin-left:70px;}
.c7 {margin-top:212px; margin-left:325px;}
.c7 img {margin-left:74px; margin-top:18px;}
.c8 {margin-top:212px; margin-left:540px;}
.c8 img {margin-left:66px; margin-top:17px;}
.c8 div.circleTitle {margin-left:4px; width:165px;}
.c9 {margin-top:212px; margin-left:738px;}
.c9 img {margin-left:71px; margin-top:15px;}

#homeClientsGet {overflow:hidden; width:100%; margin-top:-22px;}
.clientsGetLeft {margin-left:156px; float:left;}
.clientsGetText {font-size:85%; line-height:1.3em; width:570px; margin-left:6px;}
.clientsGetText.bottomText {/*margin-top:30px;*/margin-top:36px; margin-left:-4px; white-space:nowrap;}
.clientsGetVideo {width:542px; height:418px; background:url(../images/monitorBG.png) no-repeat; margin-left:2px; /*margin-top:16px;*/margin-top:20px; padding-top:13px;}
.padding-top: 12px;
.clientsGetVideo iframe {margin-top:12px; margin-left:12px;}
.clientsGetVideo object {margin-left:13px;}
.clientsGetRight {width:174px; margin-top:-15px; float:right;}
.clientsGetQuoteBox {-moz-border-radius:10px; border-radius:10px; background-color:#c1c1c1;/*fallback colour*/ background:rgba(127, 127, 127, 0.37); color:#ffffff; width:162px; height:192px; margin-bottom:-4px; /*position:absolute;*/}
p.quote {font-family:arial; font-size:80%; font-style:italic; text-align:center; padding:14px; padding-bottom:0; line-height:1.3em;}
p.quoter {text-align:center; /*padding:0px 45px 0px 45px;*/ padding:0px 30px 0px 30px; font-size:78%; margin-top:15px; line-height:1.1em; /*margin-top:-5px;*/ margin-bottom:-7px;}
.cquote/*, .clientsGetQuoteBox a*/ {font-family:'Dosis', sans-serif; font-size:12pt; font-size:80%; color:#ffffff; margin-left:48px; text-transform:uppercase; margin-top:162px;}
/*.clientsGetQuoteBox a {background-image:url("../images/empty.gif"); width:100%; height:100%; left:0; top:0; z-index:1;}*/
.cquote:hover {color:#ffffff; }
.clientsGetQuoteBox a, .clientsGetQuoteBox a:hover {color:#ffffff;}
.clientsGetQuoteBox:hover {background-color:#369dc7;/*fallback colour*/ background:rgba(0, 147, 208, 0.77); color:#ffffff;}

#homeHulkCalc {overflow:hidden; width:100%; height:564px; margin-top:47px;}
.hulkTextImg {margin-left:346px; margin-top:-9px; position:absolute;}
#homeHulkCalc h3, #homeHulkCalc h4 {text-transform:uppercase;}
#homeHulkCalc h4 {font-size:100%; font-weight:500; letter-spacing:0.02em; margin-left:451px; margin-top:-22px;}
p.homeHulkIntro {margin:0 auto; margin-top:-4px; margin-left:329px; text-align:justify; width:379px; line-height:1.2em; word-spacing:0.2em; font-size:84%;}
.getStarted {}
.hulkCalcImg {margin-top:-6px; margin-left:311px;}
.getStarted h3 {letter-spacing:0.02em; margin-bottom:0; margin-left:537px; margin-top:13px; padding:0;}
.getStarted .learnMore {background-color:#ffffff; /*padding:13px 15px;*/ width:189px; height:54px; margin-left:518px; margin-top:-217px; position:absolute;}
.getStarted .learnMore p {text-transform:uppercase; color:#7f7e7e; font-family:'Dosis', sans-serif; font-size:12pt; font-size:95%; margin-left:24px; margin-top:9px; line-height:1.1em;}
.getStarted .enter {background-color:#65bda7; /*padding:13px 15px;*/ width:127px; height:39px; margin-left:518px; margin-top:-149px; position:absolute;}
.getStarted .enter:hover {background-color:#0093d0;}
.getStarted .enter p {text-transform:uppercase; color:#ffffff; font-size:95%; margin-left:25px; margin-top:8px;}
.getStarted .enter a {color:#ffffff;}
.didYouKnow {position:absolute; margin-left:-13px; margin-top:-406px;}
.didYouKnowImg {}
.didYouKnow p {font-family:'Dosis', sans-serif; font-size:12pt; font-size:80%; line-height:1.1em; margin-left:53px; margin-top:-63px; text-align:center; width:130px;}
.hulkStencil {margin-left:715px; margin-top:-356px; position:absolute;}
.funFact {position:absolute; margin-top:-108px; margin-left:673px;}
.funFactImg {}
.funFact p {font-family:'Dosis', sans-serif; font-size:12pt; font-size:80%; line-height:1.1em; margin-left:61px; margin-top:7px; text-align:center; width:122px;}

#homeProducts {overflow:hidden; width:100%;}
#homeProducts #productContainer {float:left; margin:24px 0 0 62px; padding:0; width:110%;}
#productContainer dl, #productContainer dt, #productContainer dd {margin:0; padding:0;}
#productContainer dl {float:left; width:167px; margin-right:22px; min-height:435px; position:relative;}
#productContainer dl dt {font-family:'Dosis', sans-serif; font-size:12pt; text-transform:uppercase; /*display:inline-table;*/ float:left; color:#ffffff; font-size:93%; font-weight:600; letter-spacing:0.05em; padding:7px 12px;}
#productContainer dl dt a {color:#ffffff;}
#productContainer dl dd.img {width:157px; height:183px; background-color:#FFF; border:solid 5px #ffffff; clear:both;}
#productContainer dl dd.img img {/*margin-left:-5px;*//* center pic in container with 5px border */ /*width:157px; height:183px;*/}
/*#productContainer dl dd.img:hover {border:solid 5px #0085bc;}*/
#productContainer dl dd.text {/*font-size:90%; line-height:1.2; text-align:justify;*/font-size:78%; line-height:1.4; font-weight:500; padding:6px; margin-top:9px;}
#productContainer dl dd.link, #productContainer dl dd.link a {font-family:'Dosis', sans-serif; font-size:12pt; font-size:78%; font-weight:600; margin-top:9px; text-align:right; text-transform:uppercase; letter-spacing:0.02em; white-space:nowrap; position:absolute; right:0; bottom:0;}
#productContainer dl dd.link:hover, #productContainer dl dd.link a:hover {color:#0085bc;}


#homeProducts h3.productsSeeAll, #homeProducts h3.productsSeeAll a {clear:both; float:right; font-size:102%; margin-bottom:0; margin-right:-8px; margin-top:4px; white-space:nowrap;}

#homeConnect {overflow:hidden; width:100%; margin-top:21px; margin-bottom:60px;}
.newsletterContainer {text-align:center;}
.newsletterContainer input {width: 280px;}
.newsletterContainer h4.subscribe {font-size:120%; font-weight:500; letter-spacing:0.07em; margin-left:77px; margin-top:53px;}
#tankaboveform p {font-family:'Dosis', sans-serif; font-size:12pt; font-size:120%; font-weight:500; letter-spacing:0.07em; margin-left:77px; margin-top:53px;}
.f_signup {/*background-image:url("../images/formbg.png");*/ background-color:#f3f3f3; border:solid 1px #dbdbdb; border-radius:8px; width:381px; height:47px; margin-left:324px; margin-top:-12px;}
.f_signup .ftext {float:left; font-size:80%; height:20px; margin-left:10px; margin-top:8px; width:298px; border:solid 1px #dbdbdb;}
.f_signup input {color:#8e8e8e; text-indent:6px;}
.f_signup .fsubmit {border:medium none; cursor:pointer; font-family:'Dosis',sans-serif; font-size:79%; height:15px; letter-spacing:0.04em; /*margin-left:130px;*/margin-left:321px; margin-top:-27px; /*position:absolute;*/ float:left; text-transform:uppercase; width:55px; background-color:transparent;}
.ffield .fdesc {top:12px; left:21px; color:#7f7f7f;}
p.pinkyPromiseText {/*font-size:86%; margin-top:5px;*/font-size:84%; margin-top:12px; letter-spacing:0.02em; margin-left:75px;}
.pinkyPromise {position:absolute; margin-top:-319px; margin-left:110px;}
.tweetTweet {position:absolute; margin-top:-264px; margin-left:700px;}
h4.theSocialNetwork {font-size:122%; font-weight:400; letter-spacing:0.01em; margin-left:51px; margin-top:59px; text-transform:uppercase;}
.snCircleLinks {margin-top:-5px; margin-left:46px;}

/* ABOUT US */
#genericHeader {height:247px;}
.tooBigBgImageStatic {width:100%; overflow:hidden; margin-top:-124px; position:absolute; z-index:-1;}

#innerIntro {overflow:hidden; width:100%;}
#innerIntro .lhs {float:left; margin-left:53px; width:740px;}
#innerIntro .lhs img {float:left;}
/*#innerIntro .lhs p {line-height:1.3em; margin-left:276px; margin-top:0px;}*/
#innerIntro .lhs div.para {line-height:1.3em; /*margin-left:276px;*/ margin-top:0px;}
#innerIntro .lhs p.introTitle {font-family:'Dosis', sans-serif; font-size:12pt; font-size:100%; margin-top:4px;}
#innerIntro .rhs {float:left; /*width:208px;*/}
#innerIntro .rhs .questions {position:absolute; /*margin-left:-57px; margin-top:-91px;*/ margin-left:-49px; margin-top:-90px;}
#aboutUsCPD {position:absolute; margin-left:51px; margin-top:68px;}

#innerTabs {overflow:hidden; width:100%; margin-left:41px; margin-bottom:43px;}
.tabsContainer {float:left;}
.tab {width:138px; height:43px; float:left; background-color:#a5a5a5; text-transform:uppercase; font-family:'Dosis', sans-serif; font-size:12pt; font-size:100%; color:#ffffff; margin-right:3px; line-height:0.9em; font-weight:600; text-align:center;}
.tab:hover, .tab.tabOver {background-color:#0085bc;}
.tab a {color:#ffffff; display:block; height:100%; padding-top:8px; text-align:center; margin:0 auto;}
.tab:hover a {color:#ffffff;}
.tab.singleLine {height:36px; padding-top:7px;}
.tabContentContainer {clear:both; background-color:#ffffff; width:800px; padding:22px 100px 90px 54px;}
.tabContentContainer p,  {font-size:84%; color:#7f7e7e; line-height:1.4em;}
.tabContent p img {float:left;}

.timg {float:left; margin-left:-25px; padding-right:35px; padding-bottom:80%;}
.ttxt ul {font-size:80%; list-style-position:inside; margin-left:100px; padding-left:100px;}
.ttxt ul li {margin-left:45px;}

.roiHulkLHS {background:url(../images/ROI_Hulk_LHS.png) no-repeat 0px 17px; float:left; width:100%; height:275px;}
.roiHulkLHS .innerROI {margin-left:330px; width:310px;}
.roiHulkLHS h3 {letter-spacing:0.02em; margin-bottom:0px; font-weight:600;}
.roiHulkLHS h4.roiTitle {margin-top:0px; font-size:100%; font-weight:600; letter-spacing:0.02em;}
.roiHulkLHS h4 {text-transform:uppercase; margin-bottom:0px;}
.roiHulkLHS p {padding-top:0px; margin-top:0px;}

.roiHulkRHS {background:url(../images/ROI_Hulk_RHS.png) no-repeat 0px 8px; width:181px; height:168px; margin-left:660px;}

/* PRODUCTS */

#products #genericHeader {height:207px;}

#productsIntro {overflow:hidden; width:100%; /*margin-left:276px;*/ margin-top:8px;}
#productsIntro .lhs {float:left; margin-left:29px; width:740px;}
h2.productsTitle {font-size:254%; font-weight:500; /*margin-left:241px;*/ /*margin-left:275px;*/ margin-top:-12px; text-transform:uppercase; margin-bottom:12px; width:430px;}
#productsIntro .lhs img {float:left;}
#productsIntro .lhs p {line-height:1.3em; /*margin-left:241px;*/ margin-top:0px;}
/*#productsIntro .lhs p.introTitle {font-family:'Dosis', sans-serif; font-size:12pt; font-size:100%; font-weight:500; margin-top:58px;}*/
.introTitle {font-family:'Dosis', sans-serif; font-size:12pt; font-size:100%; font-weight:600; margin-top:0px; margin-bottom:15px; /*text-indent:32px;*/}
#products #productsIntro .lhs .products-altIntro {width:622px; margin-left:0px; margin-bottom:50px;}
#productsIntro .rhs {float:left; /*width:208px;*/}
#productsIntro .rhs .questions {position:absolute; margin-left:-34px; margin-top:-59px;}
/*#productsCPD {position:absolute; margin-left:51px; margin-top:68px;}*/
#products .fullLineSeperator {margin-top:-1px; margin-bottom:32px;}
#productsCatelogue .fullLineSeperator {margin-top:5px; clear:both;}
#productsTabs {overflow:hidden; width:100%; margin-left:41px; margin-bottom:43px;}
#productsTabs .tabsContainer {float:left; margin-left:23px;}
/*#productsTabs */.tabsContainer .tab {/*width:178px;*/ /*height:37px;*/ font-size:96%; width:133px; height:33px; padding-top:10px; padding-left:2px; padding-right:2px;}
.tabsContainer .tab td {background-color:red; color:green;}
/*#productsTabs */.tabsContainer .tab:hover, .tab.tabOver {background-color:#0085bc; cursor:hand; cursor:pointer;}
/*#productsTabs */.tab a {color:#ffffff; display:block; height:100%; padding-top:12px; text-align:center; margin:0 auto;}
/*#productsTabs */.tabsContainer .tab:hover a {color:#ffffff;}
/*#productsTabs */.tabsContainer .tab.singleLine {height:36px; padding-top:7px;}
.productsContent {clear:both; background-color:#ffffff; width:800px; padding:22px 100px 90px 54px;}
.productsContent p {font-size:84%; color:#7f7e7e; line-height:1.4em;}

#productsCatelogue {overflow:hidden; width:100%;}
#productsCatelogue #productContainer {min-height:235px; margin-bottom:28px;}
#productsCatelogue #productContainer dl {float:left; width:725px; margin-left:32px; min-height:230px;}
#productsCatelogue #productContainer dl.p6 dt {padding:7px 11px;}
#productsCatelogue #productContainer dl.p6 dd.img img {width:164px; height:134;}
#productsCatelogue #productContainer dl dd.img img {/*margin-left:-5px;*//* center pic in container with 5px border*/}
#productsCatelogue #productContainer dl dd.text {font-size:100%; margin-top:-199px;}
#productsCatelogue #productContainer dl dd.text p {float:left; font-size:84%; font-weight:500; line-height:1.4; margin-top:0; padding-top:0; margin-left:184px; }
#productsCatelogue #productContainer dl dd.link, #productsCatelogue #productContainer dl dd.link a {margin-top:172px; margin-right:5px; font-size:88%;}
#productsCatelogue #productContainer dl dd.circleSmallerContainer {clear:both; float:left; /*margin-left:-282px; margin-top:25px;*/ margin-left:180px; margin-top:-5px; margin-bottom:10px;}
#productsCatelogue #productContainer dl dd.circleSmallerContainer div.circleSmaller {position:relative; /*margin-top:2px; margin-bottom:0px;*/margin-top:4px; margin-bottom:4px; float:left; margin-right:3px;}
#productsCatelogue .clientsGetRight {margin-top:16px; margin-left:0;}
#productsCatelogue .clientsGetRight .clientsGetQuoteBox {margin-left:12px;}

.circleSmaller {border:1px solid transparent; -moz-border-radius:50%; border-radius:50%; background-color:#fff; margin-left:10px; margin-top:23px; margin-bottom:35px; width:78px; height:78px;/* width and height can be anything, as long as they're equal */
                -moz-box-shadow: 0px 0px 1px #7a7a7a;
                -webkit-box-shadow: 0px 0px 2px #7a7a7a;
                box-shadow: 0px 0px 2px #7a7a7a;
}
.circleSmaller:hover {border:1px solid #0093d0;}
.circleSmaller a {position:absolute; background-image:url("../images/empty.gif"); width:100%; height:100%; left:0; top:0; z-index:1;}
.circleSmaller img {margin-top:10px; margin-left:24px;}
div.circleSmallerTitle {font-family:'Dosis', sans-serif; font-size:12pt; font-size:65%; font-weight:400; line-height:1.2em; margin-top:5px; position:absolute; text-align:center; text-transform:uppercase; width:78px;}

/* I AM A */

#i-am-a #genericHeader {height:207px;}

#i-am-a-Intro {overflow:hidden; width:100%; /*margin-left:276px;*/ margin-top:8px;}
#i-am-a-Intro .lhs {float:left; margin-left:29px; width:740px;}
#i-am-a-Intro .lhs h2.i-am-a-Title {color:#0093d0; font-size:254%; font-weight:500; margin-left:25px; margin-top:-12px; position:absolute;}
#i-am-a-Intro .lhs img {float:left;}
#i-am-a-Intro .lhs p {line-height:1.3em; margin-left:33px; margin-top:0px;}
#i-am-a-Intro .lhs p.introTitle {font-family:'Dosis', sans-serif; font-size:12pt; font-size:100%; font-weight:500; margin-top:58px;}
#i-am-a #i-am-a-Intro .lhs .i-am-a-altIntro {width:622px; margin-left:0px; margin-bottom:50px;}
#i-am-a-Intro .rhs {float:left; /*width:208px;*/}
#i-am-a-Intro .rhs .questions {position:absolute; margin-left:-34px; margin-top:-59px;}
#i-am-a-Intro .rhs #helpButtonContainer {margin:126px 0 0 0px;}
#i-am-a-Intro .rhs #helpButtonContainer #helpButton li {width:202px}
#i-am-a-Intro .rhs #helpButtonContainer #helpButton li, #i-am-a-Intro .rhs #helpButtonContainer #helpButton li a {padding-left:0px; margin-left:13px;}
#i-am-a .fullLineSeperator {margin-top:-1px; margin-bottom:32px;}
#i-am-a-Tabs {overflow:hidden; width:100%; margin-left:41px; margin-bottom:43px;}
#i-am-a-Tabs 
.tabsContainer {float:left;}
#i-am-a-Tabs .tabsContainer .tab {width:171px; height:41px; font-size:96%;}
#i-am-a-Tabs .tabsContainer .tab:hover, .tab.tabOver {background-color:#0085bc;}
#i-am-a-Tabs .tab a {color:#ffffff; display:block; height:100%; padding-top:14px; text-align:center; margin:0 auto;}
#i-am-a-Tabs .tabsContainer .tab:hover a {color:#ffffff;}
#i-am-a-Tabs .tabsContainer .tab.singleLine {height:36px; padding-top:7px;}
#i-am-a-Tabs .tabsContainer .tab.doubleLine a {padding-top:8px;}
.i-am-a-Content {clear:both; float:left; background-color:#ffffff; width:800px; padding:22px 100px 90px 54px;}
.i-am-a-Content h4 {margin-left:318px; margin-bottom:0px; text-transform:uppercase;}
.i-am-a-Content p {font-size:84%; color:#7f7e7e; line-height:1.4em; width:502px; margin-right:-20px; float:right;}
.i-am-a-Content .i-am-a-image {float:left; margin-top:50px; margin-left:1px;}

/* BLOG */

#blog {}
#blog #genericHeader {height:200px;}
#blogIntro {overflow:hidden; width:100%; height:110px;}
#blogIntro p {width:640px; margin-left:9px; margin-bottom:50px; line-height:1.3em;}

#blog .lhs {float:left; margin-left:29px; width:740px;}
#blog .lhs p.introTitle {font-family:'Dosis', sans-serif; font-size:12pt; font-size:100%; font-weight:500; margin-top:58px;}
#blog .rhs {float:left; /*width:208px;*/}
#blog .rhs .questions {position:absolute; margin-left:-34px; margin-top:-43px;}
#blog .rhs .quarterLineSeperator {margin-top:136px; margin-bottom:0px; margin-left:42px;}
#blog .threeQuarterLineSeperator {margin-top:-5px; margin-bottom:0px;}


#blog #blogRoll {overflow:hidden; width:100%;}
#blog #blogRoll .blogPreviewContainer {float:left; margin-left:37px; width:722px;}
#blog #blogRoll .blogPreviewContainer dl {float:left; background:url("../images/headingLinesThreeQuarter.png") no-repeat scroll 0px 0px transparent; padding-top:30px; padding-bottom:30px; width:680px;}
#blog #blogRoll .blogPreviewContainer dl dt {/*float:right;*/ /*clear:right;*/ font-family:'Dosis', sans-serif; color:#0093d0; font-size:134%; /*margin-right:180px;*/ font-weight:500; margin-left:358px; line-height:23px; margin-bottom:7px;}
#blog #blogRoll .blogPreviewContainer dl dd.tags {/*float:left;*/ font-size:81%; color:#0093d0; margin-left:36px; margin-bottom:24px; margin-left:358px;}
#blog #blogRoll .blogPreviewContainer dl dd.tags a {color:#0093d0;}
#blog #blogRoll .blogPreviewContainer dl dd.tags span.underlined {text-decoration:underline;}
/*#blog #blogRoll .blogPreviewContainer dl dd.tags span.underlined a:hover {color:#7F7F7F;}*/
#blog #blogRoll .blogPreviewContainer dl dd.date {float:left; font-family:'Dosis', sans-serif; font-size:12pt; font-size:100%; font-weight:500; padding:12px 0px; margin:0; background-color:#aaaaaa; color:#ffffff; width:98px; white-space:nowrap; text-align:center;}
#blog #blogRoll .blogPreviewContainer dl dd.date:hover, #blog #blogRoll .blogPreviewContainer dl dd.date.vtukBlueBG {background-color:#0085bc;}
#blog #blogRoll .blogPreviewContainer dl dd.img {float:left; border:solid 5px #ababab; margin-left:-98px; margin-top:41px; /*margin-right:37px;*/ width:313px; height:184px; text-align:center; background-color:#fff;}
#blog #blogRoll .blogPreviewContainer dl dd.img:hover, #blog #blogRoll .blogPreviewContainer dl dd.img.dateHovered {border:solid 5px #0085bc;}
#blog #blogRoll .blogPreviewContainer dl dd.text {/*float:left;*/ width:362px; /*margin-left:36px;*/ margin-left:361px; /*margin-top:-170px;*/}
#blog #blogRoll .blogPreviewContainer dl dd.text p {margin:0; padding:0;}
#blog #blogRoll .blogPreviewContainer dl dd.link, #blog #blogRoll .blogPreviewContainer dl dd.link a {float:right; color:#0093d0; margin-top:6px; font-family:'Dosis', sans-serif; font-size:12pt; font-size:90%; font-weight:600; text-transform:uppercase; letter-spacing:0.02em; white-space:nowrap; /*margin-top:-9px;*/}
#blog #blogRoll .blogPreviewContainer .threeQuarterLineSeperator {/*position:absolute; margin-top:290px; margin-left:42px;*/}

.blogRhs {float:right; width:190px;}
.blogRhs .chunk {padding-top:20px;}
.blogRhs .chunk h5 {padding:0; margin:0; background:url("../images/headingLinesQuarter.png") no-repeat scroll 0px 0px transparent; margin-bottom:18px; margin-top:-5px; padding-left:3px; padding-top:9px; width:130px; font-weight:600;}
.blogRhs .chunk h5 a {color:#7F7F7F;}
.blogRhs .chunk ul {list-style:none; margin:0; margin-bottom:35px; padding:0;}
.blogRhs .chunk li {font-size:70%; margin:0; margin-bottom:2px; padding:0; padding-left:3px;}
.blogRhs .chunk li a {color:#7F7F7F;}
.blogRhs .chunk li a:hover {color:#0085bc;}

#blog #blogTitle {overflow:hidden; width:100%; /*height:110px;*/}
#blog #blogTitle dl {float:left; /*padding-top:30px;*/ /*padding-bottom:25px;*/}
#blog #blogTitle dl dd.date {float:left; font-family:'Dosis', sans-serif; font-size:12pt; font-size:100%; font-weight:500; padding:12px 20px; margin:0; background-color:#0085bc; color:#ffffff;}
#blog #blogTitle dl dt {clear:both; float:left; font-family:'Myriad Pro', 'Dosis', sans-serif; color:#0093d0; font-size:190%; margin-top:7px;}
#blog #blogTitle dl dd.tags {clear:both; float:left; font-size:81%; color:#0093d0; margin-left:0px; margin-bottom:2px;}
#blog #blogTitle dl dd.tags a {color:#0093d0;}
#blog #blogTitle dl dd.tags span.underlined {text-decoration:underline;}

#blog #blogTitle .snLinks {margin-top:106px; margin-left:385px;}
/*#blogTitle p {width:640px; margin-left:9px; margin-bottom:50px; line-height:1.3em;}*/

#blog #blogInner {overflow:hidden; width:100%;}
#blog #blogInner .blogContent {float:left; margin-left:37px; width:722px; background:url("../images/headingLinesThreeQuarter.png") no-repeat scroll 0px 0px transparent; padding-top:18px; padding-bottom:30px; margin-top:15px;}
#blog #blogInner .blogContent img {margin-top:13px;}

#blog .blogInnerBottom {float:right; /*margin-right:-58px;*/margin-right:-28px;}
#blog .blogInnerBottom .threeQuarterLineSeperator {margin-top:8px; margin:37px auto 26px -447px;}
#blog .blogInnerBottom a {font-family:'Dosis', sans-serif; font-size:12pt; font-size:80%; font-weight:500; color:#7f7e7e; text-align:right;}
#blog .blogInnerBottom a:hover {color:#0087c0;}

#contact #contactForms .fsubmit {margin-left:12px; border:medium none; cursor:pointer; font-family:'Dosis',sans-serif; font-size:86%; width:69px; height:28px; color:#ffffff; letter-spacing:0.04em; text-transform:uppercase; background-color:#a4a4a4; text-indent:3px; font-weight:500; margin-right:29px; float:right;}


/*========================================== TWITTER ============================================*/

/* homepage twitter styling */
.be-our-twitter-follower {position:absolute; margin-left:745px; margin-top:-105px;}

.twtr-widget {/*border-left:1px solid #cccccc; */margin-left:-20px; padding-left:20px;} /* artisan specific styling */
.twtr-bd p {border-left:none; margin-left:0px; padding-left:0px;} /* artisan specific styling */
.twtr-widget .twtr-tweet-wrap {/*padding-left:0;*/ margin-left:-8px; margin-bottom:5px;} /* negative & normal margin used instead of padding because of css file load order issue */
footer .twtr-widget .twtr-tweet-wrap {margin-bottom:-20px;}
.twtr-hd, .twtr-ft{display:none;} /* hide name and logo */
.twtr-user {display:none;} /* hide twitter username from beginning of tweet */
.twtr-bd {margin-top:-4px;} /* all twitter content container */
.twtr-tweets {/*font-family:'arial'; color:#434D3E;*/} /* all twitter text */
footer .twtr-widget .twtr-tweet {background: url("../images/footerTweet.png") no-repeat scroll 2px 8px transparent; padding:0px 0px 32px 32px; border-bottom:dashed 1px #323539; line-height:1.2em; width:200px;}
footer .twtr-widget .twtr-tweet p {font-size:100%;}
footer #twtr-widget-1 .twtr-bd p, footer #twtr-widget-1 .twtr-bd, footer #twtr-widget-2 .twtr-bd, footer #twtr-widget-2 .twtr-timeline i a, footer #twtr-widget-2 .twtr-bd p {color:#6e6f73 !important; }
footer #twtr-widget-1 .twtr-bd a, footer .twtr-widget .twtr-tweet a, footer #twtr-widget-2 .twtr-tweet a {color:#ccd1de !important;}
.twtr-widget em, .twtr-widget .twtr-new-results {display:none !important;}/* hide twiter date, retweet links etc */
/*.twtr-tweets em {display:none;}*/ /* hide date, reply, retweet, favourite buttons - doesn't work because of css file load order issue */


/* BOTTOM */

footer {/*background:#2a2e32 url(../images/footerWhole.png) repeat-x top;*/ height:283px; color:#6e6f73; margin:0; margin-top:-2px; padding:0;}
.footerTop {background:#2a2e32 url(../images/footerTopBG.jpg) repeat-x top; height:230px;/*height:265px;*/ margin:0; padding:0; padding-top:8px; border-top:solid 1px #3d4147;}
.footerTop .innerDiv {width:990px; padding-left:30px;}
.latestPosts {float:left; margin-left:45px; /*width:261px;*/ width:221px; margin-left:45px;
              margin-right: 40px;}
.latestPosts p {margin-bottom:0; padding:0; font-family:'arial', sans-serif; font-weight:500; letter-spacing:0.03em; margin-top:6px; /*white-space:nowrap;*/ font-size:84%;}
.latestPosts p a {color:#6e6f73;}
.latestPosts p a:hover {color:#0093d0;}
p.footerHeading {font-family:'Dosis', sans-serif; font-size:120%; color:#ffffff; background: url("../images/latestPosts.png") no-repeat scroll 2px 4px transparent; padding:0px 0px 0px 32px; margin-top:19px; margin-bottom:18px; text-transform:uppercase; border-bottom:dashed 1px #323539; letter-spacing:0;}
.footerTweets {float:left; width:282px;}
p.footerTweetsHeading {font-family:'Dosis', sans-serif; font-size:12pt; font-size:120%; color:#ffffff; background: url("../images/footerTweets.png") no-repeat scroll 2px 6px transparent; padding:0px 0px 0px 38px; text-transform:uppercase;}
p.footerTweet {font-size:84%; background: url("../images/footerTweet.png") no-repeat scroll 2px 3px transparent; padding:0px 0px 32px 32px; border-bottom:dashed 1px #323539; line-height:1.2em; width:200px;}
p.footerTweet a {color:#ccd1de;}
.footerHulk {float:left;}
.footerHulk p.footerHulkHeading {font-family:'Dosis', sans-serif; font-size:12pt; font-size:120%; color:#ffffff; /*padding:0px 0px 0px 25px;*/ margin-bottom:0; text-transform:uppercase;}
.footerHulk p.footerHulkSubHeading {font-size:100%; color:#ffffff; margin-top:-5px; text-transform:uppercase;}
.footerHulk p.footerHulkDesc {font-family:'Dosis', sans-serif; font-size:12pt; color:#FFFFFF; font-size:91%; margin-left:92px; margin-top:29px; position:absolute; text-align:center; text-transform:uppercase; line-height:1.2em;}
.footerHulk img {float:left;}
.footerCPD {float:left;}
.footerCPD p.footerCPDHeading {font-family:'Dosis', sans-serif; font-size:12pt; font-size:120%; color:#ffffff; /*padding:0px 0px 0px 25px;*/ margin-bottom:0; text-transform:uppercase;}
/*.footerCPD p.footerCPDSubHeading {font-size:100%; color:#ffffff; margin-top:-5px; text-transform:uppercase;}*/
.footerCPD p.footerCPDDesc {font-family:'Dosis', sans-serif; font-size:12pt; color:#FFFFFF; font-size:91%; margin-left:105px; margin-top:55px; position:absolute; text-align:center; text-transform:uppercase; line-height:1.2em;}
.footerCPD img {float:left; margin-top:23px;}
.footerContactUs {float:left; /*width:270px; - the value for when hulkinator is used...*/ width:225px; color:#999999;}
p.footerContactUsHeading {font-family:'Dosis', sans-serif; font-size:12pt; font-size:120%; color:#ffffff; padding:0px 0px 1px 25px; margin-bottom:9px; text-transform:uppercase; border-bottom:dashed 1px #323539; text-align:right; float:right;}
p.footerTel {background: url("../images/footerTel.png") no-repeat scroll 2px 2px transparent; padding:7px 0px 7px 29px; margin:0; font-family:arial; font-size:71%; clear:both; float:right;}
p.footerTelNew {padding:0px 0px 0px 29px; margin:0; font-family:arial; font-size:71%; clear:both; float:right;}
p.footerEmail {background: url("../images/footerEmail.png") no-repeat scroll 1px 5px transparent; padding:5px 0px 5px 38px; margin:0; clear:both; float:right; font-family:arial; font-size:71%;}
p.footerAddress {background: url("../images/footerAddress.png") no-repeat scroll 1px 4px transparent; padding:4px 0px 7px 38px; margin:0; clear:both; float:right; font-family:arial; font-size:71%; line-height:1.2em; text-align:right;}
p.footerAddress a {color:#999999; float:right;}
p.footerAddress a:hover {color:#0085bc;}
.footerBottom {background:#1e2124 url(../images/footerBottomBG.jpg) repeat-x top; height:44px; margin:0; padding:0;}
.siteInfo {float:left; font-size:72%; padding-left:43px;}
.siteInfo a {color:#6E6F73;}
.siteInfo a:hover {color:#0093d0;}
.bottomLinks {float:right; margin-right:-23px; margin-top:9px;}
.footerLinkedinTiny {background: url("../images/footerBottomSeperator.png") no-repeat scroll 0 -4px transparent; padding-bottom:12px; padding-left:7px; padding-top:7px; margin-right:3px;}
.footerFacebookTiny {background: url("../images/footerBottomSeperator.png") no-repeat scroll 0 -4px transparent; padding-bottom:12px;/* padding-left:19px;*/ padding-left:13px; padding-top:7px; /*margin-right:4px;*/ margin-right:7px;}
.footerTwitterTiny {background: url("../images/footerBottomSeperator.png") no-repeat scroll 0 -4px transparent; padding-bottom:12px; padding-left:11px; padding-top:7px; margin-right:5px;}
.footerUpArrow {background: url("../images/footerBottomSeperator.png") no-repeat scroll 0 -4px transparent; padding-bottom:12px; padding-left:15px; padding-top:7px;}

.tankpad2 a { display:inline; }

.inner_div{
    max-width: 960px;
    margin: 0 auto;
    clear: both;
}
.mobile-menu{display: none;}
#helpButton li a span.helpButtonIMG {
    margin-top: -46px;
}
#helpButton li a span.helpButtonIMG {

    height: 80px;
    margin-right: 2px;
    margin-top: -15px;
    text-align: center;
    width: 49px;
    padding: 0px;
}
.helpButtonIMG > img {
    margin-top: 17px;
    float: left;
    margin-left: 12px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .helpButtonIMG > img {
    margin-top: 45px;
    float: left;
}
}
/* =============================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width:1100px) {
    *{
        -webkit-appearance: none;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        border-radius:0px;
    }
    body{margin-left: 0px;}

    .innerDiv,#headerBGWrapper #navBG.innerDiv {
        width:750px;
    }
    .web-menu{
        display: none;
    }
    .mobile-menu{display: block;}

    #headerLogo{
        margin-left: 0px;
    }
    .smallText {
        margin-right:38px;
    }
    .tooBigBgImage {
        background-size: 165% !important;
        margin-top: -136px !important;
    }
    #navBG {
        height: 71px;
    }

    #headerLogo > img {
        width: 200px;
    }

    .slideOverlay > img {
        width: 73px;
    }
    .inner_div {
        float: left;
        margin-top: 66px;
        margin-left: 25px;
    }
    #homePageSlider h1{
        margin-left: 0px;
        font-size: 240%;
        width: 55%;
        line-height: 1.1em;
        float: right;
        text-align:left;
        margin-top:0px;
        text-align: right;
        margin-right: 25px;
    }
    #homePageSlider p{
        margin-left: 0px;
        float: right;
        clear: both;
        margin-right: 25px;
        text-align: right;
        margin-top: 10px;
    }
    .slideSelectors {
        margin-left: 75px;
        margin-top: 286px;
    }
    .clientsGetLeft{margin-left: 0px}
    .clientsGetText {  width: 540px;}
    .slideSelectors .slideSelectorsButtons {
        margin-right: 0px;
        width: 23px;
    }
    #homePageSlider .iosSlider .slider .item1a .inner .tooBigBgImage {
        width:100%; 
    }
    #helpButtonContainer {
        clear: both;
        float: right;
        margin: 8px 0 0;
        position: relative;
        margin-right: 25px;
    }
    h3.headingLines1, h3.headingLines2, h3.headingLines3, h3.headingLines4 {
        width: 100%!important;
    }
    h3.headingLines3,h3.headingLines1,h3.headingLines4{
        background-position: center center !important;
        text-indent:0px !important;
        text-align: center;
    }

    #homePageSlider {
        height: 383px;
    }
    #homeCircles {
        height: 717px;
    }
    .circle {
        height:170px;
        width:170px;
    }
    .c1 {
        margin-left: 0px;
        margin-top: 160px;
    }
    .c2 {
        margin-left: 188px;
        margin-top: 160px;
    }
    .c3 {
        margin-left: 268px;
        margin-top: -41px;
    }
    .c4 {
        margin-left: 375px;
        margin-top: 160px;
    }
    .c5 {
        margin-left: 567px;
        margin-top: 160px;
    }
    .c6 {
        margin-top:333px;
        margin-left: 90px;
    }
    .c7 {
        margin-left: 280px;
        margin-top: 333px;
    }
    .c8 {
        margin-left: 471px;
        margin-top: 333px;
    }
    .c9 {
        margin-left: 273px;
        margin-top: 524px;
    }
    .circleBigger{
        width: 200px;
        height: 200px;
    }
    .c1 img {
        margin-left: 61px;
    }

    div.circleTitle {
        width:170px;
    }
    #homePageSlider,#homePageSlider .innerDiv,.iosSlider,.slider,.item,.inner{
        width: 100% !important;
    }
    .inner{margin-left: 0px;}

    #homeProducts #productContainer {
        margin: 24px 0 0;
        padding: 0;
        width: 100%;
    }
    #productContainer dl {
        width: 227px;
        min-height: 410px;
        width: 227px;
    }
    #productContainer dl dd.img {
        width: 214px;
        text-align: center;
    }
    .pinkyPromise{margin-left: 0px;}
    #tankaboveform p{margin-left: 0px;}
    .f_signup { margin-left: 193px;}

    .tweetTweet {
        width: 35%;
        height: 97px;
        margin-left: 463px;
    }
    #homeProducts h3.productsSeeAll, #homeProducts h3.productsSeeAll a {
        margin-right: 10px;
    }
    .latestPosts {
        margin-left: 0px;
        margin-right: 10px;
        width:190px;
    }
    .footerTweets {
        float: left;
        width: 190px;
    }
    .footerContactUs {
        width:215px;
    }
    .siteInfo {
        padding-left: 22px;
    }
    .bottomLinks {
        margin-right: 27px;
    }
    #helpButtonContainer{z-index: 888;}

    /*  ---------------------------------------------PRODUCTS PAGE---*/

    .tooBigBgImageStatic{ background-size:197% !important; }
    #genericHeader {
        height: 157px;
    }
    #productsIntro .lhs, #innerIntro .lhs div.para {

        float: left;
        margin-left:0px;
        width: 65%;
    }
    #products #productsCatelogue #productsIntro .lhs {
        float: left;
        margin-left: 29px;
        width:65%;
    }
    #products #productsCatelogue #productContainer dl {
        width: 93%;
    }
    #products #productsIntro .lhs .products-altIntro {
        width:95%;
    }
    #products #productsIntro .rhs .questions {
        margin-left: -22px;
        margin-top:64px;
        width:32%;
        height: auto;
    }
    .tooBigBgImageStatic{ background-size:197% !important; }
    #genericHeader {
        height: 157px;
    }
    #products #productContainer dl dt {
        margin-top: 15px;
    }
    #products #productContainer dl dd.img {
        text-align: center;
        width:158px;
    }
    #products .clientsGetRight {
        width: 100%;
    }
    #products #productsCatelogue .clientsGetQuoteBox {
        float: none;
        margin: 0 auto 20px auto !important;
        text-align: left;
        width: 92%;
        height: auto;
        padding-bottom: 10px;
        display: table;

    }
    #products .clientsGetQuoteBox p.quote{
        text-align:left;
    }

    #products .clientsGetQuoteBox p.quoter{
        text-align: left;
        padding: 0px 18px;
    }
    #products #productsCatelogue .clientsGetQuoteBox .cquote{
        float: right;
        margin-top: 0px;
        margin-right: 10px;
    }
    #products #productContainer dl dd.link,  #products #productContainer dl dd.link a {
        margin-right: 5px;
        margin-top: 0px;
        margin-bottom: 6px;
        letter-spacing:1px;
    }
    #products .fullLineSeperator {
        background-position: 0 0;
        height: 5px;
        margin: 37px auto 0px;
        width: 96%;
    }
    #products #productContainer dl dd.text p {
        text-align: left;
    }
    #innerIntro .rhs .questions {
        height: auto;
        margin-left:0;
        margin-top: -90px;
        position: absolute;
        width: 30%;
        right:1% !important;
    }
    #innerIntro .lhs {
        float: left;
        margin-left: 0;
        width: 100%;
    }
    #innerTabs {
        margin-left: 0px;
        width: 100%;
    }
    .tabContentContainer {
        box-sizing: border-box;
        width: 100%;
        padding:25px;
    }
    .tabsContainer .tab {
        width: 117px;
    }

    /*  --------------------------------------------- CONTACT US PAGE---*/
    #contact #contactForms .lhs {
        float: left;
        width: 400px !important;
    }
    #contact form {
        margin-left:0px !important;
    }
    #contact input , #contact textarea{
        margin-left: 0px;
        box-sizing:border-box;
        width: 100%;
    }
    #contact #contactForms h4 {
        margin-left: 12px !important;
    }
    #contact #contactForms .rhs {
        width: 321px!important;
    }
    #contact #contactForms .fsubmit {
        margin-right: 10px;
    }

    /*  --------------------------------------------- BLOG  PAGE---*/
    #blog #blogRoll .blogPreviewContainer {
        margin-left: 0;
        width: 100%;
    }
    #blog #blogRoll .blogPreviewContainer dl {
        width: 100%;
        background-repeat: repeat-x;
        padding-bottom: 0px;
    }
    #blog #blogRoll .blogPreviewContainer dl dt,#blog #blogRoll .blogPreviewContainer dl dd.tags {
        margin-left: 350px;
    }
    #blog #blogRoll .blogPreviewContainer dl dd.link, #blog #blogRoll .blogPreviewContainer dl dd.link a {
        margin-left: 350px;
    }
    #blog #blogRoll .blogPreviewContainer dl dd.text {
        margin-left: 350px;
        width: 362px;
    }
    .blogRhs{
        width: 100%;

    }
    .blogRhs .chunk {
        padding-top: 20px;
        width: 100%;
    }
    .blogRhs .chunk h5 {
        width: 100%;
        box-sizing: border-box;
        background-repeat: repeat-x;
    }
    #blog #blogInner .blogContent {
        width:100%;
        background-repeat: repeat-x;
        margin-left: 0px;
    }
    #blog .rhs .questions {
        margin-left: 0;
        margin-top: 0;
        position: absolute;
        right: 12px;
        top: 232px;
    }
    #blog #blogTitle .snLinks {
        margin-left: 0;
        margin-top: 0;
        right: 0;
        float: right;
    }
    #blog .lhs {
        float: left;
        margin-left: 0px;
        width: 100%;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .web-menu{display:block; float: right; margin-top: -11px}
    .mobile-menu{display: none;}
    .web-menu nav{margin-right: 50px;}
    .slideSelectors {
        margin-left: 105px;
        margin-top: 440px;
    }
    .slideSelectors .slideSelectorsButtons {
        margin-right: 7px;
        width: 23px;
    }
    #homePageSlider {
        height: 552px;
    }
    .innerDiv, #headerBGWrapper #navBG.innerDiv {
        width: 960px;
    }
    .smallText {
        margin-right: 16px;
    }
    .circle {
        height: 176px;
        width: 176px;
    }
    .c1 {margin-left:-8px; margin-top:0px;}
    .c2 {margin-left:183px;margin-top:0px;}
    .c3 {margin-left:376px;margin-top:0px;}
    .circleBigger {
        background-color: #0093d0;
        height: 200px;
        margin-top: -14px;
        width: 200px;

    }
    .c4 {margin-left:593px;margin-top:0px;}
    .c5 {margin-left:784px;margin-top:0px;}
    .c6 {margin-left:83px; margin-top:173px;}
    .c7 {margin-left:273px; margin-top:173px;}
    .c8 {margin-left:498px; margin-top:173px;}
    .c9 {margin-left:689px; margin-top:173px;}
    .clientsGetLeft {  margin-left: 156px;}

    #homeCircles {
        height:420px;  
    }
    #productContainer dl {
        min-height: 446px;
        width: 170px;
    }
    #productContainer dl dd.img {
        width: 170px;
    }
    .f_signup {
        margin-left: 296px;
    }
    .pinkyPromise {
        margin-left: 67px;
    }
    .tweetTweet {
        height: 110px;
        margin-left: 676px;
        width: 30%;
    }
    .latestPosts, .footerTweets, .footerCPD, .footerContactUs {
        display: inline-block;
        float: none;
        margin: 0;
        text-align: left;
        vertical-align: top;
        width:236px;
    }
    .footerTop {background-repeat:repeat; height:265px;}

    /*  ---------------------------------------------PRODUCTS PAGE---*/
    #genericHeader {
        height: 225px;
    }
    .tooBigBgImageStatic {
        background-size: 187% auto !important;
    }
    #products #productsIntro .lhs .products-altIntro {
        width: 622px;
    }

}
@media screen and (max-width:767px) {
    .innerDiv,#headerBGWrapper #navBG.innerDiv,.footerTop .innerDiv {
        width:630px;
    }

    #homePageSlider h1{font-size: 179%;}
    #homePageSlider p { font-size: 91%; width: 433px; margin-bottom: 7px;}
    .slideSelectors {margin-left: 60px; margin-top: 212px;}
    .slideSelectors .slideSelectorsButtons { margin-right: 0; width: 20px;}
    .c1 {margin-left: 37px; margin-top: 120px;}
    .c2 { margin-left: 235px; margin-top: 120px;}
    .c3 { margin-left: 210px; margin-top: -105px;}
    .c4 { margin-left: 430px; margin-top: 120px;}
    .c5 { margin-left: 135px; margin-top: 287px;}
    .c6 { margin-left: 332px; margin-top: 287px;}
    .c7 { margin-left: 33px;  margin-top: 450px;}
    .c8 { margin-left: 232px; margin-top: 450px;}
    .c9 { margin-left: 431px; margin-top: 450px;}
    .clientsGetText { width: 99%;}
    .clientsGetVideo{margin:30px auto}
    .clientsGetText.bottomText {margin-left:0px;}
    .clientsGetRight { float: left; margin-top: 0px; width: 100%; text-align: center;}
    .clientsGetQuoteBox { display: inline-block; height: 209px; margin: 20px 10px; vertical-align: top; width: 185px}
    .cquote{margin-left: 0px;}
    #productContainer{text-align: center;}
    #productContainer dl { min-height: 410px;width: 180px; margin-left: 7px; vertical-align: top;}
    #productContainer dl dd.img { text-align: center; width: 180px;}
    .pinkyPromise { height: auto; margin-top: -259px;  width: 15%;}
    .tweetTweet {  height: auto;  margin-left: 449px;  width: 28%; margin-top: -499px;}
    .footerTop .innerDiv{text-align: center; padding-left: 0px;}
    .footer,.footerTop{height: auto !important;}
    .latestPosts,.footerTweets,.footerCPD,.footerContactUs{width:48%;float:none; display: inline-block; vertical-align: top; text-align: left; margin: 0px;}
    p.footerTel,p.footerTelNew,p.footerEmail,p.footerEmail,p.footerAddress{text-align: left; width: 90%;padding: 4px 0px 6px 31px;}
    p.footerContactUsHeading{width: 100%;text-align: left; }
    .slideSelectors { margin-left: 50px; margin-top: 117px;}
    #homePageSlider h1,#homePageSlider p{display: none;}
    .siteInfo {padding-left:0px;}

    /*  ---------------------------------------------PRODUCTS PAGE---*/
    #products #productContainer dl dd.link, #products #productContainer dl dd.link a {
        margin-bottom: 2px;
        margin-right: 8px;

    }
    #productsCatelogue #productContainer dl dd.circleSmallerContainer {
        margin-bottom: 37px !important;
    }
    #genericHeader {
        height:150px;
    }
    #productsIntro .lhs,#innerIntro .lhs {
        width:92%;
        padding: 0% 4%;
        text-align: center;
    }

    #innerIntro .lhs div.para{
        width: 100%;
    }
    .mobile-view-products,.products-altIntro{
        text-align: left;
    }

    #products #productsIntro .rhs .questions, #innerIntro .rhs .questions {
        margin-left: 0;
        right: 11px;
        top: 37%;
        width: 38%;
        margin: 0px
    }
    #products #productsCatelogue #productContainer dl dd.circleSmallerContainer {
        margin-bottom: 10px;
        margin-left: 0px;
        margin-top: 0px;
        width: 100%;
    }
    #products #productsCatelogue #productContainer dl {
        margin: 0 auto;
        width: 92%;
        float: none;
        display: table;
    }
    #products #productsCatelogue #productContainer dl dd.text {
        min-height: 200px;
    }
    #products #productsIntro .lhs .products-altIntro {
        margin-bottom: 0px;
    }
    .tooBigBgImageStatic {
        margin-top: -106px;
    }

    /*  --------------------------------------------- CONTACT US PAGE---*/
    #contact #contactForms .lhs, #contact #contactForms .rhs {
        width: 100% !important;
    }
    .theAddress {
        width: 48%;
        float: left;
    }
    /*  --------------------------------------------- BLOG  PAGE---*/
    #blog #blogRoll .blogPreviewContainer dl dd.img {
        width: 284px;
        float: left;
        margin-left: 0px;
        clear: both;
        margin-top: 0px;
    }
    #blog #blogRoll .blogPreviewContainer dl dd.text {
        margin-left: 310px;
        width: 309px;
    }
    #blog #blogRoll .blogPreviewContainer dl dt, #blog #blogRoll .blogPreviewContainer dl dd.tags {
        margin-left: 310px;
    }
    .latestPosts {width:195px;}
    .footerTweets {width:210px;}
    .footerCPD {display:none;}
    .footerContactUs {width:170px;}
}
@media screen and (max-width:629px) {
    .innerDiv,#headerBGWrapper #navBG.innerDiv,.footerTop .innerDiv {
        width:470px;
    }
    #helpButtonContainer {
        margin: -54px 25px 0 0;
    }
    .slideSelectors .slideSelectorsButtons { width: 14px;}
    .c1 {left: 10% !important; margin-left: 0px!important;margin-top: 86px;}
    .c2 { margin-left:0px; right: 10%!important; margin-top: 86px;}
    .c3 {margin-left: 133px;}
    .c4 {left: 10% !important; margin-left: 0px!important; margin-top: 275px;}
    .c5 {margin-left:0px; margin-top: 275px; right: 10%!important; }
    .c6 {left: 10%; margin-left: 0; margin-top: 467px;}
    .c7 {margin-left:0px; margin-top: 467px; right: 10%!important; }
    .c8 {left: 10%; margin-left: 0; margin-top: 658px;}
    .c9 {margin-left:0px; margin-top: 658px; right: 10%!important; }

    #homeCircles {
        height:839px;
    }
    #homeClientsGet{margin: 0px;}
    .clientsGetLeft {
        width: 100% !important;
    }
    .clientsGetVideo {
        float: left;
        width: 100%;
        background-size: 100%;
        height:350px;
        margin: 0px;
    }
    .clientsGetVideo object {
        width: 95%;
        height: 273px;
    }
    .clientsGetText{float: left;}
    .clientsGetText.bottomText {
        margin-left:0px;
        margin-top: 0px;
        white-space: pre-wrap;
    }
    #homeProducts #productContainer {
        text-align: center;
    }
    #productContainer dl {
        display: inline-block;
        float: none;
        margin-left: 13px;
        min-height: 444px;
        text-align: left;
        vertical-align: top;
        width: 178px;
    }

    #genericHeader {
        height:96px;
    }
    .footerBottom{height: 100px;}
    #products #productsIntro .rhs .questions {
        top: 23%;   
    }
    /*  --------------------------------------------- CONTACT US PAGE---*/
    .theAddress,#map_canvas {
        width: 100% !important;
        margin-top: 15px !important;
        float: left;
    }
    #tankbelowform {
        margin: 10px!important;
    }
    /*  --------------------------------------------- BLOG  PAGE---*/
    #blog #blogRoll .blogPreviewContainer dl dt, #blog #blogRoll .blogPreviewContainer dl dd.tags {
        float: left;
        margin-left: 0;
        clear: both;
    }
    #blog #blogRoll .blogPreviewContainer dl dd.text {
        margin-left:0px;
        width:100%;
        float: left;
        clear: both;
    }
    #blog #blogRoll .blogPreviewContainer dl dd.link, #blog #blogRoll .blogPreviewContainer dl dd.link a {
        margin-left:0px;
        float: right;
        margin-right: 15px;
    }
    #blog #blogRoll .blogPreviewContainer dl dd.img {
        width: 315px;
        margin-bottom: 20px;
    }
    #blog .rhs .questions {
        width: 53%;
        height: auto;
    }
    .latestPosts {width:170px;}
    .footerTweets {width:180px;}
    .footerCPD {display:none;}
    .footerContactUs {width:110px;}
}
@media screen and (max-width:469px) {
    .innerDiv,#headerBGWrapper #navBG.innerDiv,.footerTop .innerDiv {
        width:310px;
    }
    #helpButtonContainer {
        margin: 20px 39px ;
        margin-top: 73px;

    }
    #homeCircles {
        height: 1611px;
    }
    .c1 {
        left: 21% !important;
        margin-top: 114px;
    }
    .c2 {
        margin-top: 301px;
        right: 21% !important;
    }
    .c3 {
        margin-left: 17%;
    }
    .c4 {
        left: 21% !important;
        margin-top: 490px;
    }
    .c5 {
        margin-top: 681px;
        right: 21% !important;
    }
    .c6 {
        left: 21%;
        margin-top: 870px;
    }
    .c7 {
        margin-top: 1056px;
        right: 21% !important;
    }
    .c8 {
        left: 21%;
        margin-top: 1244px;
    }
    .c9{left: 21%;
        margin-top: 1431px;
    }
    .clientsGetVideo {
        height: 238px;
    }
    .clientsGetVideo object {
        height: 168px;
        width: 93%;
    }
    .smallText {
        float: left;
        line-height: 15px;
        margin-right: 38px;
        margin-top: 1px;
        width: 100%;
    }
    .bigTelNo{margin-right: 0px;}
    .c1 img {
        margin-left: 73px;
    }
    div.circleDesc {
        margin-left: 20px;
        width: 78%;
    }
    .clientsGetQuoteBox {
        height: 171px;
        margin: 5px 10px;
        vertical-align: top;
        width: 80%;
    }
    #homeProducts h3.productsSeeAll, #homeProducts h3.productsSeeAll a {
        margin-right: 0;
        text-align: center;
        width: 100%;
        margin-top: 15px;
    }
    .f_signup{
        margin:0 auto;
        width: 95%;
    }
    .f_signup .ftext{
        width: 98%;
        margin: 7px auto;
    }
    .pinkyPromise {
        margin-top: -270px;
        width: 27%;
    }
    .tweetTweet {
        height: auto;
        margin-left: 0;
        margin-top: -265px;
        right: 0;
        width: 61%;
    }
    h4.theSocialNetwork {       
        margin-left: 0;
        margin-top: 86px;
        text-align: center;
        width: 100%;
    }
    .snCircleLinks img {
        width: 28%;
        height: auto;
    }
    .snCircleLinks {
        margin-left: 0;
        margin-top: 0px;
    }

    #navBG {
        height: 57px;
    }
    #headerLogo > img {
        width: 154px;
    }
    .siteInfo {
        margin: 21px 0px;
        padding-left: 0;
        width: 100%;
    }
    .bottomLinks{
        margin: 0px;
        width: 100%;
        text-align: center;
    }
    .bottomLinks a{
        display: inline-block;
        vertical-align: top;
        float:none;

    }
    h2.productsTitle {
        font-size: 161%;
    }


    #products #productsIntro .rhs .questions, #products #productsIntro .rhs .questions, #innerIntro .rhs .questions {

        margin-left: 0;
        right: 20% !important;
        top:105px;
        width: 55%;
    }
    #products #productContainer dl dd.img {        
        float: left; 
        margin-bottom: 15px;
        width: 96%;
    }
    #products #productContainer dl dd.text {
        width: 100%:
    }
    #products #productsCatelogue #productContainer dl dd.text p {
        margin-left:0px;
        width: 100%;

    }
    #innerIntro .lhs > div{
        margin-left: 0px !important;
        float: left;
        margin-top: 15px;

    }
    h2.productsTitle {        
        width: 100%;
    }
    .mobile-view-products{
        margin-left: 0px !important;
    }
    .tabsContainer .tab {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-top: 13px;
        padding-left:0px;
        padding-right:0px;
        height: 26px;
    }
    .tabsContainer {
        float: left;
        width: 100%;
    }
    h2.productsTitle{font-size: 180%;}
    .tabContent img {
        width: 100%!important;
        height: auto !important;
        margin-bottom:10px;
        margin-top:10px;
    }
    .timg {
        float: left;
        margin:0px;
        padding: 0px;
    }
    #innerIntro .lhs img {
        float: none;
    }
    #blog #blogRoll .blogPreviewContainer dl dd.img {
        margin-bottom: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    #blog #blogRoll .blogPreviewContainer dl dd.link, #blog #blogRoll .blogPreviewContainer dl dd.link a {
        float: right;
        margin-left: 0;
        margin-right: 0px;
    }
    #blog #genericHeader {
        height: 20px;
    }
    #blog .rhs .questions {
        top: 113px;
    }

    #resourcesPage.tabContentContainer {width:100%!important; padding:10px 0px 10px 23px!important;}

}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* all webkit devices and displays */
    #homePageSlider {height:585px;}
    #homePageSlider .iosSlider .slider .item1a .inner .tooBigBgImage {margin-top:-134px;}
    #homePageSlider h1 {padding-top:95px;}
    .slideSelectors {/*margin-top:490px;*/margin-top:524px;}

}
@media only screen and (max-device-width: 767px) and (min-device-width: 320px) {
    #homePageSlider {height:320px;}
}

@media only screen and (max-device-width: 1023px) and (min-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone only */
    #homePageSlider {height:420px;}
}

@media only screen and (max-device-width: 480px), only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone only */
    body {overflow:hidden;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape)  and (-webkit-min-device-pixel-ratio: 2) {
    /* retina display iPad landscape */
    body {overflow:hidden;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    /* retina display iPad portrait */
    body {overflow:hidden;}
}

@media all and (orientation) { html:not(:last-child) rule }
/* firefox 3.5+ */
#helpButton li a span.helpButtonIMG {margin-top:-42px;}/*margin-top changed on account of white-space property*/
.slideOverlay {margin-top:-85px!important;}
/*.f_signup .fsubmit {margin-left:130px;}*/

#ajaxLoader {position:absolute; top:132px; left:50%;}

#resourcesPage {}
  #resourcesPage.tabContentContainer {float:left; padding:22px 10px 10px 10px; /*width:905px;*/width:94%;}
    #resourcesPage.tabContentContainer .tabContent {margin-left:44px;}
    #resourcesPage.tabContentContainer ul.subCatContainer {clear:both;}
    #resourcesPage.tabContentContainer ul {list-style-type:none; margin:0; padding:0; margin-bottom:12px;}
      #resourcesPage.tabContentContainer ul li {font-size:90%;}
      #resourcesPage.tabContentContainer ul li.assetCategory {font-weight:600; /*text-decoration:underline; margin-bottom:15px; padding-top:20px;*/ font-family:'Dosis', sans-serif; text-transform:uppercase; text-align:center; margin-left:-44px; background-color:#e5e5e5; line-height:35px; margin-bottom:20px; border-top:1px solid #999; border-bottom:1px solid #999;}
      #resourcesPage.tabContentContainer ul li.asset {float:left; width:180px; margin-right:31px; margin-bottom:20px; text-align:center; overflow:hidden;}
        #resourcesPage.tabContentContainer ul li.asset div {margin:0px 0px 5px 0px; padding:10px; border:1px solid #d4d4d3; /*min-height:114px;*/min-height:124px; position:relative;}
          #resourcesPage.tabContentContainer ul li.asset div:hover {}
          #resourcesPage.tabContentContainer ul li.asset div a {position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; background-image:url('../images/empty.gif');}
          #resourcesPage.tabContentContainer ul li.asset div img.preview {margin-top:10px;}
          #resourcesPage.tabContentContainer ul li.asset div img#playIcon {position:absolute; margin:26px 0px 0px -74px; opacity:0.3;}
          #resourcesPage.tabContentContainer ul li.asset div h5, #resourcesPage.tabContentContainer ul li.asset div h5 a {color:#7f7f7f; margin:10px 0px 0px 0px;}
        #resourcesPage.tabContentContainer ul li.asset form input[type='submit'] {background:none; color:#0085bc; border:none; padding:0; margin:0;}
          #resourcesPage.tabContentContainer ul li.asset form input[type='submit']:hover {text-decoration:underline;}