a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, input table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } html {overflow-y:scroll; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased} article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section {display:block} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none} blockquote {margin:1em 2em} dfn {font-style:italic} del {text-decoration:line-through} abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help} img, object, embed, video, input, select, textarea {max-width:100%} img {color:transparent; vertical-align:middle} .ie8 a:link img {border:0;} table {border-collapse:collapse; border-spacing:0} /* still need cellspacing="0" in the markup */ th {font-weight:bold; vertical-align:bottom; text-align:left} td {font-weight:normal; vertical-align:top; text-align:left} input, select {vertical-align:middle} pre {white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word} input[type="radio"] {vertical-align:text-bottom} input[type="checkbox"] {vertical-align:bottom; vertical-align:baseline} button, select, input {font:100% sans-serif; 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} input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0} 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 {-webkit-appearance:none} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0} button, input, select, textarea, body {margin:0; font-family:sans-serif} textarea {font:100% sans-serif; overflow:auto; vertical-align:top} fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em} strong, th, b {font-weight:bold} td, td img {vertical-align:top} sub, sup {font-size:75%; Line-Height:0; position:relative} sup {top:-0.5em} sub {bottom:-0.25em} pre, code, kbd, samp {font-family:monospace, sans-serif; _font-family:'courier new', monospace; font-size:1em} pre, code {font-family:'DejaVu Sans Mono', Monaco, Consolas, monospace} ins {background-color:#fcd700; color:#000; text-decoration:none} mark {background-color:#AAA; color:#000; font-style:italic; font-weight:bold} audio, canvas, video {display:inline-block; *display:inline; *zoom:1; max-width:100%;} audio:not([controls]) {display:none} [hidden] {display:none} svg:not(:root) {overflow:hidden} legend {*margin-left:-7px} button {width:auto; overflow:visible} hr {display:block; height:1px; border-top:1px solid #ccc; opacity:.5; width:80%; margin:1em auto} dl,ol,ul,pre,table,address,fieldset,hgroup {padding-bottom:1em} small {font-size:80%; line-height:1.2} .clearfix:before, .clearfix:after {content:"\0020"; display:block; height:0; overflow:hidden} .clearfix:after {clear:both} .clearfix {zoom:1} .offscreen {visibility:hidden; position:absolute; left:-9999px} .nowrap {white-space:nowrap;} /* end reset */ .flushbot {margin-bottom:0} .centerit {text-align:center;} .dottit {margin-top:3em; padding-top:2em; border-top: 2px dotted #777;} .embed-container {height:0; width:100%; padding-bottom:75%; overflow:hidden; position:relative;} .embed-container iframe {width:100%; height:100%; position:absolute; top:0; left:0;} .childstyle1 {font-family: 'eraserregular', helvetica, sans-serif;} body {overflow:hidden; font-size:90%; color:#484848} #mainbgeffect {z-index:-5; width:100%; position:absolute; min-height:300px; background-color:#fff; background-image:linear-gradient(top, #bbb 10%, #fff 50%); background-image:-webkit-linear-gradient(top, #bbb 0%, #fff 50%); background-image:-moz-linear-gradient(top, #bbb 10%, #fff 50%); background-image:-ms-linear-gradient(top, #bbb 10%, #fff 50%); background-image:-o-linear-gradient(top, #bbb 40%, #fff 50%)} header.pageheader {padding:.4em 0; background-color:#222222;} header.pageheader form {width:100%; margin:.2em 0} header div.pagewidth {min-height:60px} #txtSectionNameH {width:26%; max-width:14em; float:none; padding:.6em; margin:0 .3em;} #submitsearchH {float:none} .headcontact a:link, .headcontact a:visited {text-decoration:none; display:block; color:#fff; float:left; font-size:140%;padding:0 .6em 0 .6em;} footer.pagefooter {padding-top:1em; background-color:#222222;} .headcontact a:hover {color: #D47F2A;} .photobanner {position:relative; border-top:0 solid black; width:100%; } /*max-height:5em; overflow:hidden;*/ .bigquoter {font-family: Georgia; line-height: 1.1; font-size:50%; text-align:right; margin-top:.5em;} .banerimg {width:100%;} .padbottom {margin-bottom:3em;} .menubaseline {width:100%; border-bottom:0px solid #777; position:relative;} .contentpadding {width:100%; border-bottom:1px solid #777; position:relative; margin-bottom:2em;} h1, h2, h3, h4, h5, h6 {font-weight:bold; line-height:110%; color:#246E29; font-family:antonioregular, helvetica, sans-serif; padding:1em 0 .5em 0} h1 {text-align:center; font-size:2em; margin-bottom:.8em; padding-bottom:0.2em} h2 {font-size:1.7em} h3 {font-size:1.4em} h4 {font-size:1.3em} h5 {font-size:1.2em} h6 {font-size:1.1em} h2, h4, h6 {color:#246E29} hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 {padding-bottom:0} hgroup {padding:1em 0} #ekithtml h2.blockhead {border-radius:0.3em; background-color:#E3E3E3; padding:.4em; margin-bottom:.5em;} a:link {color:#D27110; text-decoration:underline;} a:hover, a:active {outline:none; color:#A10817; text-decoration:none} a:visited {color:#626262; text-decoration:underline;} ul {list-style:disc} ol {list-style:decimal} li { display:list-item} table {border:2px solid #000; border-collapse:collapse; margin-bottom:1em} table td {border:1px solid #000; padding:.5em} table th {border:1px solid #000; padding:.5em} .big600 {font-size:600;} #skiptotop {position:absolute; top:-3.6em; right:5em; color:#fff;} .logo img {width:60%; margin: 2em 15% 2em 25%;} /* 1 IE9 */ .ie9 .logo img[src*=".svg"] { width: 60%; } /* 2IE 10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .logo img[src*=".svg"] { width: 60%; } } .pagewidth {width:96%; margin:0 auto; position:relative;} .contentblock {margin:0%} .subnavigation {margin:0 0 2em 0;} #subnav {display:none;} .primary {margin:0; line-height:1.5em} .secondary {margin:0; line-height:1.5em} .tertiary {margin-top:0; width:100%; line-height:1.5em;} .main-navigation {font-size:120%; display:table; margin:0 auto; padding-bottom:.5em; font-family: antonioregular, sans-serif; text-transform:uppercase;} .main-navigation ul {list-style:none;} .main-navigation li {display:inline;} .main-navigation li a {float:left; padding:.6em; border:1px solid #626262; margin:.4em .4em .0 0; white-space:nowrap; display:block; text-decoration:none;} .main-navigation li a {color:#fff; background:#818282; border-radius:0.3em; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;} .main-navigation li a {-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out} .main-navigation li a:hover {color:white;} .main-navigation li:hover a {background:#D47F2A} .main-navigation li:active a {background:#D47F2A} #mainnav li.Rob_Gee {display:none;} .centeritok {display:table; margin:0 auto;} .shown {display:block;} .notshown {display:none;} #mainnavcon.notshown {display:none;} #subnavmobcon, #mainnavcon {float:left; display:inline;} #subnavmobcon a, #mainnavcon a { background:#818282} .subnavigation ul {font-size:90%; list-style:none} .subnavigation li {position:relative; left:0px; display:block; margin:0 0 .3em 0;} .subnavigation li a:link, .subnavigation li a:visited, .subnavextra {border-radius:0.3em; display:block; color:#222222;} .subnavigation li a:link, .subnavigation li a:visited, .subnavextra {padding:.4em .6em; text-decoration:none; background:#E3E3E3;} .subnavigation li a:visited {color:#F5F5F6; background:#818181;} .subnavigation li a:hover {background:#D27110} .subnavigation li a:active {color:#626262; background:#F5F5F6} .subnavextra {background:none; margin-top:0; padding-top:0;} .subnavextra h2 {padding-top:0; margin-top:0; margin-bottom:; .5em} ul.hideme {display:none;} .socialfollow img {margin-right:.6em;} .socialfollow img:hover {opacity:.7} .pagefooter {box-shadow:0 0 2em #555; color:#fff; min-height:100px; margin:3em 0 0 0; padding:3em 0;} .pagefooter a, .pagefooter a:link, .pagefooter a:visited {text-decoration:none; color:#ffffff;} .pagefooter li a:link, .pagefooter a.normal {text-decoration:underline;} .pagefooter li a:hover, .pagefooter a.normal:hover {text-decoration:none;} .pagefooter ul {margin-left:.8em; line-height:1.4em;} .footerinfo, .validation, .licensing {float:left; margin:0 2% 1.5em 2%; width:96%; line-height:1.5em; border-bottom:1px dashed #fff; margin-bottom:2em} .footerinfo img, .validation img, .licensing img {margin:0 0 .5em 0;} #spritehtml5css3 {background: url('images/template/FSprite.html') 0 0 no-repeat; width:141px; height:31px;} #spriteekit {background: url('images/template/FSprite.html') -231px 0 no-repeat; width:51px; height:31px;} #spriteccomm {background: url('images/template/FSprite.html') -142px 0 no-repeat; width:88px; height:31px;} #spriteeco {background: url('images/template/FSprite.html') -283px 0 no-repeat; width:51px; height:31px;} .validation .ekitlogo {width:70px; height:42px;} h1.contentblock {font-size:200%; position:relative; line-height:1.1em; padding:0 0 .1em 0; margin:.5em 0; text-align:center; text-transform: uppercase;} h1.contentblock div {margin-top:.1em;} h1.contentblock .halfsize {font-weight:normal; line-height:.01em;} h1.contentblock .halfsize a {display:inline-block; line-height:.01em;} h1.contentblock .mainhead {fontsize:100%; display:inline-block} .generalhtmlsection {margin-bottom:1.5em} p {margin-bottom:1em} /* --------------------- START ekit responsive mobile GENERAL CONTENT Template CSS ------------------------------------------------------- */ /* --------------------- all duplicated in styles-CuteEditor appeak in this section - apart from also reset.css ---------------------- */ .generalhtmlsection ul {padding-left:2em; list-style-type:square;} .generalhtmlsection ol {padding-left:2em; list-style-type:decimal} .generalhtmlsection ul ul, .generalhtmlsection ol ul {list-style-type:disc; font-size:92%} .generalhtmlsection ul ul ul, .generalhtmlsection ul ol ul, .generalhtmlsection ol ul ul {list-style-type:circle; font-size:92%} .generalhtmlsection ol ol, .generalhtmlsection ol ol ol {font-size:92%} /*.primary, .secondary, .tertiary {line-height:1.1;}*/ .primary .generalhtmlsection .egsection {background-color:#bbe3ee; padding: 1em;} .secondary .generalhtmlsection .egsection {background-color:#c6e1b9; padding: 1em;} .tertiary .generalhtmlsection .egsection {background-color:#f7d7bc; padding: 1em;} /* these keep the padding and margins nice at the top of section groups when using headings as the first content */ .egsection > h3:first-child, .primary > .generalhtmlsection:first-child > h1:first-child, .primary > .generalhtmlsection:first-child > h2:first-child, .primary > .generalhtmlsection:first-child > h3:first-child, .primary > .generalhtmlsection:first-child > h4:first-child, .primary > .generalhtmlsection:first-child > hgroup:first-child, .secondary > .generalhtmlsection:first-child > h1:first-child, .secondary > .generalhtmlsection:first-child > h2:first-child, .secondary > .generalhtmlsection:first-child > h3:first-child, .secondary > .generalhtmlsection:first-child > h4:first-child, .secondary > .generalhtmlsection:first-child > hgroup:first-child, .tertiary > .generalhtmlsection:first-child > h1:first-child, .tertiary > .generalhtmlsection:first-child > h2:first-child, .tertiary > .generalhtmlsection:first-child > h3:first-child, .tertiary > .generalhtmlsection:first-child > h4:first-child, .tertiary > .generalhtmlsection:first-child > hgroup:first-child, .tertiarycols .tertiary > .generalhtmlsection > h1:first-child, .tertiarycols .tertiary > .generalhtmlsection > h2:first-child, .tertiarycols .tertiary > .generalhtmlsection > h3:first-child, .tertiarycols .tertiary > .generalhtmlsection > h4:first-child, .tertiarycols .tertiary > .generalhtmlsection > hgroup:first-child {margin-top:0; padding-top:0} .singlecolonly {column-span:none; -webkit-column-span:none; -ie-column-span:none; -moz-column-span:none; } hgroup > h1:first-child {margin-top:0; padding-top:0} hgroup > h2:first-child {margin-top:0; padding-top:0} hgroup > h3:first-child {margin-top:0; padding-top:0} hgroup > h4:first-child {margin-top:0; padding-top:0} .tertiarycols .tertiary .generalhtmlsection { -moz-column-width:15em; -moz-column-gap:4em; -moz-column-rule:1px solid #F5F5F6; -webkit-column-width:15em; -webkit-column-gap:4em; -webkit-column-rule:1px solid #F5F5F6; column-width:15em; column-gap:4em; column-rule:1px solid #F5F5F6;} .tertiary .generalhtmlsection {padding:2em 0 3em 0; margin:1em 0; border-bottom:.1em dotted #818181; border-top:.2em dotted #818181;} .usernotice {color:#8D0405; font-weight:bold} section.fullwidth {width:100%; background:none} .Set-Right{float:right;margin:0 0 1em 1.5em} .Set-Left{float:left;margin:0 1.5em 1em 0} .Set-Half-Width, .Set-Third-Width, .Set-Full-Width {width:100%;height:auto;margin:0 0 1em 0;float:right; padding:0;} .Set-Half-Width-Left, .Set-Third-Width-Left {width:100%;height:auto;margin:0 0 1em 0;float:left; padding:0;} .HeavyGreyText {font-size:100%; color:#444; line-height:1.8em; } .HeavyGreyText strong {color:#818282} .HeavyGreyText em {font-size:150%} .monstertext {color:#888; font-size:250%; font-weight:900; line-height:1.2} .focustext {font-size:180%;} .halfsize {font-size:.5em;} .halfwidth{width:50%} .clickable, label, input[type=button], input[type=submit], button {cursor:pointer;} .trans2ease {transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out} .fixedwidecontentcontainer {overflow:auto} .generalhtmlsection ul.rssnewsfeed {padding-left:1em; list-style-type:none} ul.rssnewsfeed li {border-bottom:1px solid #E3E3E3; padding-bottom:1em} .lockedststateimg {position:absolute; top:10px; left:10px; } .openedprotectedsection, .lockedprotectedsection {padding:2em; position:relative; border-radius:18px} .openedprotectedsection {border:0px solid #096142; background:#DDEDE5} .lockedprotectedsection {border:0px solid #8D0405; background:#EFE3E3} #SearchResults {list-style-type:decimal; padding-left:2em} #SearchResults li {margin-bottom:.8em} #SearchResults .fieldname {font-weight:bold} #SearchResults .searchedkeyphrase {background:#E8C592; padding:0 .1em; margin:0 .1em;} /* --------------------- STARt VID css --- */ .vidshadow {box-shadow:0 0 2em #555;} #vidcontrols {line-height:2; margin-top:1em;} #pausevjs, #playvjs {font-size:110%; font-weight:bold; padding:.5em .5em .3em .5em; line-height:3;} ::cue .shoutlatin {color:red; size:120%; font-weight:bold;} /* --------------------- START eKit FORM CSS -------------------------------------------------------------------------------------------- */ .eKitform {margin:0 0 1em 0; border:1px solid #818282; background-color:#EAEAEA} .eKitform fieldset {padding:1em; border:4px solid #FFFFFF; margin:0} .eKitform fieldset div {position:relative; display:block; padding:.2em; border-bottom:0px solid #ADADAE; margin-bottom:6px} .eKitform input, .eKitform select {width:90%; position:relative; left:0%; top:2px; padding:.5em; margin:.1em; border:1px solid #818282; background-color:#ffffff} .eKitform select.multiselect, .eKitform input.multiselect {position:relative; left:0; width:30%; padding:.1em; margin:.1em; border:1px solid #818282; background-color:#ffffff} .eKitform input.checksize {width:22px; height:1.4em; left:70%; border:0; border:1px solid #9F9F9F; } .eKitform textarea {width:100%; padding:.1em; margin:0.5em 0; border:1px solid #818282} .eKitform input#submit_form {background:#D27110; cursor:pointer; position:relative; width:auto; border:0px;} .eKitform input#submit_form:hover {background-color:#818282} .eKitform em {color:red; padding:0 5px 0 0} .eKitform label {font-weight:bold; color:#222222} .eKitform h2, .eKitform h3, .eKitform h4 {padding-top:0;} .ekitform2 {padding:.4em 1.4em; position:relative; border-radius:18px; border:0px solid #ADADAE; background:#EAEAEA} .ekitform2 div {margin:.3em auto; text-align:center} .secondary .eKitform input, .secondary .eKitform select {width:90%; position:relative; left:0%;} #contnetcontactsocial .headcontact a:link {color:#484848} #contnetcontactsocial .headcontact a:visited {color:#484848} #contnetcontactsocial .headcontact a:hover {color:#246E29} /* basket Page and Basket Buttons (in DDTs) ------------------------------------ */ #BasketForm {padding-right:3%} #BasketForm ul {padding-left:0} #BasketForm li.BasketEntryRow {position:relative;list-style-type:none; border-bottom:1px dashed #ADADAE; padding:.3em 0;} #BasketForm li.BasketEntryRow img.itemimg {position:absolute; float:left; height:20px; width:20px; border:0; margin:0 10px 0 0} #BasketForm li.BasketEntryRow:hover img.itemimg {position:absolute; background:#F5F5F6; left:26px; top:-100px; border:1px dashed #ADADAE; height:100px; width:100px; border-bottom:0;} #BasketForm > ul > li.BasketEntryRow:hover {background:#F5F5F6;} #BasketForm li.BasketEntryRow img.delentryimage {float:right; margin:0 0 0 10px; clear:both;} .ie8 #BasketForm li.BasketEntryRow img.delentryimage {position: absolute; right:-30px;} #BasketForm li.BasketEntryRow ul.BasketEntrydetails li {list-style-type:none} #BasketForm .ItemName {color:#818282; padding-left:30px} #BasketForm .ItemQuantity {float:right; white-space:nowrap} #BasketForm .ItemQuantity .ItemPrice {font-weight:bold} #BasketContents #EndBasketFeatures li.BasketEntryRow {min-height:2em; } #BasketContents #EndBasketFeatures { float:right} #BasketContents .BasketTotals, #BasketContents .BasketTotalsfinal {font-size:110%; float:right; padding-top:.3em; padding-right:2%} #BasketContents .BasketTotals em { font-weight:bold} #BasketContents .BasketTotalsfinal em { font-size:140%; font-weight:bold; color:green} #sitebasket h3 {text-align:center; margin-bottom:1em;} .basketback {float:left; font-size:80%;} .Basketorderform input#SenderTitle {width:100px} .Highlightaddress {margin:10px 0px; width:100%; border:1px solid #222222; border-left:0; border-right:0; padding:10px 0; } #content span.ordernumb {font-size:24pt; color:#818282} /* basket stuff in ddts ------------------------------------ */ .navbutton, .navbutton:link, .navbutton:visited, .DDTbasketlinkspace a.inbasket:hover {color:#FFFFFF; background:#ADADAE; border-radius:0.3em; padding:.6em; margin:0 .3em; text-decoration:none; border:none; white-space:nowrap;} .navbutton:hover, .DDTbasketlinkspace a.inbasket {background:#D27110; color:white; cursor:pointer;} .generalhtmlsection .navbuttonnolink, .generalhtmlsection .navbuttonnolink:hover, .generalhtmlsection .navbuttonnolink:active {cursor:default; color:#818181; background-color:#E3E3E3} .navbutton:active { background:#ADADAE} .pageheader .navbutton {float:right; margin-bottom:.3em; border:1px solid #FFFFFF} .VisiblesummaryEntryFields a.inbasket:hover {background:#E8C592} .DDTbasketlinkspace {text-align:right; margin:.2em 0 1em 0} .VisiblesummaryEntryFields .DDTbasketlinkspace { margin:.5em 0 0 0} /* ------------------- DDT LIST - GENERIC CSS ----------- DONT FORGET ABOUT ADDITIONAL STYLES IN MEDIA QUERY DECLARATIONS !!!!!!!!!!!! */ .FullDetailsLink:link {text-decoration:none;} .generalhtmlsection .userDBlist {list-style-type:none; padding:0;} .NewsRSScont {text-align:right} .NewsRSScont img {margin-left:1%} #DDTListPageNav {margin-bottom:2em; line-height:1.8em} .gallerypagenum {border-radius:.5em; background:#818282; color:#818181; font-size:130%; font-weight:bold; margin-right:.3em; padding:0.1em .5em; border:1px solid #E3E3E3; background:#F5F5F6; color:#818181} .gallerypagenum:link {background:#FFFFFF; color:#626262} .gallerypagenum:hover {background:#EAEAEA; color:#818181} .currentpagenum {background:#D47F2A; color:white;} .currentpagenum:hover {background:#D47F2A; color:white;} /* ------------------- DDT LIST file Sepcific styleing - simple1 or gallery1 or - etc ---------------------------- In this section, put all CSS applied specific to DDT types */ .simple1 > h2 {margin-bottom:.5em;} .simple1 .SingleEntry {padding-bottom:1em; margin-bottom:2em; border-bottom:1px solid #F5F5F6} .simple1 .userDBlist ul {list-style-type:none; padding:0} .simple1 .userDBlist li {} .simple1 .FullDetailsLink {display:block;} .simple1 .FullDetailsLink h2 {margin-top:0; padding-top:0; font-size:120%; text-decoration:underline;} .simple1 .FullDetailsLink:hover h2 {text-decoration:none;} .simple1 .FullDetailsLink:hover {opacity:0.8;} .simple1 .FullDetailsLink img {width:12%; float:left} .simple1 .userDBlist h2, .simple1 .userDBItem li {padding-left:15%; font-weight:normal;} .simple1 .FullDetailsLink span.linktext {margin-left:1em; font-weight:bold; color:#ADADAE} .simple1 .txtPrice {font-weight:bold; margin-right:1em} .simple1 .prodcount {float:left; font-weight:bold;} .vidsection h2 {padding-top:0;} li.userDBItem {column-span:none; -webkit-column-span:none; -ie-column-span:none; -moz-column-span:none; } /* SHOW DDT list STUFF */ .Show_list .SingleEntry {background: rgba(200,200,200,1); margin-bottom:2em; box-shadow:0 0 1em rgba(0,0,0,.7); border-radius:1.6em; padding:0.8em;} .Show_list .userDBlist ul {list-style-type:none; padding:0} .Show_list .userDBlist li {} .Show_list .FullDetailsLink h2 {position:absolute; left:-2000px; display:none;} .Show_list .FullDetailsLink:hover {opacity:0.8;} .Show_list .FullDetailsLink img {width:100%; border-radius:1em; box-shadow:0 0 1em rgba(200,200,200,1); } .Show_list .userDBlist h2, .Show_list .userDBItem li {padding-left:20%} .Show_list .FullDetailsLink span.linktext {margin-left:1em; font-weight:bold; color:#ADADAE} .Show_list .txtPrice {font-weight:bold; margin-right:1em} .Show_list .prodcount {float:left; font-weight:bold;} .Show_list .vidsection h2 {padding-top:0;} .Show_list .SingleEntry { -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out} } .Show_list .SingleEntry:nth-child(2n) { -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); } .Show_list .SingleEntry:nth-child(3n) { -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .Show_list .SingleEntry:nth-child(4n) { -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); } .Show_list .SingleEntry:hover { background: rgba(250,250,250,1); -ms-transform: rotate(0deg) translate(0em, -.2em); -webkit-transform: rotate(0deg) translate(0em, -.2em); transform: rotate(0deg) translate(0em, -.2em); } .Show_list .SingleEntry:nth-child(4n):hover { -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } .Show_list .FullDetailsLink:hover {opacity:1;} /* PLAY DDT list STUFF */ .Play_list .SingleEntry {background: rgba(200,200,200,1); margin-bottom:0em; box-shadow:0 0 1em rgba(0,0,0,.7); border-radius:1.6em; padding:0.8em;} .Play_list .userDBlist ul {list-style-type:none; padding:0} .Play_list .userDBlist li {} .Play_list .FullDetailsLink h2 {position:absolute; left:-2000px; display:none;} .Play_list .FullDetailsLink:hover {opacity:0.8;} .Play_list .FullDetailsLink img {width:100%; border-radius:1em; box-shadow:0 0 1em rgba(200,200,200,1); } .Play_list .userDBlist h2, .Play_list .userDBItem li {padding-left:20%} .Play_list .FullDetailsLink span.linktext {margin-left:1em; font-weight:bold; color:#ADADAE} .Play_list .txtPrice {font-weight:bold; margin-right:1em} .Play_list .prodcount {float:left; font-weight:bold;} .Play_list .vidsection h2 {padding-top:0;} .Play_list .SingleEntry { -ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg); transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out} } .Play_list .SingleEntry:nth-child(2n) { -ms-transform: translateX(-0.5em); -webkit-transform: translateX(-0.5em); transform: translateX(-0.5em); } .Play_list .SingleEntry:nth-child(2n) { -ms-transform: rotate(-3deg) translateX(-0.5em); -webkit-transform: rotate(-3deg) translateX(-0.5em); transform: rotate(-3deg) translateX(-0.5em); } .Play_list .SingleEntry:hover { background: rgba(250,250,250,1); -ms-transform: rotate(0deg) translateX(1em); -webkit-transform: rotate(0deg) translateX(1em); transform: rotate(0deg) translateX(1em) ; } .Play_list .FullDetailsLink:hover {opacity:1;} /*.simple1 .Board .SingleEntry .pin { position: absolute; top:-.5em; right:45%; background-image:url(images/cork-board/pin-red.png); background-size:contain; width:47px; height:47px; }*/ .simple1 .Board .SingleEntry:nth-child(2n+1) .pin { background-image:url(images/cork-board/pin-green.html); } .simple1 .Board .SingleEntry:nth-child(3n+1) .pin { background-image:url(images/cork-board/pin-blue.html); } .simple1 .Board .SingleEntry:nth-child(4n+1) .pin { background-image:url(images/cork-board/pin-orange.html); } .simple1 .Board .SingleEntry:nth-child(3n+0) .pin { left:35%; } .simple1 .Board .SingleEntry:nth-child(4n-2) .pin { right:23%; } .Project .VisiblesummaryEntryFields .txtLocation, .Project .VisiblesummaryEntryFields .txtWhen {float:left; font-weight:bold; padding-right:1em;} .Project .VisiblesummaryEntryFields .txtLocation::after, .Project .VisiblesummaryEntryFields .txtWhen::after{ content: "."; } /* Event_list */ .Event_list .SingleEntry {padding-bottom:.1em; margin-bottom:1em;} .Event_list .FullDetailsLink h2, .Event_list .userDBItem li {padding-left:8%} .Event_list .FullDetailsLink h2 {font-weight: bold; color: #D27110;} .Event_list .FullDetailsLink h2 span {font-weight: normal;} .Event_list .FullDetailsLink img {width:5%}.Event_list .FullDetailsLink h2 .Event_list .txtDate, .Event_list .txtVenue {font-weight:bold; float:left; margin-right:2em;} /* Rob honepage styles */ #bodyRob_Gee .Service {} #bodyRob_Gee .Service:hover {opacity:0.7;} #bodyRob_Gee .Service .VisiblesummaryEntryFields {display:none;} #bodyRob_Gee .Service h2 {padding-left:1.7em; font-size:180%;} #bodyRob_Gee .Service {min-height:0; margin:0; margin-bottom:.5em; padding-bottom:.3em;} #bodyRob_Gee .Service img {height:2em; width:2em;} #bodyRob_Gee .Workshop {} #bodyRob_Gee .Workshop:hover {opacity:0.7;} #bodyRob_Gee .Workshop .VisiblesummaryEntryFields {display:none;} #bodyRob_Gee .Workshop h2 {padding-left:1.7em; font-size:180%;} #bodyRob_Gee .Workshop {min-height:0; margin:0; margin-bottom:.5em; padding-bottom:.3em;} #bodyRob_Gee .Workshop img {height:2em; width:2em;} #bodyRob_Gee .link {overflow:hidden; width:92%; float:let; position:relative; text-align:center; box-shadow:0 0 .5em #555;} #bodyRob_Gee .link:hover {} #bodyRob_Gee .link div {} #bodyRob_Gee .link img {width:100%; margin:0; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out} #bodyRob_Gee .link:hover img {width:100%; margin:0; transform: scale(1.2);} #bodyRob_Gee .link .txtLinkto {font-weight:bold; display:inline; color:#fff; position:absolute; padding:.3em 5%; width:90%; bottom:.8em; background: rgba(0,0,0,.5); left:0em; text-shadow: 0 0 3px rgba(0, 0, 0, 1); transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out} #bodyRob_Gee .link:hover .txtLinkto {font-size:100%;} /* ------------------- START DDT LIST userDBtype (strGalleryPseudonym) styleing ---------------------------- In this section, put all CSS applied to specific UserBD data */ .userDBlist h2 {padding-top:0; padding-bottom:0.2em;} .userDBlist span.linktext {display:none;} .userDBlist span {color:#484848;} .VisiblesummaryEntryFields .feint {color:#ccc;} .userDBlist .VisiblesummaryEntryFields span.iconit:hover {color:#F44;} .userDBlist .VisiblesummaryEntryFields span.feint:hover {color:#ccc;} /* .userDBlist .Poem span.iconit {color:red;} */ .Product_list h2 {font-size:1.3em;} .Image {float:left; box-shadow:0 0 .3em #777; width:90%; margin:0 5% 10% 5%; text-align:center; min-height:50%; background:#fff} .Image:hover {box-shadow:0 0 .5em #333} .Image img {width:90%; margin:5% 5% 10% 5%} .ie8 .Image a img {border:1px solid #fff} .ie8 .Image a:hover img {border:1px solid #626262} .ie8 .Gallery .Image {background:#eee;} .ie8 .Gallery .Image:hover {background:#ddd;} .Quote_list .SingleEntry {font-family:georgia, times, serif; margin:0 0 1em 0; padding:0em 0 1em 0; } .Quote h2 {display:none;} .Quote img {max-width:3em; padding: 0 .5em 0 0; margin:0} .Quote .txturl {display:inline; color:#fff; position:absolute; padding:0; bottom:.8em; background: rgba(1,89,150,.5); left:0em; text-shadow: 0 0 3px rgba(0, 0, 0, 1);} .Quote_list .Quote h2, .Quote_list .Quote li {padding-left:4em;} .Quote .txtQuote {font-size:120%; line-height:1.4;} .Quote .txtQuoter, .txtAffiliation {display:block; text-align:left; font-family: sans-serif; font-weight:bold; margin-left:12%;} /* .link {box-shadow:none; border-radius:7%; position:relative; text-align:center; line-height:1.2em; background:#f4f4f4;} .link:hover {box-shadow:-.1em .1em .5em #555;} .link div {border-radius:7%;} .link img {width:100%; margin:0} .link .txturl {display:inline; color:#fff; position:absolute; padding:0 5%; width:90%; bottom:.8em; background: rgba(1,89,150,.5); left:0em; text-shadow: 0 0 3px rgba(0, 0, 0, 1);} */ /* .glossary .Term {display:inline;} .glossary .Term a {border-radius:.3em; display:block; float:left; padding:.2em .6em; background:#F5F5F6; margin:.2em; font-weight:bold; font-family:antonioregular, helvetica, sans-serif; font-size:130%;} .glossary .Term a:link {text-decoration:none; color:#ADADAE;} .glossary .Term a:visited {color:#818181} .glossary .Term a:hover {background:#D27110; color:#F5F5F6} .glossary .Term a:active {background:#F5F5F6; color:#818181} .glossary .letterheading a {color:#FFFFFF; background:#818282} .glossary .letterheading a:hover {background:#818282} .glossary .glossep {border-bottom:1px solid #818282;} */ /* .Contact_list .userDBItem {margin-bottom:1em;} .Contact_list .txtRole {font-weight:bold;} .Contact_list .Contact {padding:1em; background:#F5F5F6} .Contact_list .FullDetailsLink img {width:40%;} .Contact_list .Contact h2, .Contact_list .Contact li {padding-left:45%} .FAQs .FullDetailsLink img {width:10%; min-width:22px;} .FAQs .Question h2, .FAQs .Question li {padding-left:12%} .Client_list .userDBItem {border-radius:.5em; width:90%; margin:0% 2% 4% 2%; padding:3% 3% 1% 3%; background:#F5F5F6; float:left} .Client_list .userDBItem:hover {background:#EAEAEA;} .Client_list .userDBItem .FullDetailsLink img {position:relative; top:0; left:0; width:100%; background:#FFFFFF} .Client_list .userDBItem h2 {padding:.5em 0 0 0; font-size:0.8em; text-decoration:none; height:2em;} .Client_list .userDBItem a:link {text-decoration:none;} */ .Event h2 {padding-left:1.5em; color:#626262;} .baskettop {margin-bottom:2em} /* ------------------- DDT SHOW ENTRY - GENERIC CSS ------------------------------------------------------------------------------------ In this section, put all CSS applied to ****ALL**** DTT SHOW ENTRY scripts */ .ddtnav div {display:inline;} .ddtnav div a.navbutton {float:left; margin:.4em .4em .0 0; white-space:nowrap; display:block;} .ddtnav div a.rightit {float:right} .ddtnavtop {display:none;} ul.categoryassociations, ul ul.associations, ul.entrydocuments {list-style-type:none; padding:0; font-weight:bold; line-height:1.2em; padding-left:0;} ul.associations li, .entrydocuments li {border-bottom:1px solid #EAEAEA; margin-bottom:.5em; padding:0 0 .5em 0;} ul.associations li img, .entrydocuments li img {float:left; max-width:20%; max-height:1.5em; margin-right:3%; } ul.associations .assocstring {font-size:80%;} .tagscloud {border-radius:.5em; background:#F5F5F6; padding:.5em 1em; margin-top:1em; font-weight:bold;} .tag {padding:0 1em 0 0;} .imp1 {font-size:160%; color:#E26A00;} .imp2 {font-size:140%; color:#FF7D09;} .imp3 {font-size:126%; color:#FF9409;} .imp4 {font-size:110%; color:#FFB109;} .imp5 {color:#FFC809;} .VisiblesummaryEntryFields .iconit {float:right; font-size:200%; dispaly:inline; z-index:300;} /* ------------------- DDT SHOW ENTRY file Sepcific styleing - simple1 or gallery1 or - etc ---------------------------- CSS applied specific to DDT types: */ .simple1 .fieldpad {padding-right:1em;} .simple1 .txtIntroduction .fieldpad {display:block; margin-top:.6em; color:#818282; font-size:120%} /* ------------------- START DDT SHOW ENTRY userDBtype (strGalleryPseudonym) styleing ---------------------------- CSS applied to specific UserBD data: */ .txtPrice {font-weight:bold; font-size:130%; margin-right:1em} .ProductField {padding-bottom:.5em;} .Client .associations li img {font-size:100%; height:2em; width:2em;} .Folder h2 {color: #818282} .Folder ul.entrydocuments {list-style-type:none; padding-left:0;} .Folder ul.entrydocuments li {font-size:150%; line-height:1.5em;} .Folder ul.entrydocuments img {width:auto; height:3em;} .Event li.txtComments {background:none; padding:.1em .5em; padding-top:1em;} .Event li.associations img {width:20em; height:auto; max-height:none; max-width:none;} .Event li.txtRobisdoing {font-weight:bold; font-size:120%;} .Event li.txtWebAddress {text-align:right; font-size:120%;} .Event li.txtWebAddress .navbutton {background-color:#D27110; weight:2em;} .Event li.txtWebAddress .navbutton:hover {background-color:#E8C592;} .Event ul.associations li img {min-width:100%; width:100%; max-height:none; height:auto;} .Event #MainEntryImage{border:0; padding:0; width:15%; margin:.7em auto; float:right; display:none; visibility:hidden;} .EventField {margin:0 0 .3em 0; background:#F5F5F6; padding:.1em .5em;} .EventField:nth-child(2n) {background:#EAEAEA} .EventField strong {color:#818282} .EventField .fielddata {float:right} .txtComments .fielddata {float:none; display:block} ul.detailfields {list-style-type:none; padding-left:0} #entryimages{width:100%;margin-bottom:1.5em;text-align:left} #MainEntryImage{border:0 solid #626262;padding:0;width:98%;margin:.7em auto;float:none} #entrythumbs ul{list-style-type:none;display:inline; margin-right:-4em;} #entrythumbs ul.hidden{position:absolute;left:-9999px;display:none} #entrythumbs li{display:inline;margin-right:.8em;margin-bottom:.8em;float:left} #entrythumbs a:hover{cursor:pointer} #entrythumbs li img{height:5em;width:auto;border:1px solid #ADADAE;padding:.2em} #entrythumbs li img:hover{border:1px solid #818282} div.thumbcaption{position:absolute;left:-9999px} #Entryfulldata {} #Formfulldata {position:relative; left:0px} #Formfulldata h4 {margin-top:3px; padding-top:3px} .VisiblesummaryEntryFields {margin:0;} .VisiblesummaryEntryFields .fieldname {vertical-align:top; text-align:right; text-decoration:none; font-weight:bold; color:#484848; } #Entrydetailsheader td {font-size:13pt} /* SHOW DDT details STUFF */ .showPrimary {} .txttagline {font-weight:bold; font-family:georgia, serif; font-size:180%; line-height:1.1; margin-bottom:1em; text-align:center;} .fixedshowentryimg {width:100%; margin-bottom:.8em; border-bottom:1px solid #ADADAE;} .txtCrestsandAwards {margin-bottom:1em; font-family:; text-align:center;} .videoWrapper { position: relative; padding-bottom: 52%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:1em; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .Show .txtSummary {font-weight:normal; font-size:120%; padding:1em; background-color:#888; color:#fff; border-radius:.5em; margin-bottom:1em;} .Show .txtSummary p:last-child {margin-bottom:0;} .bannershow {box-shadow: 0 0 1em #000; width:100%;} /* PLAY DDT details STUFF */ .Play .txtSummary {font-weight:normal; font-size:120%; padding:1em; background-color:#888; color:#fff; border-radius:.5em; margin-bottom:1em;} .Play .txtSummary p:last-child {margin-bottom:0;} /*-------comment styling----------*/ #divComments {} #divComments ul {list-style-type:none; padding-left:10px} #divComments ul li {padding:8px; margin:10px 0} #divComments .clsResponseLI {background:#F5F5F6; margin-left:10%} #divComments .clsCommentLI {background:#eee} #divComments .commenter {font-size:12pt; font-weight:bold} #divComments .commentdate {font-size:8pt} #divComments .comments {margin-top:.5em; padding-top:0.5em; background:#fff; padding:.5em; } #divComments .divider {border-top:1px solid #818181; margin-bottom:1em} #commentForm table {border:0} #commentForm td.commentfieldname {vertical-align:top; text-align:right} #commentForm td.commentfield {vertical-align:top; text-align:left} #content #divCommentSubmitted {font-weight:bold; font-size:12pt; color:#ff4444} /*-------simple quiz styling----------*/ .Show-It-Hide-It {padding:0.2em 0.5em; background-color:#faa; color:#faa;} .Show-It-Show-It {padding:0.2em 0.5em; background-color:#3b3; color:#fff;} .Show-It-Hide-It:hover, .Show-It-Show-It:hover {cursor:pointer;} /* --------------------- START EKIT ONLY extended content CSS ---------------------------------------------------------------------------------- */ .eKitgrid1, .eKitgrid2, .eKitgrid3, .eKitgrid4, .eKitgrid5, .eKitgrid6, .eKitgrid8, .eKitgrid10, .eKitgrid12 {width:100%; padding:0; margin:0; border-radius:1em; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} a.homegrid:link, a.homegrid:visited {text-decoration:none;} .nosubmenu .eKitgrid4 {margin-bottom:1em; position:relative} .nosubmenu .eKitgrid4 a, .nosubmenu .eKitgrid4 p {color:#fff;} .nosubmenu .eKitgrid4 h2 {color:#fff; font-size:130%; padding-top:.1em; padding-bottom:1em; text-decoration:none; text-align:center;} .nosubmenu .eKitgrid4:hover {opacity:0.9;} .nosubmenu .eKitgrid4 li {margin-bottom:.5em; list-style-type:disc; margin-left:1.2em; line-height:1.2em;} .nosubmenu .eKitgrid4 img.footimg {position:absolute; min-width:20%} .homemainimg {width:90%; height:auto; margin:0 5% 1em 5%; display:none; background-repeat:no-repeat; float:right;} .homemainimg, .nosubmenu .eKitgrid4 img {background-size:contain;} .headimage1, .headimage2, .headimage3, .headimage4 {display:none; width:100%; background-repeat:no-repeat;} .headimage1, .headimage4 {padding-bottom:1em;} .footimage1, .footimage2, .footimage3, .footimage4 {display:none; background-repeat:no-repeat;} body.prifulpagewidth .primary, body.prifulpagewidth .secondary {width:100%} body.prifulpagewidth .primary .generalhtmlsection, body.prifulpagewidth .secondary .generalhtmlsection {margin-left:0; margin-right:0} .ie7 img {-ms-interpolation-mode:bicubic} .ie7 .logo div {top:-65px} .ie7 .navbutton img {display:none;} .ie7 #mainnav {clear:both;} .ie7 .Gallery .Image {background:#eee;} .ie7 .Gallery .Image:hover {background:#ddd;} .ie7 .Image a img {border:1px solid #fff} .ie7 .Image a:hover img {border:1px solid #626262} .ie7 .eKitgrid1, .ie7 .eKitgrid2, .ie7 .eKitgrid3, .ie7 .eKitgrid4, .ie7 .eKitgrid5, .ie7 .eKitgrid6, .ie7 .eKitgrid8, .ie7 .eKitgrid10, .ie7 .eKitgrid12 {width:91%; padding:3%; margin-left:1%; margin-right:1%} .ie7 .fullwidth .eKitgrid4 {padding-bottom:80px} .ie7 body.prifulpagewidth .primary, body.prifulpagewidth .secondary {width:100%} .ie7 nav.main-navigation a {margin:.1em} .ie7 .footerinfo, .ie7 .validation, .ie7 .licensing {width:44%} .ie7 .FlashMediaArea {overflow:hidden;} /* ------ START media queries START ------------ MUST BE AT END DUE TO equal specificity */ .bannerstrapline { position:absolute; font-family: Georgia; font-size: 70%; line-height:1.1; color:white; background:none;} .bannerstrapline {text-align:left; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);} .bannerstrapline {font-size: 65%; padding:0; margin:.5em 35% 0 5%;} @media screen and (min-width:200px) { .primary figure {float:right; margin-left:2%; width:48%} .slidehed {font-size:1.4em} .Image {width:41.5%; margin:0 4% 8% 4%} .Set-Third-Width, .Set-Third-Width-left {width:45%;} .Set-Third-Width {margin-left: 1em;} .Set-Third-Width-Left {margin-right: 1em;} #MainEntryImage {max-width:360px} } @media screen and (min-width:310px) { .eKitgrid6, .eKitgrid12 {width:31.333333%} .slidehed {font-size:1.6em} .Set-Third-Width, .Set-Third-Width-Left {width:33%;} .Set-Half-Width {width:45%; margin-left:1em;} .Set-Half-Width-Left {width:45%; margin-right:1em;} .Client_list .userDBItem {width:40%} } @media screen and (min-width:400px) { .bannerstrapline {font-size: 70%; margin:.5em 40% 0 5%;} } @media screen and (min-width:480px) { .bannerstrapline {font-size: 80%; margin:.7em 40% 0 5%;} #mainnav {display:block;} #mainnavcon {display:none;} .bannerstrapline {font-size: 100%; text-align:center;} .main-navigation {margin-bottom:.7em;} .main-navigation ul {display:table; margin:0 auto;} .pagewidth {width:94%} .homehtmlsection {margin:3em 0 1em 3%} h1, h2, h3, h4, h5, h6 {font-family:antonioregular, helvetica, sans-serif} h1 {font-family:antonioregular, helvetica, sans-serif; text-align:left;} h2 {font-family:antonioregular, helvetica, sans-serif;} #subnav, .ddtnavtop {display:block;} #subnavmob, #subnavmobcon {display:none; visibility:hidden;} .secondary, .tertiary {float:left} .primary {width:70%; float:left} .primary .generalhtmlsection {margin-right:1.5em} .nosubmenu .primary {width:60%} .secondary, .tertiary {float:left} .nosubmenu .secondary {float:right; width:40%} .nosubmenu .secondary .generalhtmlsection {margin-left:1.5em} #bodyShows .primary, #bodyShows .secondary { width:100%; margin-left:0; margin-right:0; } #bodyShows .primary .generalhtmlsection, #bodyShows .secondary .generalhtmlsection { margin-left:0; margin-right:0; } #bodyShows .Show_list .SingleEntry { width:41%; float:left; margin:0 0% 4% 4% ;} .subnavigation {float:right; width:30%; font-size:90%%} .subnavigation ul, .subnavextra {margin-left:1.5em} .subnavigation li a, .main-navigation li a, .navbutton, .navbutton:link, .navbutton:visited, .DDTbasketlinkspace a.inbasket:hover, .eKitform input, .eKitform select, #txtSectionNameH {padding:.4em .6em;} .homemainimg {width:240px; margin-left:3%;} .eKitgrid2, .eKitgrid4, .eKitgrid5, .eKitgrid8, .eKitgrid10 {width:48%; padding:2%} .eKitgrid5, .eKitgrid10 {width:18%; padding:2%} .Contact_list .userDBItem {border-radius:.5em;} .footerinfo, .validation, .licensing {width:46%} .ie7 .eKitgrid2, .ie7 .eKitgrid4, .ie7 .eKitgrid4, .ie7 .eKitgrid5 {width:43.8%; padding:2%} .ie7 .eKitgrid6, .ie7 .eKitgrid8, .ie7 .eKitgrid10, .ie7 .eKitgrid12 {width:14%; padding:2%} .ie .tertiarycols .tertiary .generalhtmlsection {margin-right:1.5em} } @media screen and (min-width:720px){ .bannerstrapline {font-size: 130%; margin-right:50%;} #bodyRob_Gee .nomad {margin-top: -3.2em;} #bodyRob_Gee .link {width:32%; margin:0; margin-right:2%; font-size:80%;} #bodyRob_Gee .link:last-child {margin-right:0;} .socialite {float:right;} .centeritok {display:inline; margin:none;} .headcontact .notshown {display:inline;} .logo img {width:50%; margin: 2em 15% 2em 30%;} .nosubmenu .primary {width:50%} .secondary .generalhtmlsection {margin-right:1.5em;} .nosubmenu .secondary {float:right; width:50%} .nosubmenu .secondary .generalhtmlsection {margin-left:1.5em;} header.pageheader {box-shadow:0 0 2em rgba(0, 0, 0, 1);} .main-navigation {font-size:120%; padding-bottom:0em;} .main-navigation ul {list-style:none;padding-bottom:0em;} .main-navigation li {display:inline;} .main-navigation li a {border:none;color:#444; background:none; border-radius:none;} .subnavigation li a, .navbutton, .navbutton:link, .navbutton:visited, .DDTbasketlinkspace a.inbasket:hover, .eKitform input, #txtSectionNameH {padding:.1em .5em} .eKitform select {padding:.1em .1em .1em .5em} header div.pagewidth {min-height:70px} .ie7 .logo div {top:-60px} nav.main-navigation {} .footerinfo, .validation, .licensing {width:21%; border:0} .pagewidth {width:90%} #MainEntryImage {max-width:50%} .tertiary .eKitform {max-width:80%} .eKitform input, .eKitform select {width:50%; position:absolute; left:45%} .ie7 .footerinfo, .ie7 .validation, .ie7 .licensing {width:20.9%} } @media screen and (min-width:960px) { .bannerstrapline {font-size: 150%;} body {font-size:96%;} .logo img {width:40%; margin: 2em 20% 2em 30%;} .pagewidth {max-width:1080px} .primary {width:50%} #bodyRob_Gee .primary, #bodyRob_Gee .secondary{width:40%;} .prifulcontentwidth .primary, .prifulcontentwidth .secondary {width:80%} .prifulcontentwidth .primary .generalhtmlsection, .prifulcontentwidth .secondary .generalhtmlsection {margin-right:1.5em; margin-left:0} .subnavigation {width:20%; float:right} .subnavigation ul {margin-right:0; margin-left:1.5em} .secondary {width:30%;} .secondary .generalhtmlsection {margin-right:1.5em; margin-left:1.5em} .secondary .simple1 .SingleEntry {padding-bottom: 0; margin-bottom: 1em;} .secondary .Set-Half-Width{width:100%} .secondary .Set-Half-Width-Left{width:100%} #MainEntryImage {max-width:100%;} .eKitgrid4, .eKitgrid8, .eKitgrid12 {width:23%} .Client_list .userDBItem {width:26%; margin:0 1.5% 3% 1.5%; padding:2% 2% 1% 2%;} .Contact_list .userDBItem {width:42%; margin:0% 4% 4% 0; padding:2%; float:left;} .ie .nosubmenu .tertiarycols .tertiary {width:60%;} .ie7 .Contact_list .userDBItem {width:41.5%;} .ie7 nav.main-navigation a {padding:.1em 1em} .ie7 .eKitgrid4, .ie7 .eKitgrid8, .ie7 .eKitgrid12 {width:18.5%} .Image {width:21%; margin:0 2% 4% 2%} .prifulpagewidth .primary .eKitgrid3 {margin:0; padding:0;} .prifulpagewidth .primary .eKitgrid3 .generalhtmlsection, .prifulpagewidth .secondary .eKitgrid3 .generalhtmlsection {float:left; margin-left:1%; margin-right:1%; width:31%} } @media screen and (min-width:1200px) { body {font-size:100%} .bannerstrapline {font-size: 200%;} .homehtmlsection {margin:3em 8% 1em 8%} .pagewidth {width:86%; max-width:1400px} .eKitgrid8 {width:10.5%} .eKitgrid10 {width:8%} .tertiary .eKitform {max-width:50%} .Image {width:21%; margin:0 2% 4% 2%} } @media screen and (min-width:1800px) { body {font-size:120%} .pagewidth {width:74%; max-width:1700px} } @media screen and (min-width:2400px) { body {font-size:200%} .pagewidth {width:80%; max-width:2000px} } @media screen and (min-width:3600px) { body {font-size:300%} .pagewidth {max-width:3000px} } @media screen and (min-width:4800px) { body {font-size:400%} } @media print { body {margin:0.5cm; } * {background:transparent !important;color:#444 !important; text-shadow:none} a, a:visited {color:#444 !important; text-decoration:underline} a:after {content:" (" attr(href) ")"} abbr:after {content:" (" attr(title) ")"} .ir a:after {content:""} pre, blockquote {border:1px solid #999; page-break-inside:avoid} img {page-break-inside:avoid} p, h2, h3 { orphans:3; widows:3; } h2, h3{ page-break-after:avoid; } nav.main-navigation, nav.subnavigation, .pageheader form, footer.pagefooter {display:none!important} img {float:right; padding:0 0 1em 2em} .logo img {position:relative; left:0px; float:none; padding:0} } @font-face { font-family: 'ekitcore'; src: url('fonts/ekitcoreb691.eot?64108108'); src: url('fonts/ekitcoreb691.eot?64108108#iefix') format('embedded-opentype'), url('fonts/ekitcoreb691.woff?64108108') format('woff'), url('fonts/ekitcoreb691.ttf?64108108') format('truetype'), url('fonts/ekitcoreb691.svg?64108108#ekitcore') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'antonioregular'; src: url('fonts/antonio-regular-webfont.eot'); src: url('fonts/antonio-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/antonio-regular-webfont.woff2') format('woff2'), url('fonts/antonio-regular-webfont.woff') format('woff'), url('fonts/antonio-regular-webfont.ttf') format('truetype'), url('fonts/antonio-regular-webfont.svg#antonioregular') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "ekitcore"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-down-big:before { content: '\2c'; } /* ',' */ .icon-up-big:before { content: '\2e'; } /* '.' */ .icon-play:before { content: '\31'; } /* '1' */ .icon-pause:before { content: '\32'; } /* '2' */ .icon-stop:before { content: '\33'; } /* '3' */ .icon-to-start-alt:before { content: '\34'; } /* '4' */ .icon-fast-bw:before { content: '\35'; } /* '5' */ .icon-fast-fw:before { content: '\36'; } /* '6' */ .icon-to-end-alt:before { content: '\37'; } /* '7' */ .icon-eject:before { content: '\38'; } /* '8' */ .icon-left-big:before { content: '\3c'; } /* '<' */ .icon-right-big:before { content: '\3e'; } /* '>' */ .icon-check:before { content: '\42'; } /* 'B' */ .icon-download:before { content: '\4b'; } /* 'K' */ .icon-linkedin:before { content: '\4c'; } /* 'L' */ .icon-menu:before { content: '\4d'; } /* 'M' */ .icon-volume-up:before { content: '\4e'; } /* 'N' */ .icon-phone-squared:before { content: '\50'; } /* 'P' */ .icon-quote-left:before { content: '\51'; } /* 'Q' */ .icon-arrows-cw:before { content: '\52'; } /* 'R' */ .icon-tags:before { content: '\54'; } /* 'T' */ .icon-reply:before { content: '\55'; } /* 'U' */ .icon-cancel:before { content: '\58'; } /* 'X' */ .icon-check-empty:before { content: '\62'; } /* 'b' */ .icon-soundcloud:before { content: '\63'; } /* 'c' */ .icon-mail-alt:before { content: '\65'; } /* 'e' */ .icon-facebook-squared:before { content: '\66'; } /* 'f' */ .icon-home:before { content: '\68'; } /* 'h' */ .icon-upload:before { content: '\6b'; } /* 'k' */ .icon-linkedin-squared:before { content: '\6c'; } /* 'l' */ .icon-paper-plane-empty:before { content: '\6d'; } /* 'm' */ .icon-minus-squared:before { content: '\6e'; } /* 'n' */ .icon-plus-squared:before { content: '\70'; } /* 'p' */ .icon-quote-right:before { content: '\71'; } /* 'q' */ .icon-rss-squared:before { content: '\72'; } /* 'r' */ .icon-twitter:before { content: '\74'; } /* 't' */ .icon-vimeo-squared:before { content: '\76'; } /* 'v' */ .icon-whatsapp:before { content: '\77'; } /* 'w' */ .icon-cancel-circled:before { content: '\78'; } /* 'x' */ .icon-youtube-play:before { content: '\79'; } /* 'y' */ .icon-play-circled:before { content: '\7a'; } /* 'z' */ .icon-close-quotes:before { content: '\22'; } /* '"' */ .icon-open-quotes:before { content: '\27'; } /* ''' */