/* screen.css Version 1.3.3 */ /* COLOUR LEGEND */ /* /* dark grey: #393737 (headings) /* mid grey: #666 (body copy) /* slightly lighter grey: #545353 (labels) /* lighter grey: #333 (legend) /* red: #F00 (invalid label, anchor hover) /* green: #00AF6A (valid label) /* blue: blue (help button) /* blue: #00f (help anchor) /* black: #000 /* white: #FFF /* ********************************/ /* CONTENTS 1.0 RESETS 2.0 HTML ELEMENTS - GENERIC STYLES 3.0 LAYOUT (GRID) 4.0 NAVIGATION 5.0 PAGE ELEMENTS / WIDGETS 6.0 CLEARING AND GENERIC STYLES 7.0 GRID */ /* ================================================================== 1.0 RESETS ================================================================== */ *{margin:0;padding:0;} img{border:0;-ms-interpolation-mode:bicubic;} a, a span, button, button span {cursor:pointer;outline:none;} /* ================================================================== 2.0 HTML ELEMENTS ================================================================== */ /* ================================= 2.1 FONT SIZING ================================= */ body {font-size:62.5%;color : #666666;font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 10px;} body #c-content{font-size:100%;} /* p, blockquote{font-size:1.1em} */ code,kbd,pre{font-size:1.1em;} #c-content blockquote {border:0 none;padding:0} #c-content h1{font-size:3em;margin-bottom:10px;} .c-title{font-size:3em;margin:0;color:#cc0000;padding-bottom:8px;line-height:1} #c-content h2{font-size:2.2em;margin-bottom:15px;} #c-content h3{font-size:1.6em;margin-bottom:15px;} .c-box-overlay h3{font-size:1.2em;margin-bottom:15px;} #c-content h4{font-size:1.35em;} #c-content h5,#c-content h6{font-size:1.2em;} #c-content .c-tab-content h1{font-size:2.2em;} #c-content .c-tab-content h2{font-size:1.8em;} #c-content .c-tab-content h3{font-size:1.2em;} #c-content .c-tab-content h4{font-size:} #c-content .c-tab-content h5{font-size:} #c-content .c-tab-content h6{font-size:} #c-content .c-box-header h2{font-size:1.4em;margin-bottom:5px;} #c-content .c-tab-content .c-accessory-category h3{font-size:1.6em;} .c-subtitle{font-size:1.6em;color:#666;line-height:1;} #c-content li{font-size:1.1em;} #c-content li li{font-size:1em;} #c-content th{font-size:1em;color:#666;} #c-content td{font-size:1em;color:#666;line-height:1.3;} #c-content fieldset h3{font-size:1em;} #c-content label{font-size:1.1em;font-weight:normal;} #c-content textarea{font-size:100%;} #c-content .warn{font-size:1.14em;} #c-content .helpbutton{font-size:0.91em;} #c-content .help h3, .help p{font-size:0.91em;} #c-content .help a{font-size:0.91em;} #c-content .breadcrumb ol li{font-size:1.14em;} #c-content .navigation ul li a{font-size:1.4em;} /* HERO */ #c-content .c-intro h1 {color:#c00000;font-size:2.4em;line-height:1} .c-hero .c-intro p, #c-content .c-sec-intro p {color:#666;font-size:1.4em} #c-content .c-hero .c-slideshow h2 {font-size:2.2em;margin-bottom:10px} .c-hero .c-slideshow p {color:#333;font-size:1.2em} /* ================================= 2.2 FORMAT ================================= */ body{color:#666 background-color:#F9F9F9;text-align:center;} abbr, acronym, dfn{cursor:help;border:0;} a abbr, a acronym, a dfn{cursor:pointer;} sup {font-size:0.8em;vertical-align:super;line-height:0;} sub {font-size:0.8em;vertical-align:sub;line-height:0;} pre ,address{} p, blockquote{padding:0 0 1em 0;line-height:1.5em;} blockquote{margin:1em 0; padding:1em 0 1em 35px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; background:url(/assets/images/quote-open.gif) 0 1em no-repeat;} blockquote p{padding:0 25px 0 0; background:url(/assets/images/quote-close.gif) right bottom no-repeat;} .c-no-pad{padding:0;} /* FORMAT > fonts */ #c-content body,input,textarea,select{font-family:Verdana;} #c-content h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;} /* #c-content .c-tab-content h3{font-family:Verdana;} */ em,i{font-style:italic;} strong,b{font-weight:bold;} dfn{font-style:normal;} cite{font-style:italic;} code,kbd,pre{font-family:"Courier New",Courier,mono;} #c-content{text-align:left;} iframe{border:none;overflow:hidden;display:block;} /* ================================= 2.3 ANCHORS ================================= */ #c-content a{text-decoration:none;color:#c50000;} #c-content a:hover, #c-content a:active, #c-content a:focus{text-decoration:underline;} #c-content .c-tabs li a, #c-content .c-arrow-list a, #c-content .c-multimedia-links .c-btn, #c-content .c-btn, #c-content h4 a, #c-content .c-product-list a, #c-content .c-download-options a, #c-content .c-content-focuslist a, #c-content .c-expander a, #c-content .c-product-wrapper a, #c-content h3 a, #c-content h2 a, #c-content h5 a, #c-content .c-hero-landing a, #c-content .c-links-carousel a{text-decoration:none; color:#333;} #c-content .c-btn-large{color:#fff;} a:link{ } a:visited{ } #c-content a:hover, #c-content a:focus, #c-content a:active{color:#c00;} p a{color:#cc0000;} #c-content h2 a, #c-content h2.c-denda a, #c-content h2 a.c-denda, #c-content h2 a:hover, #c-content h2.c-denda a:hover, #c-content h2 a.c-denda:hover {font-family: Arial,Helvetica,sans-serif; text-decoration: none;} a.c-red-arrow, a.c-red-arrow span {display:inline-block} a.c-red-arrow span {background:url(/assets/images/arrow-red-right.png) 100% 50% no-repeat;padding-right:11px} #c-content .c-btn-dark{color:#fff;} /* ================================= 2.4 HEADERS ================================= */ h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#393737;} /* ================================= 2.5 LISTS ================================= */ ul,ol,dl{margin:0;padding:0 0 1em 0;} ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;} ul{list-style-type:disc;} ol{list-style-type:decimal;} li{margin:0 0 0 2em;padding:0;} ul.links{list-style-type:none;} ul.links li{margin:0;padding:0;} ul.horizontal li{float:left;width:auto;margin:0 0 0 1em;} dt{display:block;float:left;} dd{margin-left:10em;} /* ================================= 2.6 TABLES ================================= */ caption{display:block;padding:0;margin:0;} /* table{border:0;margin:0 0 0 0;background-color:#f5f5f5;} th{border:0; border-right: 2px solid #fff;padding:8px 15px;font-weight:bold;vertical-align:top;text-align:left;} th.row-header{background-color:transparent;color:#000;} td{border:0;padding:8px 15px;} tr.c-alt{background-color:#fff;} #c-content tbody{line-height:1;} .c-table1 th{width:208px;} .c-table1 td{width:490px;} .c-table2{margin-top:15px;} .c-table2 th{background-color:#eee;} .c-table2 td{border-top:1px solid #fff;border-right:2px solid #fff;} .c-table2 .c-col1{width:359px;} .c-table2 .c-col2{width:118px;} .c-table2 .c-col3{width:190px;} .c-table2 th:last-child, .c-table2 td:last-child{border-right:0;} table ul{list-style-type:none;margin:0;padding:0;} table ol{list-style-position:inside;margin:0;padding:0;} #c-content table li{padding:0;margin:0;font-size:1em;} #c-content table p{padding:0;line-height:1;font-size:1em;} table a{text-decoration:underline;} */ #c-content table{border:0;margin:0 0 0 0;background-color:#f5f5f5;} #c-content th{border:0; border-right: 2px solid #fff;padding:8px 15px;font-weight:bold;vertical-align:top;text-align:left;} #c-content th.row-header{background-color:transparent;color:#000;} #c-content td{border:0;padding:8px 15px;} #c-content tr.c-alt{background-color:#fff;} #c-content tbody{line-height:1;} #c-content .c-table1 th{width:208px;} #c-content .c-table1 td{width:490px;} #c-content #c-content .c-table2{margin-top:15px;} #c-content .c-table2 th{background-color:#eee;} #c-content .c-table2 td{border-top:1px solid #fff;border-right:2px solid #fff;} #c-content .c-table2 .c-col1{width:359px;} #c-content .c-table2 .c-col2{width:118px;} #c-content .c-table2 .c-col3{width:190px;} #c-content .c-table2 th:last-child, #c-content .c-table2 td:last-child{border-right:0;} #c-content table ul{list-style-type:none;margin:0;padding:0;} #c-content table ol{list-style-position:inside;margin:0;padding:0;} #c-content table li{padding:0;margin:0;font-size:1em;} #c-content table p{padding:0;line-height:1;font-size:1em;} #c-content table a{text-decoration:underline;} /* ================================= 2.6 FORMS =============================== */ form{margin:0;padding:0;} fieldset{border:none;margin:0;padding:0;} fieldset fieldset{padding:0;margin:0;border:0;} fieldset h2{margin:0 0 10px 0;} fieldset h3{font-family:Arial,Helvetica,sans-serif;color:#545353;margin:0 0 3px 0;} legend{margin:0;padding:0;color:#333;display:none;} /* label styles */ .label{padding:0 0 10px 0;margin:0;text-align:left;} label{color:#666;display:block;padding:0 0 3px 0;} fieldset fieldset label{float:left;width:50%;padding:2px 0 0 0;margin:0 10px 0 0;padding:0;font-weight:normal;} .invalid label{color:#f00;} .valid label{color:#00AF6A;} /* input styles */ textarea{width:95%;padding:0.2em;} input.submit{border:2px solid #999;background:#fff;width:auto;} input.c-text{width:95%;padding:2px;border:1px solid #b2b2b2;margin-bottom:10px;} input.short{width:50%;} input.radio{display:block;float:left;margin:0 5px 5px 0;padding:0;} select{width:100%;margin-bottom:10px;} .input{padding:0 20px 0 0;margin:0;} .invalid .input{background:url(/assets/images/invalid.gif) top right no-repeat;} .valid .input{background:url(/assets/images/valid.gif) top right no-repeat;padding:0 20px 0 0;} select{padding:2px;} .c-btn-right button, .c-btn-right a{float:right;} .c-btn-list{list-style-type:none;margin:0;padding:0;} .c-btn-list-right{float:right;} .c-btn-list li{float:left;margin-left:10px;font-size:1.1em;} .c-btn-list li.c-first{margin:0;} .c-btn-list li.c-last{float:right;margin:0;} .c-btn-list .c-btn{font-size:1em;} .c-box-overlay h2{border-bottom:1px solid red;} /* INDUSTRY SECTORS */ h2.c-sectors{background:url(/assets/images/sectors.png) no-repeat left 0.3em;padding:0 0 3px 30px;} .js h2.c-sectors{background-position:left 0.1em;} .c-industry-sector select{width:210px;float:left;margin-right:10px;} .c-industry-sector button{float:left;} /* form positioning */ .c-download .c-field{float:left;width:240px;margin-right:10px;} .c-download .c-btn{margin-top:1.8em;} .c-field-group .c-field{width:auto;float:left;margin-left:5px;} .c-field-group .c-first{margin-left:0;} #c-content .c-field-group h3{margin-bottom:5px;} .c-checkbox-field input{float:left;margin-top:3px;} .c-checkbox-field label{margin-left:20px;} .element{float:left;width:55%;} .subnav .element{float:none;width:100%;} .element .col .pb5{padding:0 0 5px 0;}/* uses the base col layout below */ .button-left{float:left;width:auto;} .button-right{float:right;width:auto;} .warnEmpty{display:none;} .warn{clear:both;display:block;color:#f00;} .highlight{color:#F00;} /* FORM POPUP HELP*/ .helpbutton{float:left;width:auto;padding:1px 4px;text-transform:uppercase;text-decoration:none;margin:1.6em 0 0 20px;border:1px solid blue;background:#FFF;color:blue;} .helpbutton:hover, .helpbutton:focus, .helpbutton:active{color:blue;background:#ccf;} .help{position:absolute;top:1.4em;right:0;width:30%;background:#ddd;border:1px solid #000;padding:0 0 5px 0;z-index: 10;} .field-alt .help{position:absolute;right:0;;width:210px;background:#785D30;padding:0 0 5px 0;margin-top: 18px;} .help h3, .help p{margin:5px 0 0 10px;padding:0; width: auto;} .help h3{font-weight:bold;} .help ul, .help li{list-style-type:none;margin:0;padding:0;background:none;} .help a{display:block;margin:5px 10px 0 10px;padding:1px 10px 5px 0;text-transform:uppercase;text-decoration:none;border:0px;background:#DDD;color: #00f;} .help a:hover, .help a:focus, .help a:active{background:#DDD;color: #00f;} /* NON_JS HELP*/ #help{margin:12px;border-top:1px solid #CCBEA3;} #help div{margin:0 0 15px 0;} #help h2{margin:10px 0 10px 0;} #help h3 span, .help h3 span, .error h3 span{background:url(/assets/images/help-title-bg.gif) center right no-repeat;display:block;float:left;width:auto;padding:0 7px 0 0;margin:0 5px 0 0;} #help ul, #help li{list-style-type:none;margin:0;padding:0;background:transparent;} #help a.jumper{display:block;float:left;width:auto;margin:0 0 10px 0;} #help p{margin:0 0 5px 0;} /* ================================================================== 3.0 LAYOUT (GRID) ================================================================== */ /* ================================= 3.3 COLUMN OPTIONS ========================= */ .col-one, .col-two {width:48%;} .col-one {float:left;} .col-two {float:right;} .c-cols2 .c-col{float:left;width:370px;/*background-color:#CFCFCF;*/} .c-cols2 .c-col2{float:right;} .c-g9 .c-cols2 .c-col{width:250px;} .c-cols2-alt{background:url(/assets/images/cols2-alt.png) repeat-y center top;} .cols3 .col{float:left;width:30%;margin:0 1% 0 0;} /* ================================================================== 4.0 NAVIGATION ================================================================== */ /* ================================= 4.1 SHORTCUTS ========================= */ .shortcuts{position:relative;height:0;} .shortcuts ul, .shortcuts ul li{list-style-type:none;height:0;padding:0;margin:0;} .shortcuts ul{position:absolute;width:100%;} .shortcuts li a{display:block;position:absolute;left:-500px;top:-500px;} .shortcuts li a:focus, .shortcuts li a:active{position:absolute;left:0;top:0;width:100%;text-align:center;color:#000;padding:3px 0;background:#CCC;} .toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;} /* ================================= 4.6 BREADCRUMB ========================= */ .breadcrumb{margin:0 0 10px 0;} .breadcrumb ol{list-style-type:none;margin:0;padding:0;} .breadcrumb ol li{display:inline;margin:0;padding:0;} .breadcrumb ol li a{display:block;float:left;width:auto;padding:0 20px 0 0;background:url(/assets/images/breadcrumb-arrow.gif) right 4px no-repeat;} /* ================================================================== 5.0 PAGE ELEMENTS ================================================================== */ /* ================================= 5.1 PAGINATION ========================= */ .pagination{margin:10px 0 10px 0;} .pagination .padding{padding:0 25%;margin:0;} .pagination ul{list-style-type:none;text-align:center;padding:0;margin:0;} .pagination ul li{display:inline;padding:0;margin:0;} .pagination ul li a{padding:0;margin:0;} .pagination ul.previous{display:inline;float:left;width:25%;margin:0;} .pagination ul.previous a{display:block;float:left;width:auto;padding:0 0 0 10px;margin:0 10px 0 0;background:url(/assets/images/arrow-left-link.gif) center left no-repeat;} .pagination ul.next{display:inline;float:right;width:25%;margin:0;} .pagination ul.next a{display:block;float:right;width:auto;padding:0 10px 0 0;margin:0 0 0 10px;background:url(/assets/images/arrow-right-link.gif) center right no-repeat;} /* ================================= 5.2 TABS ========================= */ /*.tabs{padding:0 0 0 0;margin:10px 0 10px 0;background:url(/assets/images/bg-page-nav-div.gif) bottom left repeat-x; } .tabs ul{ list-style-type:none;margin:0;padding:0;} .tabs li{margin:0;padding:0;display:inline;} .tabs a{display:block;float:left;color:#000;background-color:#ccc;text-decoration:none;font-weight:bold;padding:1px 8px 1px 8px;margin:0 5px 0 0;border:1px solid #333;} .tabs a:hover, .tabs a:focus, .tabs a:active{background-color:#ddd;} .tabs a.selected{background-color:#fff;border-bottom:1px solid #fff;}*/ .c-tabs{border-bottom:2px solid #cc0000;} .c-tabs ul{list-style-type:none;background:#eee url(/assets/images/tabs.png) repeat-x left top;padding:3px 0 0 0;} .c-tabs li{float:left;margin:0;padding:0;padding:0 0 0 0;} .c-tabs li a, .c-tabs li strong{font-weight:bold;min-height:2.37em;text-align:center;} .c-tabs .c-active{background:url(/assets/images/tabs-active.png) repeat-x left top;} .c-tabs .c-first{background:url(/assets/images/tabs-sprite.png) no-repeat left top;padding-top:3px;margin:-3px 0 0 -4px;padding-left:8px;} .c-tabs .c-last{padding:3px 8px 0 0;background:url(/assets/images/tabs-sprite.png) no-repeat right -250px;margin:-3px -4px 0 0;} .c-tabs .c-last-active{background-position:right -750px;padding:3px 8px 0 0;} .c-tabs li a, .c-tabs li strong{padding:10px 20px;display:block;background:url(/assets/images/tabs-sep.gif) no-repeat left bottom;} .c-tabs .c-first a, .c-tabs .c-first strong{background:none;padding-left:16px;} /* .c-tabs .c-active strong{background:none;color:#fff;} Changed with below - AG */ #c-content .c-tabs .c-active a {background:none;color:#fff;} .c-tabs .c-first-active{background-position:left -500px;padding-top:3px;} /* .c-tabs .c-first-active strong{background:#cd0505 url(/assets/images/tabs-active.gif) repeat-x left top;color:#fff;padding-left:16px;} Changed with below - AG */ #c-content .c-tabs .c-first-active a {background:#cd0505 url(/assets/images/tabs-active.gif) repeat-x left top;color:#fff;padding-left:16px;} /* Added the below to allow removal of the strong tag usage for the selected tab */ #c-content .c-tabs .c-first-active a:hover, #c-content .c-tabs .c-active a:hover, #c-content .c-tabs .c-first-active a:focus, #c-content .c-tabs .c-active a:focus, #c-content .c-tabs .c-first-active a:active, #c-content .c-tabs .c-active a:active{color:#fff;} .c-tabs-6 li a, .c-tabs-6 li strong{width:86px;} .c-tabs-6 .c-last a, .c-tabs-6 .c-last strong{} /* .c-tabs .c-last-active strong{background:url(/assets/images/tabs-active.gif) repeat-x left top;color:#fff;} Changed with below - AG */ #c-content .c-tabs .c-last-active a{background:url(/assets/images/tabs-active.gif) repeat-x left top;color:#fff;} .c-tabs-5 li a, .c-tabs-5 li strong{width:111px;} .c-tabs-5 .c-last strong, .c-tabs-5 .c-last a{width:112px;} .c-tabs-4 li a, .c-tabs-4 li strong{width:149px !important;} .c-tabs-3{background:#eee url(/assets/images/tabs.png) repeat-x left top;} .c-tabs-3 ul{background:url(/assets/images/tabs-sprite.png) no-repeat right -250px;margin-right:-4px;} .c-tabs-3 li a, .c-tabs-3 strong{text-align:left;float:left;} .c-tabs-3 .c-last{background:none;} .c-tabs-3 .c-last{background:url(/assets/images/tabs-sep.gif) no-repeat right bottom;} .c-tabs-3 .c-last-active{background:none;} .c-tabs-2{background:#eee url(/assets/images/tabs.png) repeat-x left top;} .c-tabs-2 ul{background:url(/assets/images/tabs-sprite.png) no-repeat right -250px;margin-right:-4px;} .c-tabs-2 li a, .c-tabs-2 strong{text-align:left;float:left;} .c-tabs-2 .c-last{background:none;} .c-tabs-2 .c-last{background:url(/assets/images/tabs-sep.gif) no-repeat right bottom;} .c-tabs-2 .c-last-active{background:none;} /*JS Tabs*/ #tabs-container{} #tabs-container ul{ list-style-type:none;margin:10px 0 -1px 0;padding:0;} #tabs-container li{display:block;float:left;width:auto;margin:0;} #tabs-container a{display: block;float:left;color:#000;background:url(/assets/images/tab-left.png) left top no-repeat;text-decoration:none;font-weight:bold;margin:0 5px 0 0;padding:0 0 0 5px;outline:none;} #tabs-container a span{display:block;padding:3px 8px 3px 3px;background:url(/assets/images/tab-right.png) right top no-repeat;} #tabs-container a:hover{} #tabs-container a.selected{} #tabs-container li.selected a{background:url(/assets/images/tab-left-sel.png) left top no-repeat;} #tabs-container li.selected a span{background:url(/assets/images/tab-right-sel.png) right top no-repeat;padding:3px 8px 4px 3px;} .tab-panel{z-index:5;background:#CCC;border:1px solid #999;padding:10px;} /* ================================= 5.3 IMAGES ========================= */ .image-left{float:left;display:block;width:auto;background-color:#ccc;margin:0 15px 10px 0;padding:0 0 2px 0;border:1px solid #FFF;} .image-left img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;} .image-right{float:right;display:block;width:auto;background-color:#ccc;margin:0 0 10px 15px;padding:0 0 2px 0;border:1px solid #FFF;} .image-right img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;} .caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;} /* ================================= 5.4 BOXES ========================= */ /* grey border with drop shadow, white background */ .c-box{margin:0 -3px;position:relative;} .c-box .c-box-top{background:url(/assets/images/box-sprite.png) no-repeat left top;padding-left:8px;} .c-box .c-box-top .c-box-top-right{background:url(/assets/images/box-sprite.png) no-repeat right top;height:7px;overflow:hidden} .c-box .c-box-bottom{background:url(/assets/images/box-sprite.png) no-repeat left -7px;padding-left:8px;} .c-box .c-box-bottom .c-box-bottom-right{background:url(/assets/images/box-sprite.png) no-repeat right -7px;height:9px;overflow:hidden} .c-box .c-box-middle{background:url(/assets/images/box-l.gif) repeat-y left top;padding-left:4px;} .c-box .c-box-padding{background:url(/assets/images/box-r.gif) repeat-y right top;background-color:#fff;padding:10px 14px 10px 14px} /* grey border with drop shadow, grey header at top of box, white background */ .c-box2{} .c-box2 .c-box-top{background:url(/assets/images/box-sprite.png) no-repeat left -16px;padding-left:8px;} .c-box2 .c-box-top .c-box-top-right{background:url(/assets/images/box-sprite.png) no-repeat right -16px;height:7px;overflow:hidden} .c-box2 .c-box-top .c-box-header{background:url(/assets/images/box-l.gif) repeat-y left top;padding-left:4px;margin-left:-8px;} .c-box2 .c-box-top .c-box-header .c-box-header-inner{background:url(/assets/images/box-r.gif) repeat-y right top;padding-right:4px} .c-box2 .c-box-header-padding{background:#d7d7d7 url(/assets/images/box2-grad.gif) repeat-x left top;padding:5px 5px 5px 10px;} /* grey border with drop shadow, grey background */ .c-box3{} .c-box3 .c-box-top{background:url(/assets/images/box-sprite.png) no-repeat left -16px;padding-left:8px;} .c-box3 .c-box-top .c-box-top-right{background:url(/assets/images/box-sprite.png) no-repeat right -16px;height:7px;overflow:hidden} .c-box3 .c-box-bottom{background:url(/assets/images/box-sprite.png) no-repeat left -23px;padding-left:8px;} .c-box3 .c-box-bottom .c-box-bottom-right{background:url(/assets/images/box-sprite.png) no-repeat right -23px;height:9px;overflow:hidden} .c-box3 .c-box-padding{background-color:#eeeeee;} .c-box3-alt .c-box-middle{background-image:url(/assets/images/box-l-alt.png);} /* grey border with drop shadow, grey footer */ .c-box4{} .c-box4 .c-box-footer{background:url(/assets/images/box-l.gif) repeat-y left top;padding-left:4px;} .c-box4 .c-box-footer-inner{background:url(/assets/images/box-r.gif) repeat-y right top;padding-right:4px} .c-box4 .c-box-footer .c-box-footer-padding{background:#eee url(/assets/images/box4-foot-top.png) repeat-x left top;} .c-box4 .c-box-bottom{background:url(/assets/images/box-sprite.png) no-repeat left -23px;padding-left:8px;} .c-box4 .c-box-bottom .c-box-bottom-right{background:url(/assets/images/box-sprite.png) no-repeat right -23px;} /* light shadow w/lighter greay background */ .c-box5{} .c-box5 .c-box-top{background:url(/assets/images/box-sprite.png) no-repeat left -32px;padding-left:8px;} .c-box5 .c-box-top .c-box-top-right{background:url(/assets/images/box-sprite.png) no-repeat right -32px;height:7px;overflow:hidden} .c-box5 .c-box-bottom{background:url(/assets/images/box-sprite.png) no-repeat left -40px;padding-left:8px;} .c-box5 .c-box-bottom .c-box-bottom-right{background:url(/assets/images/box-sprite.png) no-repeat right -40px;height:9px;overflow:hidden} .c-box5 .c-box-padding{background:#f5f5f5 url(/assets/images/box-5-right.png) right top repeat-y} .c-box5-alt .c-box-middle{background-image:url(/assets/images/box-3-alt.png);} /* light shadow w/lighter greay background */ .c-box6{} .c-box6 .c-box-top{background:url(/assets/images/box-sprite.png) no-repeat left -48px;padding-left:5px;} .c-box6 .c-box-top .c-box-top-right{background:#fff url(/assets/images/box-sprite.png) no-repeat right -48px;height:5px;overflow:hidden} .c-box6 .c-box-middle{background:none;padding:0;} .c-box6 .c-box-padding{background-color:#fff;background-image:none;padding:8px 10px;} .c-box6 .c-box-bottom{background:url(/assets/images/box-sprite.png) no-repeat left -53px;padding-left:5px;} .c-box6 .c-box-bottom .c-box-bottom-right{background:#fff url(/assets/images/box-sprite.png) no-repeat right -53px;height:5px;overflow:hidden} /* red stroke */ .c-box7{} .c-box7 .c-box-top{background:url(/assets/images/box-sprite.png) no-repeat left -58px;padding-left:8px;} .c-box7 .c-box-top .c-box-top-right{background:#fff url(/assets/images/box-sprite.png) no-repeat right -58px;height:7px;overflow:hidden} .c-box7 .c-box-middle{background:url(/assets/images/box-7-left.png) repeat-y left top;} .c-box7 .c-box-padding{background:url(/assets/images/box-7-right.png) repeat-y right top;} .c-box7 .c-box-bottom{background:url(/assets/images/box-sprite.png) no-repeat left -65px;padding-left:8px;} .c-box7 .c-box-bottom .c-box-bottom-right{background:#fff url(/assets/images/box-sprite.png) no-repeat right -65px;height:9px;overflow:hidden} /* overlay box */ li.c-overlay a{position:relative;z-index:5;} /*body #c-content li .c-arrow{background:url(/assets/images/overlay-arrow.png) no-repeat left center;height:55px;width:25px;position:absolute;top:-20px;padding:0;left:-25px;z-index:1004;display:none;}*/ body #c-content li .c-whats-in-box .c-arrow{background-image:url(/assets/images/overlay-arrow-blackout.png);} span.c-arrow{background:url(/assets/images/overlay-arrow.png) no-repeat left center;height:55px;width:25px;position:absolute;right:-16px;} span.c-blackout-arrow{background-image:url(/assets/images/overlay-arrow-blackout.png);} body #c-content .c-overlay-active{position:relative;} body #c-content .c-overlay-active .c-arrow{display:block;} body #c-content li .c-overlay-active{outline:none;} .c-box-overlay{position:absolute;z-index:40;} .c-box-overlay .c-box-top, .c-box-award-overlay .c-box-top{background:url(/assets/images/box-sprite24.png) no-repeat left top;padding-left:19px;} .c-box-overlay .c-box-top .c-box-top-right, .c-box-award-overlay .c-box-top .c-box-top-right{background:url(/assets/images/box-sprite24.png) no-repeat right -19px;height:19px;} .c-box-overlay .c-box-middle, .c-box-award-overlay .c-box-middle{background:url(/assets/images/box-overlay-left.png) repeat-y left top;padding-left:10px;} .c-box-overlay .c-box-middle .c-box-padding, .c-box-award-overlay .c-box-middle .c-box-padding{background:url(/assets/images/box-overlay-right.png) repeat-y right top;padding:0 9px 0 0;} .c-box-overlay .c-box-bottom, .c-box-award-overlay .c-box-bottom{background:url(/assets/images/box-sprite24.png) no-repeat left -38px;padding-left:19px;} .c-box-overlay .c-box-bottom .c-box-bottom-right, .c-box-award-overlay .c-box-bottom .c-box-bottom-right{background:url(/assets/images/box-sprite24.png) no-repeat right -57px;height:19px;} .c-box-overlay .c-box-inner, .c-box-award-overlay .c-box-inner{background:#fff;padding:10px 20px 0 20px;position:relative;} .c-box-award-overlay .c-box-middle{position:relative;} .c-box-award-overlay .c-box-inner{padding-top:20px;} .c-box-overlay .c-box-inner #c-whats-in-box{padding:10px 20px 0 20px;width:450px;} .c-box-overlay .c-box-inner #c-where-to-buy{padding-bottom:10px;} .c-box-overlay img{display:block;} .c-whats-in-box-img{margin-bottom:15px;} .c-box-award-overlay{position : absolute; z-index:100;} .c-box-award-overlay .c-arrow{background:url(/assets/images/overlay-arrow-down.png) left center;background-repeat:no-repeat;width:55px;height:25px;right:0;bottom:-34px;} .c-box-award-overlay .c-box-middle .c-box-padding{max-width:300px;} .c-box-award-overlay img {width: auto;margin: 0 auto;} .c-box-padding-large{padding:35px 60px;background:url(/assets/images/box-r.gif) repeat-y right top;} .c-box-reveal-off .c-box-top,.c-box-reveal-off .c-box-top .c-box-top-right,.c-box-reveal-off .c-box-middle, .c-box-reveal-off .c-box-middle .c-box-padding,.c-box-reveal-off .c-box-bottom, .c-box-reveal-off .c-box-bottom .c-box-bottom-right{background:none} .c-box-reveal-off .c-box-bottom{background:url(/assets/images/box-off-btm.png) repeat-x left 4px;} .c-last .c-box-off .c-box-bottom{background:none;} /* Apply bottom margin to box elements in right-hand column */ #c-content .c-g4 .c-box {margin-bottom:17px} #c-content .c-g4 .c-box-alt{margin-bottom:3px;} /* ================================= 5.6 ROUNDED BOX WITH GRADIENT ========================= */ .gradient .box-top{background:url(/assets/images/box-gradient-top-left.png) left top no-repeat;} .gradient .box-top .box-top-right{background:url(/assets/images/box-gradient-top-right.png) right top no-repeat;} .gradient .box-bottom{background:url(/assets/images/box-gradient-bottom-left.png) left bottom no-repeat;} .gradient .box-bottom .box-bottom-right{background:url(/assets/images/box-gradient-bottom-right.png) right bottom no-repeat;} .gradient .box-middle{background:url(/assets/images/box-gradient-middle-left.png) left bottom repeat-y;} .gradient .box-middle .box-padding{background:url(/assets/images/box-gradient-middle-right.png) right bottom repeat-y;} /* ================================= 5.7 LOGIN FORM ========================= */ #form_login .label, #form_login .element {float:none; width:auto; margin:0; padding:0.1em 0;} #form_login input.text {width:100px;} /* ================================= 5.9 CIRCLE BULLET LIST ========================= */ .c-circle-list {list-style:none;margin:0;padding:0} .c-circle-list li {background:url(/assets/images/bullet-red-circle.png) 0 5px no-repeat;margin:0 0 10px;padding-left:15px} #c-content .c-circle-list li{font-size:1.1em;} /* ================================= 5.9 ARROW LINK LIST ========================= */ .c-arrow-list{list-style-type:none;margin:0;padding:0;} .c-arrow-list li{list-style:none;margin:0;padding:0 0 8px 0;} .c-arrow-list li a{display:block;color:#333;} #c-content .c-arrow-list a{text-decoration:none;} #c-content .c-arrow-list a:hover,#c-content .c-arrow-list a:active,#c-content .c-arrow-list a:focus, .c-box-overlay .c-arrow-list a:hover,.c-box-overlay .c-arrow-list a:active,.c-box-overlay .c-arrow-list a:focus{color:#c00;text-decoration:none;} .c-arrow-list a span{background:url(/assets/images/arrow-red-right.png) no-repeat 100% 60%;padding-right:11px;} .c-arrow-list .c-download{display:block;color:#666;font-size:1.1em;background:none;padding-right:0;} .c-list-border li{border-top:1px solid #e5e5e5;padding-top:8px;} .c-list-border .ff-first{border:none;} .c-bullet{list-style-type:none;margin:0;padding:0;} .c-bullet li{padding: 0 10px 15px;margin:0;background:url(/assets/images/icon-bullet.png) no-repeat left 5px;color:#666;font-size:1.1em;} /* ================================= 5.10 BUTTONS ========================= */ .c-btn {background:#fff;color:#333;font-size:1.1em;padding-right:8px;-webkit-border-radius:14px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3)} .c-btn, .c-btn span {display:inline-block;white-space:nowrap;} .c-btn span {background:url(/assets/images/arrow-red-right.png) right 50% no-repeat;padding:6px 9px 7px 13px} #c-content .c-btn:hover, #c-content .c-btn:focus {color:#c00} #c-content .c-btn-dark:hover, #c-content .c-btn-dark:focus, #c-content .c-btn-large:hover, #c-content .c-btn-large:focus{color:#fff;} p .c-btn{font-size:1em;} /* .c-btn-dark {background:#492f2f url(/assets/images/btn-grad-dark-grey.png) 0 0 repeat-x; color:#fff} #c-content .c-btn-dark:hover, #c-content .c-btn-dark:focus {color:#fff} .c-btn-dark span {background-image:url(/assets/images/arrow-white-right.png)} */ .c-btn-dark{background:#343434 url(/assets/images/btn-grad-black.gif) repeat-x left top;color:#fff;} .c-btn-dark span{background:url(/assets/images/arrow-white-right.png) no-repeat right center;} .c-btn-dark:hover, .c-btn-dark:active, .c-btn-dark:focus{background-image:url(/assets/images/btn-grad-black-hover.gif);background-color:#c10000;} .c-btn-large{font-size:1.4em;font-weight:bold;text-transform:uppercase;background:#cc0000 url(/assets/images/btn-large-grad.png) repeat-x left top;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .c-btn-large:hover, .c-btn-large:active, .c-btn-large:focus{background-image:url(/assets/images/btn-large-grad-hover.png);background-color:#a10000;} .c-btn-large span{background-image:none;padding-right:8px;} .c-btn-top span{background:url(/assets/images/arrow-red-up.png) no-repeat 10px 10px;padding:5px 15px 5px 24px;} button{background:none;border:none;font-family:Verdana;} button:focus{} button::-moz-focus-inner{border:none;} button.c-btn-dark span{background:url(/assets/images/arrow-white-right.png) no-repeat right 50%;} /* ================================= 5.11 CAROUSEL ========================= */ div.carousel{position:relative;margin:20px 0;} div.carousel-view-pane{width:625px;margin:0 0 0 25px;overflow:auto;} a.carousel-prev{display:none;position:absolute;left:0;top:30px;background:url(/assets/images/arrow-left.png) left top no-repeat;width:20px;height:20px;text-indent:-999em;outline:none;} a.carousel-next{display:none;position:absolute;right:0;top:30px;background:url(/assets/images/arrow-right.png) right top no-repeat;width:20px;height:20px;text-indent:-999em;outline:none;} .js a.carousel-prev {display:block;} .js a.carousel-next {display:block;} div.carousel-wrapper{overflow:hidden;} div.carousel-wrapper ul li{float:left;width:auto;padding:0;margin:0 10px 0 0;border:1px solid #000;width:115px;height:80px;background:#eee;list-style-type:none;} /* ================================================================== 6.0 CLEARING AND GENERIC STYLES ========================================== */ .c-clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;/*IE6*/} .c-clear{display:block;} .c-padding{padding:10px;} .c-g4 .c-padding{padding:20px 15px;} body .c-reader{position:absolute;left:-999em;top:0} .c-left {float:left} #c-content .c-right {float:right} div.article-list{} div.article-list img{float:left;width:100px;margin:0 10px 0 0;} div.article-list div.article-summary{margin:0 0 0 110px;} #c-content .c-page-intro h1 {color:#cc0000;margin-bottom:5px} #c-content .c-page-intro p {font-size:1.4em} #c-content .c-content-image {border:1px solid #e5e5e5;border-width:1px 0;margin:0 0 10px 0;padding:20px 0 0} #c-content .c-content-image .c-img-frame{float:left;margin:0 20px 0 0;padding-bottom:20px} /* ================================================================== 7.0 GRID ========================================== */ .c-gr{padding:0 0 10px 0;} .c-grid{/*background-color:#CFCFCF;*/float:left;margin:0;padding:0;min-height:1px;_height:1px; /* For IE6 only */_display:inline; /* For IE6 only */} /* 16 Column layout */ .c-container-16{background:url(/assets/images/16-col.gif) scroll repeat-y 0 0;margin:10px 0 20px 0;} .c-g1{width:40px;} .c-g2{width:100px;} .c-g3{width:160px;} .c-g4{width:220px;} .c-g5{width:280px;} .c-g6{width:340px;} .c-g7{width:400px;} .c-g8{width:460px;} .c-g9{width:520px;} .c-g10{width:580px;} .c-g11{width:640px;} .c-g12{width:700px;} .c-g13{width:760px;} .c-g14{width:820px;} .c-g15{width:880px;} .c-g16{width:940px;} .c-gmp1{margin-left:10px;} .c-gmp2{margin-left:20px;} .c-gms1{margin-right:10px;} .c-gms2{margin-right:20px;} /* Extends content divs into the margin areas */ .c-ge{margin:0 -10px;background:#CFCFCF;zoom:1;} .c-gep{margin-left:-10px;background:#CFCFCF;zoom:1;} .c-ges{margin-right:-10px;zoom:1;} .c-ges2{margin-right:-20px;zoom:1;} /* HERO ========================================== */ .c-hero {margin-bottom:0px;padding-top:3px;position:relative;min-height:270px;} .c-hero .c-slide-frame {background:url(/assets/images/hero-frame-525.png) 0 0 no-repeat;height:274px;left:0;margin-left:-4px;position:absolute;top:0;width:525px;z-index:19} .c-hero .c-slide {display:none; } .c-hero .c-active-slide {display:block;} .c-hero .c-slide img {position:relative;z-index:18;} .c-hero .c-slide-content {left:20px;position:absolute;top:20px;width:35%;z-index:19;} .c-hero .c-slide-content-short{width:45%;} #c-content .c-hero .c-slide-content a{color:#333;font-size:1.09em;} #c-content .c-hero .c-slide-content a:hover, #c-content .c-hero .c-slide-content a:active,#c-content .c-hero .c-slide-content a:focus{color:#CC0000;} .c-hero .c-slide-pause {bottom:15px;left:20px;list-style:none;margin:0;padding:0;position:absolute;z-index:21} .c-hero .c-slide-pause li {float:left;width:24px;height:24px;margin:0 1px 0 0} .c-hero .c-slide-pause li a{display:block;width:24px;height:24px;background:url(/assets/images/pause.png) 0 -48px no-repeat;text-indent:-500em;outline:none; } .c-hero .c-slide-pause li a:hover{background-position:0 -72px;} .c-hero .c-slide-pause li a.paused{background-position:0 0px; } .c-hero .c-slide-pause li a.paused:hover{background-position:0 -24px;} .c-hero .c-slide-controls {bottom:20px;left:50px;list-style:none;margin:0;padding:0;position:absolute;z-index:21} .c-hero .c-slide-controls li {float:left;margin:0 1px 0 0} .c-hero .c-slide-controls a {background:url(/assets/images/hero-slide-btn.png) 100% 0 no-repeat;display:block;height:13px;overflow:hidden;width:41px} .c-hero .c-slide-controls .c-selected a {background-position:0 0} .c-hero .c-slide-controls span {display:inline-block;text-indent:-999em} /* Hero appears on landing page with right-hand content and flyout */ .c-hero-landing {background:url(/assets/images/hero-tabs-grad.png) 0 bottom repeat-x;min-height:268px;margin-bottom:0px;width:766px;margin:0 -3px 0px -3px;} .c-hero-landing .c-slide-frame {background:url(/assets/images/hero-frame-766.png) 0 0 no-repeat;height:274px;width:766px;margin:0;} .c-hero-landing .c-intro {min-height:26.8em;position:absolute;right:3px;top:2px;width:239px;z-index:20;border-left:1px solid #ccc;;} #c-content .c-hero-landing .c-intro h1 {padding:14px 14px 0 14px} #c-content .c-hero-landing .c-intro p {font-size:1.2em;padding:0 10px 10px 14px} .c-hero-landing .c-intro ul {border-top:1px solid #e5e5e5;list-style:none;margin-right:1px;padding-bottom:14px} .c-hero-landing .c-intro li {margin-left:0} .c-hero-landing .c-intro li a {border-bottom:1px solid #e5e5e5;display:block;font-size:1.2em;padding:14px 0 13px 48px} .c-hero-landing .c-intro li a span {display:inline-block;background:url(/assets/images/arrow-red-right.png) 100% 50% no-repeat;padding-right:11px} .c-hero-landing .c-intro .c-btn {float:right;margin-right:14px} .c-hero-landing .c-slide {min-height:27em;margin-left:4px;width:520px} .c-hero-support{} .c-hero-support .c-slide-frame{} .c-hero-support .c-slide {min-height: 270px;} .c-hero-support .c-slide{width:520px;} .c-hero-support .c-intro-wide{width:239px;} .c-hero-landing .c-intro li.c-active{border-right:1px solid #d2d2d2;} .c-hero-landing .c-intro .c-active .c-inner{background:url(/assets/images/hero-active.png) no-repeat right top;} .c-hero-landing .c-intro a, .c-hero-landing .c-intro a:focus, .c-hero-landing .c-intro a:active{outline:0 !important;} .c-hero-landing .c-subsection{background:#f9f9f9 url(/assets/images/hero-subsection.png) repeat-x left top;width:0;display:none;top:1px;} .c-hero-landing .c-active .c-subsection{display:block;position:absolute;right:239px;} .c-hero-landing .c-active .c-padding{padding:20px 35px 10px 30px;min-height:237px;background:url(/assets/images/hero-subsection-right.png) repeat-y right top;border-left:1px solid #cdcdcd;} .c-hero-landing .c-subsection li{float:left;width:50%;} .c-hero-landing .c-active .c-wrapper{background:url(/assets/images/hero-arrow.png) no-repeat left top;margin-left:-18px;padding-left:18px;position:relative;z-index:50;} .c-hero-landing .c-intro .c-subsection ul{border:none;margin:0;padding:0;} .c-hero-landing .c-intro .c-subsection li a{background:none;border:none;padding:0;font-size:1em;} #c-content .c-hero-landing .c-intro .c-subsection p{padding:0 0 20px 0;font-size:1em;} /* END Landing Hero */ /* Homepage slideshow (v1.2 change) */ .c-hero-full {background:url(/assets/images/hero-slide-grad.png) 0 bottom repeat-x;min-height:483px;width:766px;margin:0 -3px 0px -3px;} .c-hero-full .c-slide-frame {background:url(/assets/images/hero-frame-full-766.png) 0 0 no-repeat;height:490px;width:766px;margin:0;} .c-hero-full .c-intro {min-height:26.8em;position:absolute;right:3px;top:2px;width:239px;z-index:20;border-left:1px solid #ccc;;} .c-hero-full .c-slide {height:483px;margin-left:4px;width:760px} .c-hero-full .c-slide-pause {bottom:10px;} .c-hero-full .c-slide-controls {bottom:15px;} .c-hero-full .c-slide-content {left:20px;position:absolute;top:383px;width:720px;z-index:20;padding-top:1.5em;} #c-content .c-hero-full .c-slide-content h2 {margin-bottom:0.3em; font-size:1.6em;} #c-content .c-hero-full .c-slide-content p {padding-bottom:0.3em; font-size:1.1em;} #c-content .c-hero-full .c-slide-content .c-slide-content-text {float:left;} #c-content .c-hero-full .c-slide-content .c-btn-large {float:right; color:#ffffff; margin-top:0.2em;margin-right:-5px;font-size:1.1em;} #c-content .c-hero-full .c-slide-content .c-btn-large span{padding: 8px 15px 9px 21px;} #c-content .c-hero-full .c-slide-content a:hover, #c-content .c-hero-full .c-slide-content a:active,#c-content .c-hero-full .c-slide-content a:focus{color:#ffffff;} .c-hero-full .c-slide-clickoverlay {position:absolute;left:23px;top:20px;height:350px;width:720px;z-index:20;} .c-hero-full .c-slide-clickoverlay span {display:block;height:59px;width:720px;} .c-hero-full .c-frame-red span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-frame-green span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-frame-deepgreen span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-frame-deeppink span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-frame-deeplilac span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-frame-deepblue span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-frame-blue span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-frame-deepaqua span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-frame-darkgrey span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-frame-black span {background:url(/assets/images/hero-full-frame-sprite-red.png) 0 0 no-repeat;} .c-hero-full .c-slide-clickoverlay .c-frame-bottom {background-position:0 -58px;position:absolute;left:0;bottom:0;} .c-hero-full .c-slide-clickoverlay .c-frame-bottom-logo {background-position:0 -117px;} .c-hero-full .c-slide-clickoverlay .c-prod-img {background-image:none;position:absolute;height:auto;width:auto;bottom:20px;right:20px;} .c-hero-full .c-slide-clickoverlay .c-frame-bottom .c-prod-img {right:30px;bottom:30px;} /* End homepage slideshow */ /* hide carousel controls for now - will handle display through JS */ .carousel .c-slide-control {display:none} /* PRODUCT LIST =================================== */ .c-content-section {margin-bottom:18px;position:relative;clear:both} .c-content-section .c-sec-intro {margin-bottom:10px;} .c-content-section .c-sec-intro .c-btn {right:0;position:absolute;top:0} .c-product-range ul, .c-product-list{list-style:none;padding:0} .c-product-range .c-product-list {background:url(/assets/images/image-bg-grad.png) 0 60px repeat-x;margin-bottom:20px} .c-product-list{margin:0;} /*.c-product-list li {float:left;margin:0 6px 0 0;width:120px;font-size:1.1em;}*/ .c-product-range .c-product-list img, .c-product-range .c-product-list span {display:block;margin:0 auto 3px auto;text-align:center} .c-product-range .c-product-list span{margin:0 15px 3px 15px;} .c-cols2 .c-product-list li{width:120px;margin:0 3px 0 0;} #c-content .c-cols2 .c-product-list li{font-size:1.1em;} .c-accessories-range .c-product-list{background-position:left 60px;} .c-cols2 .c-product-range .c-product-list{background-position:0 60px;} .c-product-range .c-product-list-more {clear:both;margin-bottom:10px} .c-product-list-more li {display:inline-block;vertical-align:top;font-size:0.917em;width:220px;margin-right:20px;} .c-product-range .c-price, .c-carousel .c-price{color:#333;margin-top:3px;} .c-product-list .c-price{margin-top:3px;} /* SERVICES ======================================== */ .c-services-list {padding-bottom:20px} .c-services-list .c-service-intro {float:right;width:190px} .c-services-list .c-img-frame {height:121px;margin-right:15px;position:relative;width:160px} .c-services-list .c-img-frame span {background:url(/assets/images/trans-image-frame.png) 0 0 no-repeat;display:block;left:0;height:121px;position:absolute;top:0;width:160px} .c-services-list img {display:block} .c-services-list .c-btn {float:right} .c-see-more {clear:left;padding-top:20px} /* CASE STUDIES ==================================== */ .c-carousel {margin-bottom:20px;position:relative} .c-carousel-alt{margin:0 -10px 0 -14px;background:url(/assets/images/image-bg-grad-small.jpg) repeat-x left 40px;} body .c-g4 .c-carousel-alt .c-car-controls .c-car-prev{left:-2px;} body .c-g4 .c-carousel-alt .c-car-controls .c-car-next{right:-3px;} .c-carousel .c-slide-mask {margin:0 auto;overflow:hidden;width:460px} .c-carousel li a{display:block;} #c-content .c-carousel .c-slide-list {list-style:none;margin:0;padding:0;position:relative;} #c-content .c-carousel .c-slide-list li {display:inline;float:left;margin:0;} .c-carousel-alt img{margin:0 auto;} .c-carousel .c-padding {background:#eee url(/assets/images/box-r.gif) 100% 0 repeat-y;padding:20px 0 24px;position:relative} .c-carousel .c-slide-image, .c-carousel .c-slide-content {float:left} .c-carousel .c-slide-image {margin-right:20px;} .c-g4 .c-carousel .c-slide-mask {width:190px} .c-g4 .c-carousel .c-slide-image{width:190px;text-align:center;} .c-carousel img{display:block;margin-bottom:5px;} .c-carousel .c-slide-content {width:280px} .c-carousel .c-product-name, .c-carousel .c-price{display:block;} .c-carousel .c-car-controls {display:none;list-style:none;padding:0} #c-content .c-car-active .c-car-controls {display:block} .c-carousel .c-car-controls li {display:inline-block;margin:0;position:absolute;top:48px;width:23px;zoom:1;} .c-g9 .c-carousel .c-car-controls li {top:70px} .c-car-sample-images .c-car-controls li{top:38px;} .c-carousel .c-car-controls .c-car-prev {left:-1px} .c-carousel .c-car-controls .c-car-next {right:2px} .c-g4 .c-carousel .c-car-controls .c-car-prev {left:-13px} .c-g4 .c-carousel .c-car-controls .c-car-next {right:-13px} .c-g4 .c-carousel-alt .c-car-controls .c-car-prev {left:-11px} .c-g4 .c-carousel-alt .c-car-controls .c-car-next {right:-12px} .c-carousel .c-car-controls a {background:url(/assets/images/case-carousel-controls.png) 0 0 no-repeat;display:inline-block;height:21px;overflow:hidden;width:23px;zoom:1} .c-carousel .c-car-controls .c-car-prev a {background-position:0 -54px} .c-carousel .c-car-controls .c-car-prev a:hover, .c-carousel .c-car-controls .c-car-prev a:focus {background-position:-24px -54px} .c-carousel .c-car-controls .c-car-next a {background-position:0 -75px} .c-carousel .c-car-controls .c-car-next a:hover, .c-carousel .c-car-controls .c-car-next a:focus {background-position:-24px -75px} .c-carousel .c-box-middle .c-car-controls a, .c-car-standard .c-car-controls a, .c-car-sample-images .c-car-controls a, .c-g4 .c-carousel .c-car-controls a{height:27px;} .c-carousel .c-box-middle .c-car-controls .c-car-prev a, .c-car-standard .c-car-controls .c-car-prev a, .c-car-sample-images .c-car-controls .c-car-prev a, .c-g4 .c-carousel .c-car-controls .c-car-prev a{background-position:0 0;} .c-carousel .c-box-middle .c-car-controls .c-car-prev a:hover, .c-car-standard .c-car-controls .c-car-prev a:hover, .c-car-sample-images .c-car-controls .c-car-prev a:hover, .c-g4 .c-carousel .c-car-controls .c-car-prev a:hover, .c-carousel .c-box-middle .c-car-controls .c-car-prev a:focus, .c-car-standard .c-car-controls .c-car-prev a:focus, .c-car-sample-images .c-car-controls .c-car-prev a:focus, .c-g4 .c-carousel .c-car-controls .c-car-prev a:focus {background-position:-23px 0} .c-carousel .c-box-middle .c-car-controls .c-car-next a, .c-car-standard .c-car-controls .c-car-next a, .c-car-sample-images .c-car-controls .c-car-next a, .c-g4 .c-carousel .c-car-controls .c-car-next a {background-position:0 -27px} .c-carousel .c-box-middle .c-car-controls .c-car-next a:hover, .c-car-standard .c-car-controls .c-car-next a:hover, .c-car-sample-images .c-car-controls .c-car-next a:hover, .c-g4 .c-carousel .c-car-controls .c-car-next a:hover, .c-carousel .c-box-middle .c-car-controls .c-car-next a:focus, .c-car-standard .c-car-controls .c-car-next a:focus, .c-car-sample-images .c-car-controls .c-car-next a:focus, .c-g4 .c-carousel .c-car-controls .c-car-next a:focus {background-position:-23px -27px} /* CASE STUDIES ==================================== */ #c-content .c-g4 .c-content-focuslist {margin-bottom:17px} .c-content-focuslist .c-box-padding {padding:0} .c-content-focuslist .c-box-top{background:url(/assets/images/box-red.png) no-repeat left top; padding-left:8px;} .c-content-focuslist .c-box-top .c-box-top-right{background:url(/assets/images/box-red.png) no-repeat right -9px;height:7px;overflow:hidden} .c-content-focuslist .c-box-top .c-box-header .c-box-header-inner {background: url(/assets/images/box-red-r.png) repeat-y right top; padding-right: 4px;} .c-content-focuslist .c-box-top .c-box-header {background: url(/assets/images/box-red-l.png) repeat-y left top;padding-left: 4px;margin-left: -8px;} .c-content-focuslist .c-box-header-padding {background: #cf1212 url(/assets/images/box-red-grad.png) repeat-x left top;padding: 5px 5px 5px 10px;} #c-content .c-content-focuslist h2 {background: none;color:#fff;font-size: 1.8em;font-weight: 400;margin: 0;padding: 8px 0px;} #c-content .c-content-section .c-content-focuslist .c-box-header h2{font-size:1.8em;} #c-content .c-content-focuslist h3 {background:#fff url(/assets/images/solution-list-white.png) 0 100% repeat-x;color:#666;font-size:1.4em;font-weight:400;margin:0 4px 0 0;padding:18px 14px} .c-content-focuslist ul {background:#eee;list-style:none;margin-right:4px;padding:0} #c-content .c-content-focuslist li {background:url(/assets/images/solution-list-grey.png) 0 100% repeat-x;border-top:1px solid #ccc;font-size:1.3em;margin:0} #c-content .c-content-focuslist .c-last {background-image:none} .c-content-focuslist a {color:#333;display:block;font-weight:700;padding:20px 14px} .c-content-focuslist .c-last a {padding-bottom:17px} .c-content-focuslist a span {background:url(/assets/images/arrow-red-right.png) 100% 65% no-repeat;padding-right:11px} #c-content .c-content-section .c-content-focuslist .c-box-padding {padding-top:0em;} #c-content .c-case-study {border-top:1px solid #e5e5e5;padding:20px 0} #c-content .c-case-study .c-text {float:left;margin-left:20px;width:400px;} #c-content .c-case-studies .c-case-study h3 {font-size:1.6em;margin-bottom:5px} #c-content .c-case-studies .c-case-study h4 {color:#666;font-size:1.1em;font-weight:700;font-family:Verdana, Arial, Helvetica, sans-serif;} #c-content .c-case-studies .c-case-study .c-meta{padding:3px 0 10px 0;} #c-content .c-case-studies .c-case-study .c-meta h4{float:left;padding-right:10px;margin-right:10px;border-right:2px solid #666;} #c-content .c-case-featured {border:0 none} #c-content .c-case-featured .c-img-frame{margin-right:20px;} #c-content .c-case-featured .c-img-frame-160{margin-right:0;} #c-content .c-case-featured .c-text {width:340px;float:left;margin-bottom:10px;} #c-content .c-case-featured .c-text blockquote{margin-top:0;} .c-case-studies .c-filters{list-style-type:none;margin:0;padding:0;display:block;} .c-case-studies .c-filters li{float:left;margin:0 5px 0 0;padding:0;} /* CASE STUDIES FILTER */ .c-case-studies-top {background:url(/assets/images/filter-top-grey.png) 0 0 no-repeat;padding-top:20px} /* DOWNLOAD BOX */ .c-download-box {margin-bottom:20px} .c-download-box .c-box-padding {padding:10px 15px} .c-download-box .c-text {border-right:1px solid #e5e5e5;float:left;padding-right:20px;width:320px} .c-download-options {float:none;list-style:none;margin:0 0 0 0px;padding:0} .c-g4 .c-download-options{width:auto;float:none;margin:0} .c-g4 .c-download-options li{border-top:1px solid #d6d6d6;padding-top:8px;margin-top:8px;} .c-download-options li.c-first{border:none;padding-top:0;margin-top:0;} #c-content .c-download-options li {font-size:1.1em;margin:0 0 10px;} #c-content .c-download-options .c-pdf {background:url(/assets/images/icon-pdf.png) 14px 0 no-repeat} #c-content .c-download-options .c-video {background:url(/assets/images/icon-video.png) 16px 2px no-repeat} .c-download-options a {color:#333} .c-download-box .c-download-options span {color:#666;} .c-download-box .c-download-options a:hover span, .c-download-box .c-download-options a:active span, .c-download-box .c-download-options a:focus span{color:#c00;} .c-download-box .c-download-options a:hover .c-size, .c-download-box .c-download-options a:active .c-size, .c-download-box .c-download-options a:focus .c-size{color:#333;} /* BUSINESS PRODUCTS */ .c-product-list .c-product, .c-product-list .c-info {border-bottom:1px solid #e7e7e7;padding:20px 0} .c-product-list .c-last {border:0 none} .c-product .c-product-image, .c-product .c-product-desc {float:left;margin-right:20px;width:160px} .c-product .c-product-desc {margin:0;width:340px} .c-cols2 .c-product .c-product-desc{width:200px;} .c-cols2 .c-product .c-box{margin:0 -19px;} .c-cols2 .c-product .c-box .c-box-padding{padding-left:15px;} .c-cols2 .c-product .c-box-off{margin:0;} .c-cols2 .c-product .c-box-off .c-box-middle{padding:0;} .c-cols2 .c-product .c-box-off .c-box-padding{padding-left:0;padding-right:0;} #c-content .c-cols2 .c-product .c-box h3{font-size:1.2em;} #c-content .c-product .c-product-desc h3, #c-content .c-product .c-product-desc h4 {font-size:1.6em;margin:0 0 8px} #c-content .c-product .c-product-desc h4{color:#666;font-size:1.2em;font-family:verdana;} #c-content .c-product .c-product-desc h4 a{font-size:1em;} .c-product-list .c-product .c-product-desc p {font-size:1.1em} .c-product-list .c-product .c-product-desc ul {list-style:none} #c-content .c-product .c-product-desc li {float:left;font-size:1.1em;margin:0 10px 5px 0;padding:0;width:160px} #c-content .c-info li {float:left;font-size:1.1em;margin-right:12px;width:160px} #c-content .c-info h2, #c-content .c-info h3, #c-content .c-services-cta h2, #c-content .c-services-cta h3 {margin:0 0 3px} #c-content .c-info h2, #c-content .c-services-cta h2 {font-size:1.6em;margin:0 0 8px} #c-content .c-info h3, #c-content .c-services-cta h3 {color:#666;font-size:1.2em} /* NEXT STEP BOX */ #c-content .c-g4 .c-next-steps{margin-bottom:15px;} .c-next-steps .c-box-padding {padding:0} #c-content .c-next-steps h2 {font-size:2.2em;margin:0;padding:17px 14px 16px 14px} .c-next-steps ul {margin-right:3px} #c-content .c-next-steps li {font-size:1.3em;padding:0} .c-next-steps li a {padding:12px 16px 15px 37px} .c-next-steps .c-get-in-touch a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px 14px} .c-next-steps .c-where-to-buy a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -81px} .c-next-steps .c-brochure a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -175px;} .c-next-steps .c-person a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -287px} .c-next-steps .c-where-to-buy-two a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -384px} .c-next-steps .c-contact-us a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -478px;} .c-next-steps .c-register-here a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -572px} .c-next-steps .c-request-price a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -666px} .c-next-steps .c-question a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -854px;} .c-next-steps .c-trade-in a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -948px} .c-next-steps .c-print-samples a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -1042px} .c-next-steps .c-order-supplies a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -1136px;} .c-next-steps .c-request-demo a {background:url(/assets/images/next-steps-sprite.png) no-repeat 16px -1230px;} /* GENERIC BOX */ #c-content .c-box-generic h2 {font-size:1.2em} #c-content .c-box-generic li {font-size:1.1em} #c-content .c-box-generic .c-box-padding {padding-left:14px} /* EVENT BOX */ #c-content .c-box-event h2{font-size:1.8em;margin-bottom:0;} .c-box-event .c-event-data{margin-bottom:10px;} .c-box-event .c-event-data p{padding-bottom:0;font-size:1.1em;} .c-box-event .c-event-data .c-date{font-weight:bold;} /* CONTACT BOX - another generic one, commonly contains contact details */ #c-content .c-box-contact h2 {font-size:1.6em;} #c-content .c-box-contact p a{font-weight:bold;color:#cc0000;} /* MULTI BOX - contains carousels, multiple headings, etc */ #c-content .c-multi-box .c-box-padding {padding:10px 15px 10px 12px} #c-content .c-multi-box h2 {font-size:2.2em;margin-bottom:5px} #c-content .c-multi-box h3 {color:#666;font-size:1.2em} #c-content .c-multi-box blockquote p {font-size:1em;padding:0} #c-content blockquote {background:url(/assets/images/block-quote-left.png) 0 2px no-repeat;font-size:1.1em;margin-bottom:15px} #c-content blockquote p {font-size:1em;text-indent:18px} blockquote p span {background:url(/assets/images/block-quote-right.png) 100% 100% no-repeat;padding-right:18px} /* DIAGRAM */ .c-diagram {position:relative} .c-diagram .c-btn-top {right:0;position:absolute;top:25px} .c-diagram img {display:block;padding:20px 0} /* SCENARIOS */ #c-content .c-need-scenarios h2 {color:#666;font-size:1.2em;margin-bottom:10px} /* ON THIS PAGE... */ #c-content .c-on-this-page {padding:10px 0 20px} #c-content .c-on-this-page h2 {font-size:1.6em} #c-content .c-on-this-page li {float:left;font-size:1.1em;width:33%} #c-content .c-page-intro .c-on-this-page li {margin-right:20px;width:120px} /* OVERVIEW LISTING */ .c-overview-listing .c-overview {border-top:1px solid #ccc;padding:16px 0 20px} .c-overview-listing .c-first {border:0 none;padding-top:0} #c-content .c-overview-listing .c-overview h2 {font-size:1.8em} #c-content .c-scenario {padding-bottom:0px;position:relative} /* Changed padding-bottom to 0 from 30 */ #c-content .c-scenario-need {float:left} #c-content .c-scenario-answer {margin-left:173px} #c-content .c-scenario-need, #c-content .c-scenario-need-inner {background:url(/assets/images/scenario-large-arrow.png) 0 0 no-repeat;min-height:135px;width:163px} #c-content .c-scenario-need {background-position:-163px 100%;} #c-content .c-scenario-need p {padding:24px 55px 14px 14px} #c-content .c-scenario-answer {padding-top:24px} #c-content .c-scenario-answer img {float:right} #c-content .c-scenario-answer .c-text {margin-right:120px} #c-content .c-scenario-answer .c-btn {clear:both} #c-content .c-scenario-answer li, #c-content .c-scenario-answer p {font-size:1.1em} #c-content .c-scenario-answer p {font-size:1em;padding:0} #c-content .c-scenario-answer li {background:url(/assets/images/border-double-grey.png) 0 0 repeat-x;margin:0;padding:10px 0} #c-content .c-scenario-answer .c-first {background-image:none;padding-top:0} #c-content .c-scenario-answer a {color:#333;font-size;1.091em;font-weight:700;margin-bottom:5px} #c-content .c-scenario-answer .c-link{margin-top:10px;} #c-content .c-scenario-answer .c-link a{font-weight:normal;} /* PRODUCT OVERVIEW */ .c-product-intro{} .c-product-intro p{padding-bottom:2.5em;} .c-product-intro .c-circle-list li{font-weight:bold;} #c-content .c-product-intro h1{margin-bottom:0;} .c-product-intro .c-strapline{padding-bottom:1em;font-size:1.6em;color:#666;} .c-price{margin-bottom:0;} .c-price-details{float:left;width:82px;} .c-price-details .c-price-amount{color:#000;padding-bottom:5px;font-size:1.5em;} .c-price p{color:#666;font-size:1.1em;line-height:1.2;} .c-price .c-btn{float:right;} .c-price ul{clear:both;} .c-price .c-arrow-list a{color:#333;} .c-tab-top{position:relative;padding-top:25px;margin-bottom:20px;} .c-tab-top .c-shadow{background:url(/assets/images/product-desc-shadow.png) repeat-x left top;position:absolute;top:0;left:0;width:100%;height:11px;} .c-tab-top .c-tab-head .c-g4{margin-top:0;} .c-tab-top .c-g4{margin-top:-25px;} .c-product-main{position:relative;margin-bottom:20px;height:265px;} .c-product-colours{float:left;} .c-colour-picker{margin-right:1em;} .c-colour-picker p {padding-bottom:0.5em;} .c-product-colours p{} .c-product-colours ul{list-style-type:none;margin:0;padding:0;float:left;} .c-product-colours li{float:left;margin:0 0 0 0;padding:0 0 0 0;} .c-product-colours li a{display:block;padding:2px;outline:0;} .c-product-colours a:hover, .c-product-colours a:active, .c-product-colours a:focus, .c-product-colours .c-active a{background:url(/assets/images/colours-active.gif) no-repeat left top;outline:none;/*padding:2px;border:1px solid #c80000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-top:0;*/} .c-product-colours li img{display:block;} .c-product-info{background:url(/assets/images/section-shadow.png) no-repeat left top;padding-top:12px;} .c-product-colours p{float:left;font-weight:bold;margin-right:3px;} .c-multimedia-links{background:url(/assets/images/mm-top.png) no-repeat right top;padding-top:8px;float:right;width:300px;margin:-12px 0 0 0;} .c-multimedia-links .c-mm-inner{background:url(/assets/images/mm-left.png) no-repeat left top;padding-left:20px;} .c-multimedia-links ul{list-style-type:none;margin:0;padding:0 0 8px 0;background:#ababab url(/assets/images/mm-bottom.png) repeat-x right bottom;} #c-content .c-multimedia-links li{float:left;margin:0 5px 0 0;padding:0;font-size:1em;font-weight:bold;} .c-multimedia-links .c-btn{font-size:1.2em;padding-right:0;} .c-multimedia-links .c-btn-dark span, .c-btn-dark input{padding-top:4px;padding-bottom:4px;} .c-360 span{background:url(/assets/images/360.png) no-repeat 8px center;padding-left:38px;padding-right:10px;} .c-full-tour span{background:url(/assets/images/full-tour.png) no-repeat 8px center;padding-left:33px;padding-right:10px;} /* MAIN PRODUCT IMAGE THUMBS */ .c-product-img{margin:-25px -20px 0 -20px;} .c-main-img-dup{position:absolute;bottom:0;} .c-product-info-alt{background:url(/assets/images/prod-img-shadow.png) no-repeat left top;width:520px;text-align:center;position:relative;padding-top:0;} .c-product-info .c-product-thumbs{list-style-type:none;margin:0 auto;padding:0;/*display:inline-block;*/} .js .c-product-info .c-product-thumbs-10{width:580px;} .js .c-product-info .c-product-thumbs-9{width:522px;} .js .c-product-info .c-product-thumbs-8{width:464px;} .js .c-product-info .c-product-thumbs-7{width:406px;} .js .c-product-info .c-product-thumbs-6{width:348px;} .js .c-product-info .c-product-thumbs-5{width:290px;} .js .c-product-info .c-product-thumbs-4{width:232px;} .js .c-product-info .c-product-thumbs-3{width:174px;} .js .c-product-info .c-product-thumbs-2{width:116px;} .js .c-product-info .c-product-thumbs-1{width:58px;} .c-product-info .c-product-thumbs li{background:url(/assets/images/prod-img-box.png) no-repeat left top;width:57px;height:43px;float:left;margin:0 1px 0 0;padding:0;} .c-product-info .c-product-thumbs li a{display:block;padding-top:6px;outline:0;} .c-product-info .c-product-thumbs li.c-active{background-position:left -43px;} .c-product-info .c-product-thumbs img{width:50px;margin:0 auto;display:block;} .c-product-info .c-shadow{position:absolute;top:0;left:0;background:url(/assets/images/prod-img-shadow2.png) no-repeat left top;display:block;height:4px;width:520px;} /* COLOUR PICKER */ .c-colour-picker{padding-top:12px;} .c-box-overlay .c-colour-picker{padding-top:0;} .c-box-overlay .c-colour-picker p{float:none;} span.c-arrow-left{background-image:url(/assets/images/overlay-arrow-left.png);} .c-colour-tooltip{display:block;float:left;} .c-key-features{list-style-type:none;margin:0;padding:0;} #c-content .c-key-features li{margin:0 5px 10px 0;padding:0;width:120px;text-align:center;font-size:1.1em;min-height:9em;display:inline-block; vertical-align:top;} .c-key-features img{margin-bottom:5px;} .c-img-frame{float:left;position:relative;margin-bottom:10px;display:block;} .c-img-frame span{display:block;background:url(/assets/images/trans-image-frame.png) no-repeat left top;height:120px;position:absolute;top:0;left:0;} .c-img-frame-160 span{width:160px;background-position:0 0;} .c-img-frame-190 span{width:190px;background-position:0 -126px;} .c-g4 .c-img-frame-190 span, .c-g4 .c-img-frame-190-alt span{width:190px;} .c-g4 .c-img-frame-190-alt span{background-position:0 -507px;} .c-img-frame-100 span{width:100px;background-position:0 -252px;} .c-box-overlay .c-img-frame-210 span{width:210px;background-position:0 -332px;height:70px;} .c-img-frame-220 span{width:220px;background-position:0 -407px;} .c-img-frame img{display:block;} #c-content .c-box3-alt .c-img-frame{margin-bottom:0;} #c-content .c-box3-alt img{margin-bottom:0px;} .c-g4 .c-carousel .c-slide-mask, .c-g4 .c-standard-carousel .c-slide-image{width:190px;text-align:center;} .c-g4 .c-carousel .c-padding{background:none;padding:0;} .c-g4 .c-carousel .c-slide-mask, .c-g4 .c-carousel p{text-align:left;} #c-content .c-tab-top .c-g4 h2{font-size:1.2em;font-weight:bold;} #c-content .c-g4 .c-box .c-box-padding .c-content-section{padding-top:10px;} #c-content .c-tab-top .c-g4 .c-box3-alt .c-box-padding{padding:10px 15px 10px 12px;} #c-content .c-tab-top .c-g4 .c-box3-alt .c-box .c-box-padding{padding:8px 11px;} /* NEWSLETTER PANEL */ .js .c-newsletter label{position:absolute;left:-999em;} /* DETAIL LISTING WITH IMAGE */ .c-detail-listing-img {} #c-content .c-detail-listing-img h3{font-size:1.2em;margin-bottom:5px;} #c-content .c-sec-intro h2{margin-bottom:0;} .js #c-content .c-sec-intro h2{margin-bottom:5px;} .c-detail-listing-img .c-col{border-top:1px solid #e6e6e6;padding:25px 0 10px} .c-detail-listing-img .c-first, .c-rule-alt .c-detail-listing-img .c-col{border:none;padding-top:0} .c-detail-listing-img .c-img-frame-160{margin-right:10px} .c-detail-listing-img .c-img{width:160px;margin-right:10px;float:left;} .c-detail-listing-img .c-img .c-box-padding{padding-left:5px;} .c-detail-listing-img .c-text{margin-left:175px} .c-detail-listing-img .c-text-100 {margin-left:110px;} #c-content .c-tab-content .c-detail-listing-img .c-text h3, #c-content .c-tab-content .c-detail-listing h3 {color:#666;font-size:1.2em;margin-bottom:6px} .c-detail-listing .c-col{border-top:1px solid #e6e6e6;padding:25px 0 10px} #c-content .c-detail-listing-img li{font-size:1.1em} .c-box .c-detail-listing-img{} .c-box .c-detail-listing-img .c-img-frame-100{width:100px;margin-right:10px;} .c-box .c-detail-listing-img .c-text{margin-left:110px;} /* DETAIL LISTING WITH IMAGE ALT - smaller font sizing and image */ .c-detail-listing-img-alt{padding-top:17px;margin-bottom:10px;background:url(/assets/images/shadow-short.png) no-repeat left top;} .c-detail-listing-img-alt-first{padding-top:0;background:none;} .c-detail-listing-img-alt .c-text{margin-left:120px;} #c-content .c-detail-listing-img-alt h2{font-size:1.2em;font-family:Verdana;margin-bottom:10px;} .c-slide{float:left;} .c-awards-carousel .c-padding{background:none;} .c-awards-carousel .c-slide-mask{width:720px;background:none;overflow:hidden} .c-awards-carousel .c-slide-list {padding:0;margin:0;position:relative} .c-awards-carousel li {float:left;display:inline;padding:0;margin:0;zoom:1} .c-awards-carousel .c-slide-image{padding:12px 3px;margin-right:3px;display:block;background:url(/assets/images/awards-carousel.png) no-repeat 0 0;height:68px;width:111px;text-align:center;} .c-awards-carousel .c-slide-image a, .c-awards-carousel img{display:block;margin:0 auto;} #c-content .c-awards-carousel .c-car-next {right:-6px;top:56px} #c-content .c-awards-carousel .c-car-prev {left:-4px;top:56px} .c-tab-content .c-img-border{border:1px solid #ccc;margin-bottom:10px;} #c-content .c-car-sample-images .c-slide-list li{margin-right:2px;} #c-content .c-car-sample-images .c-slide-image{width:138px;} .c-car-sample-images .c-slide-image{width:138px;height:102px;margin-right:0;} .c-car-sample-images p{clear:both;width:138px;margin:0 -25px;width:188px;} .js .c-car-sample-images p{display:none;} .js .c-car-sample-images .c-active p{display:block;} /* AWARDS */ .c-awards{margin:0;padding:0;list-style-type:none;position:absolute;bottom:0;left:0;z-index:5;} .c-awards li{background:#fff;border:1px solid #ccc;padding:8px;float:left;margin:0 10px 0 0;} /* PROMO PANELS */ .c-promo .c-text,.c-promo .c-detail-listing-img .c-text, .c-detail-listing .c-text{margin-left:170px;min-height:120px;} #c-content .c-promo li{font-size:1.1em;} .c-cols2 .c-promo-img{margin-left:-3px;position:relative;width:376px;} .c-promo-img h2, .c-promo-img p{position:absolute;left:-999em;} /* VIDEO LIST */ .c-box-footer-padding{width:758px;text-align:center;overflow:hidden;} .c-video-list{list-style-type:none;padding:0;display:inline-block;margin:0 auto;white-space:nowrap;} .c-video-list li{float:left;margin:0 4px 0 0;width:126px;display:block;padding-top:12px;} .c-video-list .c-video{padding:12px 0 12px 13px;background:url(/assets/images/video-list.png) no-repeat left top;} .c-video-list .c-active{background:url(/assets/images/video-arrow-white.png) no-repeat center top;} .c-video-list .c-active .c-video{background-position:left -83px;} .c-video-list a{display:block;float:left;position:relative;} .c-video-list span{display:block;width:100%;height:100%;background:url(/assets/images/play.png) no-repeat center center;position:absolute;left:0;top:0;} /* SOLUTIONS */ #c-content .c-solutions h2{font-size:2.2em;} #c-content .c-solutions h3{font-size:1.8em;} #c-content .c-solutions h4{font-size:1.455em;padding-bottom:10px;} /* TOP 5 */ .c-expander{border-bottom:1px solid #eee;margin-bottom:10px;} .c-expander .c-expander-header{border-top:1px solid #eee;padding-top:10px;} .c-expander .c-first{padding-top:0;border:none;} .c-expander-header a{background:url(/assets/images/arrow-red-right.png) no-repeat left 4px;padding-left:11px;} .c-expander-open a{background-image:url(/assets/images/arrow-red-down.png);background-position:left 5px;color:#cc0000;} .js .c-expander-content{padding-left:11px;} #c-content .c-top-5 h2{font-size:1.2em;font-family:Verdana;color:#333;} /* PACKAGE */ .c-package{border-top:1px solid #e7e7e7;padding-top:15px;margin-bottom:15px;} .c-package-first{border:none;padding:0;} .c-package .c-package-plus{text-indent:-999em;height:23px;width:24px;background:url(/assets/images/package-sprite.png) no-repeat left top;margin-top:54px;float:left;} .c-package .c-package-equals{text-indent:-999em;height:23px;width:24px;background:url(/assets/images/package-sprite.png) no-repeat left -27px;margin-top:54px;float:left;} .c-product-wrapper{background:url(/assets/images/prod-bg.jpg) repeat-x left top;float:left;width:160px;text-align:center;} .c-product-wrapper a{display:block;} .c-cols2 .c-product-wrapper{margin-right:10px;} .c-package span{display:block;font-size:1.1em;} .c-package .c-price{color:#333;margin-top:3px;} .c-package-total{float:left;width:370px;margin:35px 0 0 20px;} .c-package-total-text{float:left;width:200px;} .c-package-total p{padding:0;} .c-package-total .c-price{color:#333;font-size:1.2em;} .c-package-total .c-btn{float:right;} /* TUTORIAL */ .c-tutorial .c-text{width:200px;margin:0 0 15px 15px;float:left;border-right:1px solid #e5e5e5;min-height:120px;} .c-tutorial .c-download-options{width:120px;margin-left:15px;} #c-content .c-tutorial h2{font-size:1.2em;margin-bottom:10px;} #c-content .c-download-options .c-pdf, #c-content .c-download-options .c-video{background:none;padding-left:0;} .c-download-options .c-pdf a{background:url(/assets/images/icon-pdf.png) no-repeat left top;padding-left:20px;display:block;} .c-download-options li .c-size{display:block;color:#666;margin-top:3px;padding:0;background:none;} .c-download-options li a{background:url(/assets/images/icon-video.png) no-repeat left 2px;padding-left:20px;display:block;} .c-download-options li span{padding-right:8px;background:url(/assets/images/arrow-red-right.png) no-repeat right center;} #c-content .c-all{margin-top:8px;font-size:1.1em;line-height:1.2;} /* IMG LIST */ .c-img-list{margin:0 -3px;padding:0;list-style-type:none;} .c-img-list li{margin:0 0 0 2px;padding:0;float:left;} .c-img-list .c-first{margin-left:0;} body .c-img-list .c-box{margin:0;width:74px;} #c-content .c-img-list .c-box-padding{padding:0 4px 0 0;} #c-content .c-img-list img{border:none;display:block;margin:0 auto;} /* PAGINATION */ .c-pagination ul {list-style:none;margin:0;padding:0} #c-content .c-pagination li {float:left;font-size:1.1em;margin:0 4px;padding:0} .c-pagination .c-next {background:url(/assets/images/arrow-red-right.png) 100% 60% no-repeat;padding-right:11px} .c-pagination .c-prev {background:url(/assets/images/arrow-red-left.png) 0 60% no-repeat;padding-left:11px} .c-pagination .c-active span{color:#cc0000;} #c-content .c-pagination .c-all{margin-top:-4px;} /* FILTERING */ #c-content .c-filter .c-box-padding {padding:0} #c-content .c-filter h2 {font-size:1.6em;padding:0 16px 4px} #c-content .c-filter h3 {font-size:1.2em} #c-content .c-filter-section {background:url(/assets/images/filter-section-shadow.png) 0 100% repeat-x;margin:0 4px 16px 0;padding:0 16px 20px} #c-content .c-filter-section ul {list-style:none;margin:0;padding:0} #c-content .c-filter-section li {font-size:1.1em;margin:0 0 10px} #c-content .c-filter .c-last {background-image:none;margin-bottom:0} #c-content .c-filter .c-btn {margin-top:20px;} #c-content .c-filter-section label{font-size:1em;margin:0 0 0 5px;float:left;display:block;width:165px;} .c-filter-section input{float:left;display:block;} /* PRODUCT RANGES */ .c-product-ranges .c-g9 img {float:left;margin-top:22px} #c-content .c-product-ranges .c-box-padding {padding-top:22px} #c-content .c-product-ranges .c-carousel {margin-bottom:0} .c-product-ranges .c-text {margin:22px 0 0 180px;} .c-product-ranges .c-text .c-col {float:left;padding-right:10px;width:170px} .c-product-ranges .c-text .c-features {border-left:1px solid #e5e5e5;padding:0 0 0 10px;width:140px;margin:0;} #c-content .c-product-ranges h4 {color:#666;font-size:1.2em;padding-bottom:5px} /* REGISTRATION PANEL */ .c-registration{margin-bottom:17px;} #c-content .c-tab-top .c-g4 .c-registration h2{font-size:1.6em;} /* FIND CASE STUDY PANEL */ #c-content .c-find-case-studies h2{font-size:1.6em;} .c-find-case-studies .c-box-padding{padding-bottom:0;} .c-find-case-studies .c-box-padding .c-box-padding{padding-bottom:8px;} #c-content .c-find-case-studies .c-box{margin:0 -6px 0 -10px;} /* OVERLAY BOX */ .c-blackout{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);z-index:3;} .c-box-overlay{text-align:left;} .c-box-overlay .c-content-section{margin-bottom:20px;} .c-box-overlay .c-rule{background:url(/assets/images/section-shadow-overlay.png) repeat-x left top;)} .c-box-overlay .c-col{width:210px;} .c-box-overlay h2{border-bottom:1px solid #cc0000;padding-bottom:15px;margin-bottom:15px;} .c-box-overlay label{font-size:1.1em;font-weight:normal;padding-bottom:10px;} #c-content .c-box-overlay h2{font-size:1.5em;margin-bottom:15px;} #c-content .c-box-overlay h3{font-size:1em;} #c-content .c-box-overlay .c-circle-list li{font-size:0.92em;} .c-box-overlay .c-main-img{margin-bottom:15px;} .c-box-overlay .c-rule{margin:0 -40px;padding:28px 40px 20px 40px;} .c-box-overlay .c-product-wrapper{width:100px;background:url(image-bg-grad-small.jpg) no-repeat left top;} .c-box-overlay .c-product-wrapper img{width:80px;margin:0 auto;} .c-box-overlay .c-cols2 .c-product-wrapper{margin-right:0} #c-content li .c-box-overlay li{font-size:0.92em;} .c-box-overlay .c-close, .c-box-award-overlay .c-close{position:absolute;top:15px;right:15px;z-index:5;} .c-box-award-overlay .c-close{top:-4px;right:6px;} .c-box-overlay .c-product-list{background:url(/assets/images/image-bg-grad-small.jpg) repeat-x left 40px;} .c-box-overlay .c-product-list li{width:100px;margin:0;} .c-box-overlay .c-product-list li img{width:80px;margin:0 auto;} .addthis_button{float:right;margin:-16px 0 5px 0;} /* REGISTER */ #c-content .c-register .c-signup-product h3{margin-bottom:5px;} .js .c-register .c-signup-product h3{position:absolute;left:-999em;top:-999em;} /* CHALLENGES */ #c-content .c-challenges h2{margin-bottom:0;} .c-challenges .c-circle-list{margin-bottom:20px;} .c-challenges-text{width:340px;margin:15px 20px 0 0;float:left;} /* WHATS IN BOX */ #c-whats-in-box{} #c-whats-in-box .c-cols2 .c-arrow-list{clear:both;} .c-box-overlay #c-whats-in-box .c-cols2 .c-arrow-list{clear:none;} #c-whats-in-box .c-product-list{background:url(/assets/images/image-bg-grad-small.jpg) repeat-x left 40px;} #c-content #c-whats-in-box .c-product-list li{width:180px;} #c-whats-in-box .c-product-list img{width:80px;margin:0 auto;display:block;} .js #c-content #c-whats-in-box, .js #c-content #c-where-to-buy{position:absolute;left:-999em;top:-999em;} #c-whats-in-box ul li {display:inline-block;width:180px; margin-right:20px;} /* WHERE TO BUY */ .c-box-overlay #c-where-to-buy{width:275px;} .c-box-overlay #c-where-to-buy .c-text{width:270px;} .c-box-overlay #c-where-to-buy .c-btn{clear:both;} .c-box-overlay h2{font-size:1.8em;} /* CONTACT CANON */ .js #c-contact-canon{position:absolute;left:-999em;top:-999em;} .js .c-box-overlay #c-contact-canon{position:static;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(/assets/images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/assets/images/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(/assets/images/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(/assets/images/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(/assets/images/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(/assets/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/assets/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/assets/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/assets/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; /*overflow:hidden;*/} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{/*margin-bottom:28px;*/} #cboxTitle{position:absolute; bottom:4px; left:60px; text-align:left; width:70%;color:#949494;} #cboxCurrent{position:absolute; bottom:4px; right:30px;color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0;background:url(/assets/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px;background:url(/assets/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/assets/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/assets/images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/assets/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(/assets/images/borderTopLeft-ie6.png);} .cboxIE6 #cboxTopCenter{background:url(/assets/images/borderTopCenter-ie6.png);} .cboxIE6 #cboxTopRight{background:url(/assets/images/borderTopRight-ie6.png);} .cboxIE6 #cboxBottomLeft{background:url(/assets/images/borderBottomLeft-ie6.png);} .cboxIE6 #cboxBottomCenter{background:url(/assets/images/borderBottomCenter-ie6.png);} .cboxIE6 #cboxBottomRight{background:url(/assets/images/borderBottomRight-ie6.png);} .cboxIE6 #cboxMiddleLeft{background:url(/assets/images/borderMiddleLeft-ie6.png);} .cboxIE6 #cboxMiddleRight{background:url(/assets/images/borderMiddleRight-ie6.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /* Section shadows */ .c-rule, .c-g9 .c-rule {background:url(/assets/images/section-shadow.png) 0 0 no-repeat;padding-top:22px} .c-g9 .c-rule {background:url(/assets/images/section-shadow-g9.png) 0 0 no-repeat} .c-shadow-border {background:url(/assets/images/shadow-overlay.png) 0 0 no-repeat;height:27px;left:0;position:absolute;top:0;width:760px;z-index:5} .c-g9 .c-shadow-border {background:url(/assets/images/shadow-overlay-g9.png) 0 0 no-repeat;height:27px;left:0;position:absolute;top:0;width:521px} .c-col .c-shadow-border {background:url(/assets/images/shadow-overlay-col.png) 0 0 no-repeat;height:27px;left:0;position:absolute;top:0;width:370px} #c-content .c-g4 .c-box3-alt .c-box-padding .c-rule {background:url(/assets/images/section-shadow-g4.png) repeat-x 0 0; padding:25px 14px 10px 14px; margin:0px -10px 0 -14px;} #c-content .c-tab-top .c-g4 .c-box3-alt .c-box-padding .c-rule {background:url(/assets/images/section-shadow-g4.png) repeat-x 0 0; padding:25px 15px 10px 11px; margin:0px -11px 0 -12px;} .c-g4 .c-rule-alt{background:none;border-top:1px solid #E6E6E6;padding-top:20px;} .c-g4 .c-rule .c-carousel {margin-right:-4px;margin-left:1px;} /* Aurélien's additions */ #c-content .c-content-section h2 {font-size:1.8em;} #c-content .c-content-section .c-box-header h2 {font-size:1.4em;} /* Footnotes stuff */ #c-content .c-footnotes, #c-content .c-footnotes li, #c-content .c-footnotes th, #c-content .c-footnotes td {color:#9a9b9c;} #c-content .c-footnotes table {margin-bottom:2em;} #c-content .c-footnotes li {font-size:1em;} #c-content .c-footnotes th, #c-content .c-footnotes td {font-size:10px;} .c-disclaimer li {list-style:none;padding:0em 0 1em;margin:0;} /* Colour picker */ .c-colour-mask {background:url('/assets/images/colour-mask.png') no-repeat;height:14px;width:18px; display:block;position:absolute;margin-top:-14px;} #c-colorbox-tour {float:right;} /* Pricing */ .c-list-border .c-first {border-top:none;} .c-buynow {margin-bottom:1em;} .c-price, .c-price-details {width:auto;} /* Important bit on spacing the first element in the 70 column of a 70-30 wrapper. */ #c-content .c-g4 h2 {font-size:1.2em;} #c-content div.c-shadow-border + div.c-grid.c-g9 {padding-top:2em;} /* #c-content .c-content-section .c-box .c-box-padding {padding-top:1em;} */ #c-content .c-content-section .c-box .c-box-padding .c-content-section {margin-bottom:1em;} /* #c-content .c-content-section .c-content-focuslist .c-box-padding {padding-top:0em;} */ /* Cancel the top border of two column layout - see product page detailed features */ .c-detail-listing .c-first {border:none;} .c-tab-content .c-tab-top .c-content-section {margin-bottom:0px;} .c-tab-content .c-tab-top .c-content-section .c-content-section {margin-bottom:30px;} .c-tab-content .c-tab-top .c-product-intro .c-content-section {margin-bottom:30px;} .c-product-info, #c-colorbox-tour, .c-colour-tooltip {margin-bottom:10px; } .c-product-info {margin-top:-10px;} .c-sample-image-download {padding-left:1em;} #cboxCurrent, #cboxTitle {font-family: Verdana, Geneva, sans-serif; } /* Fixes tab wrapper shadow overlap with product extra shot on overview tab */ #p-overview .c-tab-top .c-content-section {position:static;} /* Remove me when DendaNew is back */ p.c-strapline.c-denda {font-size: 1.3em;} #c-content .c-page-intro p.c-denda {font-size:1.2em;} /* End of DendaNew removal */ /* Reset the font size to the "correct" one - undo what styles.css does */ tbody #c-content {font-size:10px;line-height:normal !important;} /* START - Amaze Brightcove chaptered videoplayer */ #bcl-container h3 { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #fff; margin: 10px 0 0 0; } #bcl-container span { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #666; } #bcl-container .next {background: url(/assets/images/case-carousel-controls.png) 0 -26px no-repeat;} #bcl-container .prev {background: url(/assets/images/case-carousel-controls.png) 0 0 no-repeat;} #bcl-container .next.disabled {background: url(/assets/images/case-carousel-controls.png) -23px -26px no-repeat;} #bcl-container .prev.disabled {background: url(/assets/images/case-carousel-controls.png) -23px 0px no-repeat;} #bcl-container #menu-control {float: right;cursor: pointer;margin-top: 10px;} #bcl-container #menu-control.arrow{ padding-right: 15px; /* width of the image plus a little extra padding */ display: block; /* may not need this, but I've found I do */ } /* Carousel*/ #bcl-container .inner {width: 100%; margin: 0 auto;} #bcl-container .jCarouselLite{float: left;} #bcl-container .prev { display: block; margin-top: 35px; margin-right: 10px; margin-left:-1px; float: left; width: 23px; height: 28px; text-decoration: none; } #bcl-container .next { display: block; margin-top: 35px; margin-left: 10px; margin-right:-1px; float: left; width: 23px; height: 28px; text-decoration: none; } .clearfix:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block;} html[xmlns] .clearfix { display: block;} * html .clearfix {height: 1%;} #c-video-chapters-meta h3 {padding-top:1em;margin:0;} #c-video-chapters-meta p {margin:0;margin-top:0.5em; padding:0;} /* END - Amaze Brightcove chaptered videoplayer */ /* V1.1 */ /* Gives me a table */ #c-content thead{font-size:11px;} #c-content .c-table th{width:208px;vertical-align:middle;} #c-content .c-table td{width:490px; vertical-align:middle;} #c-content .c-table th, #c-content .c-table thead td {border-top:1px solid #fff;border-right:2px solid #fff;background-color:#eee;} #c-content .c-table td{border-top:1px solid #fff;border-right:2px solid #fff;} #c-content .c-table th:last-child, #c-content .c-table td:last-child{border-right:0;} #c-content table.c-table {margin-bottom:2em;} body.t-nobranding #mainform {margin:20px auto;width:760px;} .c-g4 h3 {font-size:1.2em;} /* This is for the Template-Content-Generic */ .c-detail-listing-img .c-detail-titleimage, .c-detail-listing-img .c-detail-mainimage, .c-generic-full .c-detail-titleimage, .c-generic-full .c-detail-mainimage, .c-generic-full .c-detail-introimage {text-align:center;padding-bottom:1em;} .c-detail-listing-img .c-detail-bottomimage,.c-generic-full .c-detail-bottomimage {text-align:center;padding-top:2em;} #c-content .c-generic-full h1{color:#cc0000;} #c-content .c-tab-content .c-generic-full h1{color:#393737;} .c-btn-cta {margin:0.5em 0 0.5em 1em ;} /* Wrappers extra handling */ /* Wrapper 100 */ .c-content-section .c-full-section, .c-content-section .c-full-section-listing {margin:1em 0 1em;} /* Give me a line divider... */ .c-content-section .c-full-section-listing {border-top:1px solid #e6e6e6;padding:2em 0 1em;margin-bottom:0px;} /* All cells get a 1em padding by default */ .c-col {padding:0 0 1em 0;} /* Removes padding above the first row of Template-Wrapper-50-50-LineDivider */ .c-detail-listing-img .c-first, .c-detail-listing .c-first {padding:0 0 1em 0;} /* Removes all padding inside Template-Wrapper-50-50-MiddleDivider */ /* Creates true separation of each cell in Template-Wrapper-50-50-MiddleDivider */ .c-cols2-alt{padding:0;margin-bottom:2em;} .c-cols2-alt .c-col{padding:0;} /* We identify the first element mostly because we don't want divider one can't have a border */ .c-content-section .c-first {border-top:0px;} /* Multimedia list */ .c-arrow-list li a.c-video span {background:url(/assets/images/icon-video.png) no-repeat left 2px;padding-left:20px;display:block;} .c-arrow-list li a.c-pdf span {background:url(/assets/images/icon-pdf.png) no-repeat left 0px;padding-left:20px;display:block;} .c-button li a.c-video span {background:url(/assets/images/icon-video.png) no-repeat 8px 8px;padding-left:27px; padding-right:0px; display:block;} .c-button li a.c-pdf span {background:url(/assets/images/icon-pdf.png) no-repeat 8px 6px;padding-left:27px; padding-right:0px; display:block;} .c-button li a.c-btn-large.c-video span { background:url(/assets/images/icon-video-white.png) no-repeat 8px 8px; } /* V 1.2 */ /* Products - Accessories Carousel template */ .c-links-carousel .c-slide-image {margin-right:0px;margin-left:0px;text-align:center;width:140px;} #c-content .c-links-carousel .c-slide-image a {margin-right:0px;margin-left:0px;text-align:center;width:140px;text-decoration:none;} .c-links-carousel .c-slide-image img, .c-links-carousel .c-slide-image a img {margin-right:10px;margin-left:10px;} .c-links-carousel .c-product-new {background:#cc0000 url('/assets/images/btn-large-grad.png') repeat-x;color: #ffffff;padding:0.05em 0.2em;font-size:0.8em;position:absolute;top:100px;right:10px;} .c-slide-image {position:relative;} .c-links-carousel .c-padding-alt {background:url(/assets/images/image-bg-grad.png) 0 60px repeat-x;margin-bottom:0px;} .c-links-carousel .c-car-controls .c-car-next{width:20px;} /* The following makes the carousel virtually fluid */ .c-links-carousel .c-slide-mask {width:710px;} .c-g9 .c-links-carousel .c-slide-mask {width:420px;} .c-g9 .c-links-carousel .c-car-controls li {top:48px;} .c-cols2 .c-col .c-links-carousel .c-slide-mask {width:280px;} .c-g9 .c-cols2 .c-col .c-links-carousel .c-slide-mask {width:140px;} .c-g4 .c-links-carousel .c-slide-mask {width:140px;} .c-g4 .c-links-carousel .c-slide-image {width:140px;} .c-g4 .c-links-carousel .c-padding-alt {background:url(/assets/images/prod-bg-large.jpg) no-repeat 5px 0px;} .c-g4 .c-links-carousel {margin-right:4px;margin-left:-2px;} /* Products - Accessories List list */ .c-detail-listing-large-img .c-text {margin-left:300px;} #c-content .c-detail-listing-img .c-detail-listing-product h3 {font-size:1.4em;} .c-product-new {background:#cc0000 url('/assets/images/btn-large-grad.png') repeat-x;color: #ffffff;padding:0.05em 0.2em;font-size:0.9em;position:absolute;top:5px;right:5px;} .c-product-wrapper {position:relative;} /* V 1.3 */ .c-content-generalcarousel-30 { margin-bottom:0px; } .c-content-generalcarousel-30 ul.c-slide-list li span { display:block; width:180px; padding:0em 5px 1em; } /* Template-Content-DropDownList-Fluid */ .c-content-dropdownlist select{width:100%;float:left;margin-right:10px;} .c-box .c-content-dropdownlist select{width:100%;float:left;margin-right:10px;} /* Template-Content-ProductCollection-Fluid */ .c-product-range {text-align:center;} .c-product-range ul {display:inline-block;} /*.c-product-list li {display:inline-block;margin:0 6px 0 0;width:120px;font-size:1.1em;float:none; vertical-align:top;}*/ .c-product-range .c-product-list li {display:inline-block;margin:0 6px 0 0;width:120px;font-size:1.1em;float:none; vertical-align:top;} /* ProductCarouselWithIntro and ProductCarouselWithMainText */ .c-product-extra{width:120px; padding:0px 10px 0px 10px; float:left;font-size:10px;} #c-content .c-carousel .c-slide-list li li {display:block; float:none; margin-bottom:0.6em;} .c-product-extra ul {text-align:left; margin-bottom:1.6em;} .c-prod-list-extra .c-slide {width:140px;} .c-prod-list-extra .c-slide-image {min-height:155px;} .c-prod-list-maintext .c-product-extra {display:none;text-align:left;} .c-prod-list-maintext .c-product-extra ul {text-align:left;} .c-arrow-down span {background:url(/assets/images/arrow-red-down.png) right 50% no-repeat;padding-right:13px;} .c-arrow-up span {background:url(/assets/images/arrow-red-up.png) right 50% no-repeat;padding-right:13px;} .c-arrow-down span.c-toggle-button-hidden{display:none;} .c-arrow-up span {display:none;} .c-toggle-carousel {} .c-arrow-up span.c-toggle-button-hidden{display:block;} /* ProductList-Fluid and ProductListWithMainText-Fluid */ .c-product-list h3.c-denda a { font-family:Arial,Helvetica,sans-serif; } .c-product-list .c-product-wrapper { margin-top:-1.6em; background:url(/assets/images/prod-bg.jpg) repeat-x left 25px; } .c-product-list .c-detail-listing-img, .c-product-list .c-detail-listing-img .c-text { margin-top:0.6em; } .c-cashback { display: block; font-weight: bold; margin: 10px 0; } /* .c-circle-list li{ display:block; } */ /* external tab – right hand side panel fix */ .c-tab-wrapper .c-g4 {margin-top: -28px;} /* google captcha*/ #tdcaptcha a:not(.formatlink):after { content: none !important; } #tdcaptcha table td { line-height: 1px !important; } #recaptcha_privacy span { line-height: 1; } .c-buynow { width: 100%; text-align: center; padding-bottom: 5px; padding-top: 5px; background-color: #009697; } .c-buynow a span { font-size: 1.8rem !important; color: #fff !important; background: transparent none repeat scroll 0% 0% !important; padding-right: 0px !important; } .retailer { border-bottom: 1px solid #DBDCDD !important; }