/* ------------------------------------------------------------- */
/* layout.css                                                    */
/* CSS file containing override styles for Daddy and Mummy bear  */
/* Issue 2.0 - 3-Nov-2017 - VLD                                  */
/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */
/* DADDY BEAR                                                    */
/* Represents the widest format normally used on desktop dispays */
/* ------------------------------------------------------------- */


/* ------ GENERAL ------ */

html,
body {margin:0; padding:0; height:100%; min-height:100%}
body {background:url(/images/design/bkgrnd-tile.png) repeat}

/* Container */
#container {width:100%; min-height:100%; position:relative}

/* Page */
.page{width:60em; margin:0 auto; padding:170px 0 0}

/* Main content area */
.main-content-area{float:left; width:936px; min-height:100%; padding:12px; padding-bottom:24px; background:#FFF}
.interior .main-content-area{width:920px; padding:12px 20px 24px}



/* ------ BREADCRUMBS ------ */

#breadcrumbs {display:block; width:100%; margin:0; margin-bottom:10px; padding:0; border:none; background:none}
#breadcrumbs p{font-size:0.75em; margin:0 8px 0 0; color:#AAA}
#breadcrumbs a{color:#555; text-decoration:underline}
#breadcrumbs a:hover{text-decoration:none}
#breadcrumbs .separator{padding:0 5px; color:#AAA}


/* ---------------------- HEADER -------------------- */

/* General */
header{position:absolute; top:0; left:0; width:100%; height:auto}
header .header-content{width:60em; height:170px; margin:0 auto}
header .logo{float:left; width:280px; height:96px; margin:16px 30px; border:none; background:transparent url(/images/design/image-matrix.png) no-repeat 0 0}

/* Utilities */
header .utilities{float:right; position:relative; width:auto; height:28px; margin:0; margin-top:50px}
header .utilities ul{float:left; width:auto; height:28px; margin:0}
header .utilities li{float:left; margin:0 10px; padding:0; font-size:0.8em; line-height:28px; font-weight:bold; color:#FFF; list-style:none}
header .utilities li a{display:block; height:28px; margin:0; color:#FFF; text-decoration:underline}
header .utilities li a:hover,
header .utilities li:hover a{text-decoration:none}
header .utilities li.login a{padding:0 10px; text-decoration:none; background:#072135}
header .utilities li.login a:hover{color:#1C68A4; background:#FFF}

/* Search */
header #search-form{float:left; position:relative; width:220px; height:28px; margin:0; border:none; background:#FFF}
header #search-text{font-size:0.8em; line-height:28px; border:none; background:transparent}
header #search-form input[type="text"] {width:182px; height:28px; padding:0 28px 0 10px; color:333; outline:none}
header #search-button {position:absolute; top:6px; right:6px; height:16px; width:16px; border:none; background-color:transparent; background:url(/images/design/image-matrix.png) no-repeat -284px -32px; padding: 0 0 0 16px; font-size:0px; line-height:0em; letter-spacing:-20px; text-indent:-9999px; display:block; overflow:hidden; cursor:pointer; -webkit-appearance:none}

/* Main navigation */
header .nav{float:left; position:relative; width:100%; height:42px; margin:0; background:#072135}
header .nav ul{float:left; position:relative; width:auto; height:42px; margin:0; background:none}
header .nav li {float:left; height:42px; margin:0; font-size:1em; line-height:42px; list-style:none; text-transform:uppercase; font-weight:bold}
header .nav li a{display:block; height:42px; padding:0 16px; color:#FFF; text-decoration:none}
header .nav li a:hover,
header .nav li a.active,
header .nav li:hover a{color:#1C68A4; background:#FFF}
header .nav li.home-link a{width:60px; height:42px; padding:0; background:url(/images/design/icon-home.png) no-repeat 0 0}
header .nav li.home-link a:hover,
header .nav li.home-link a.active{background:#FFF url(/images/design/icon-home.png) no-repeat -60px 0}
header .nav li div{display:none; position:absolute; width:920px; height:auto; z-index:100; top:42px; left:0; padding:10px 20px; -moz-box-shadow:0 1px 2px #444; -webkit-box-shadow:0 1px 2px #444; box-shadow:0 1px 2px #444; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#444444')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#444444');background:url(/images/design/bkgrnd-nav-dropdown.png) repeat}
header .nav li:hover div{display:block}
header .nav li:hover ul{float:left; width:120px; height:auto; margin:10px 20px 10px 0; padding-left:10px; border-left:1px solid #DDD}
header .nav li:hover li{display:block; width:100%; margin:0; margin-bottom:10px; height:auto; font-size:0.8em; line-height:1.2em; text-transform:none}
header .nav li:hover li a{height:auto; margin:0; padding:0; color:#222; font-weight:normal; background:none}
header .nav li:hover li a:hover,
header .nav li:hover li:hover a{color:#000; text-decoration:underline; background:none}


header .nav .twitter{width:100px; height:30px; margin:6px 5px 0 10px; background:#FFF url(/images/design/image-twitter.png) no-repeat}
header .nav .facebook{xfloat:right; width:100px; height:30px; margin:6px 10px 0 0; background:#FFF url(/images/design/image-facebook.png) no-repeat}


/* ---------------------- CONTENT FORMAT -------------------- */

/* [CORE] THREE column content class */
.content-3-col {float:left; width:470px;margin:0; margin:189px 0 0 240px; padding:0}
/* [CORE] TWO column content class */
.left-col-3-col {float:left; width:200px; margin-left:-700px; padding:0}
* html .left-col-3-col {display:inline;}
.content-2-col {float:left; width:720px;margin:0; margin:0 0 0 200px; padding:0}
/* [CORE] TWO column left column class */
.left-col-2-col {float:left; width:190px; margin-left:-920px; padding:0}
* html .left-col-2-col {display:inline;}
/* [CORE] TWO column content class WITHOUT left column */
.content-2-col-no-left {float:left; width:630px; margin:0; padding:0; background:#FFF}
* html .content-2-col-no-left {display:inline;}
/* [CORE] ONE column content class */
.content-1-col {float:left; width:100%; margin:0}



/* ---------------------- [CORE] PAGINATION -------------------- */

.pagination {float:left; width:100%; height:40px; position:relative; margin:0; border:none; border:none; background:#144169}
.pagination p{position:absolute; width:auto; height:40px; left:10px; top:0; margin:0; padding:0; font-size:0.8em; color:#FFF; line-height:40px}
.pagination a{color:#FFF; text-decoration:none}
.pagination a:hover,
.pagination a.active{color:#80AFD1; text-decoration:underline}
.pagination ul {text-align:center; height:30px; margin:0; padding:0}
.pagination li {display:inline; list-style:none; font-size:0.8em; line-height:40px; padding:0 2px; margin:0}
.pagination a.previous {width:7px; height:11px; padding-top:5px; background:url(/images/design/icon-arrowleft.png) no-repeat}
*:first-child+html .pagination a.previous {padding-top:4px} * html .pagination a.previous {padding-top:4px}
.pagination a.next {width:7px; height:11px; padding-top:5px; background:url(/images/design/icon-arrowright.png) no-repeat}
*:first-child+html .pagination a.next {padding-top:4px} * html .pagination a.next {padding-top:4px}
.with-filters p{float:left; width:19%; position:relative; margin-left:1%; top:0; left:0; padding:0}
.with-filters ul{float:left; width:55%; text-align:center; margin:0}
.with-filters form{float:right; width:auto; height:40px; margin:0; margin-right:1%; padding:0}
.with-filters form p{float:none; display:inline-block}
.with-filters form a.show-all{font-size:0.7em; line-height:40px}
.with-filters fieldset{display:inline-block; width:auto; margin-right:5px}
.with-filters legend{display:none}
.with-filters label{display:none}
.with-filters select{display:inline-block; vertical-align:center; height:22px; margin:0; font-size:0.7em; line-height:22px; padding:1px 0}
.with-filters .go-button{display:none; vertical-align:center; height:22px; margin:0 2px; font-size:0.65em; line-height:22px; text-transform:uppercase; color:#FFF; border:none; background:#111; cursor:pointer}
.with-filters .showing{width:19%; margin-left:1%}




/* ---------------------- HOMEPAGE SLIDESHOW -------------------- */

/* General */
#homeslide {position:relative; float:left; margin:0}
#homeslide .slides_container {width:660px; display:none; overflow:hidden}
#homeslide .slides_container .slide {position:relative; width:660px; height:360px; display:block; background:#000}
#homeslide .slides_container img{width:660px; height:360px; display:block}
#homeslide .pagination {list-style:none; margin:0; padding:0; background:none}
#homeslide .pagination .current a {color:red}

/* Slideshow text options*/
#homeslide .slides_container .text{position:absolute; bottom:30px; left:20px; width:240px; height:auto; margin:0; padding:20px; text-align:left; background:url(/images/design/bkgrnd-slideshow-text-black.png) repeat}
#homeslide .slides_container .text h3{margin:0; margin-bottom:12px; font-size:1.8em; font-weight:bold; line-height:1em; color:#FFF; text-shadow:black 0.1em 0.1em 0.2em}
#homeslide .slides_container .text h3 a{text-decoration:none; color:#FFF}
#homeslide .slides_container .text p{margin:0; font-size:0.8em; line-height:1.4em; color:#FFF}
#homeslide .slides_container .text-wrapper{width:100%; height:auto; background:none}
#homeslide .slides_container .more-info{display:inline-block; height:24px; margin-top:10px; padding:0 10px; color:#FFF; font-size:0.8em; font-weight:bold; line-height:24px; text-decoration:none; background:#FF0101}
#homeslide .slides_container .more-info:hover{color:#FF0101; background:#FFF}

/* Slideshow Pagination */
#homeslide .pagination {float:right; margin:1px 0 12px; width:auto; height:auto; border:none}
#homeslide .pagination li {float:left; margin:0; margin-left:1px; padding:0; list-style:none}
#homeslide .pagination li a {display:block; width:54px; height:5px; overflow:hidden; background:#CCC}
#homeslide .pagination li.current a {background:#FF0101}




/* ---------------------- HOMEPAGE BANNERS -------------------- */

/* Banner container */
.banners{float:left; width:264px; height:360px; margin:0; margin-left:12px}

/* Slideshow banner */
#homebanner {position:relative; float:left; margin:0; margin-top:12px}
#homebanner .slides_container {width:264px; display:none; overflow:hidden}
#homebanner .slide {position:relative; width:264px; height:174px; display:block; background:#000}
#homebanner .slide img{width:264px; height:174px; display:block}
#homebanner .pagination {display:none}

/* Slideshow text options */
#homebanner .text{position:absolute; left:0; bottom:0; width:224px; height:auto; margin:0; padding:10px 20px; background:url(/images/design/bkgrnd-slideshow-text-black.png) repeat}
#homebanner .text h3{margin:0; font-size:0.9em; font-weight:bold; line-height:1em; color:#FFF; text-align:center; text-shadow:black 0.1em 0.1em 0.2em}
#homebanner .text h3 a{text-decoration:none; color:#FFF}
#homebanner .text h3 a:hover{text-decoration:none}
#homebanner .text-wrapper{width:100%; height:auto}

/* Static banner */
.banner-static {float:left; margin:0; padding:0}

/* Banner instance */
.homebanner{position:relative; width:264px; height:174px}
.homebanner img {display:block; width:264px; height:174px}

/* Static banner text */
.homebanner .text{position:absolute; left:0; bottom:0; width:224px; height:auto; margin:0; padding:10px 20px; background:url(/images/design/bkgrnd-slideshow-text-black.png) repeat}
.homebanner .text h3{margin:0; font-size:0.9em; font-weight:bold; line-height:1em; color:#FFF; text-align:center; text-shadow:black 0.1em 0.1em 0.2em}
.homebanner .text h3 a{text-decoration:none; color:#FFF}
.homebanner .text h3 a:hover{text-decoration:none}
.homebanner .text-wrapper{width:100%; height:auto}

/* Intro banner */
.intro-banner{position:relative; float:left; width:264; height:auto; margin:0; margin-left:12px}
.intro-banner img {display:block; width:264px; height:110px}




/* ---------------------- SPECIAL OFFER BANNERS -------------------- */

/* Banner container */
.special-offer-banners{float:left; width:960px; height:auto; margin:20px 0 0 -20px}
.special-offer-banners .banner-static{margin:20px}
.special-offer-banners .homebanner{width:280px; height:185px}
.special-offer-banners .homebanner img {width:280px; height:185px}
.special-offer-banners .homebanner .text{width:240px}





/* ---------------------- INTRO TEXT -------------------- */

/* General */
.intro-text{float:left; width:660px; margin:0}
.intro-text h2{margin:0 0 20px}



/* ---------------------- HOMEPAGE LOGOS -------------------- */

.logos {float:left; width:100%; margin:0; margin-top:12px; border-top:1px dotted #DDD; background:none}
.logos table{float:left; width:936px; height:80px; margin:0; border:none}
.logos td{width:auto; height:70px; padding:5px; vertical-align:middle; text-align:center; border:none}
.logos td img{max-width:80px; max-height:65px}



/* ---------------------- CONTENT HEADER IMAGE / VIDEO -------------------- */

/* General */
.content-header-image-video{float:left; position.relative; width:100%; height:auto; margin:0 0 10px 0}

/* Image */
.content-header-image-video img{float:left; width:540px; height:auto; margin:0}
.no-text img{width:100%}

/* Video */
.content-header-image-video object{float:left; width:520px; height:auto; margin:0}
.no-text object{width:100%}

/* Description text */
.content-header-image-video .text{float:left; width:140px; margin:0; margin-left:20px; padding-top:20px; border-top:1px solid #DDD}
.content-header-image-video .text h3{margin:0; font-size:1.2em; line-height:1.4em; color:#5a5c57; text-transform:none}

/* Caption */
.content-header-image-video .caption{float:left; width:540px; padding:6px 0 0}
.no-text .caption{width:100%}
.content-header-image-video .caption p{font-size:0.75em; line-height:1.2em; color:#5a5c57}



/* ---------------------- CONTENT IMAGE / VIDEO -------------------- */

/* General */
.content-image-video{clear:right; float:right; position:relative; width:320px; height:auto; margin:0 0 10px 40px}

/* Image */
.content-image-video img{display:block; width:320px; height:auto; margin:0}

/* Video */
.content-image-video object{float:left; width:320px; height:auto; margin:0}

/* Gallery */
.gallery img{height:298px}
.gallery ul{float:left; width:420px; margin:0}
.gallery li{float:left; list-style:none; width:83px; height:59px; margin:0 1px 1px 0; background:#CCC}
.gallery li img{display:block; width:83px; height:59px; margin:0}
.gallery li.active img,
.gallery li:hover img{opacity:0.5; filter:alpha(opacity=50)}

/* Caption */
.content-image-video .caption{width:100%; padding:6px 0 0}
.content-image-video .caption p{font-size:0.75em; line-height:1.2em; color:#5a5c57}

/* Left aligned */
left-aligned{float:left}




/* ---------------------- PRESS -------------------- */

/* General */
#press {position:relative}
#press .back-link{position:absolute; top:-28px; right:100px; text-align:right; font-size:0.7em; color:#999}

/* Pagination */
#press .pagination{border:none}

/* Listing */
#press .press-listing {float:left; width:960px; margin:10px 0; padding:0; border:none}
#press .press-listing li{float:left; display:inline; list-style:none; width:240px; height:380px; font-size:1em; line-height:1em; text-align:center; margin:0; background:#FFF}
#press .press-listing li:hover{}
#press .press-listing .press-image {display:table-cell; vertical-align:middle; width:216px; height:280px; text-align:center; padding:2px; margin:15px 10px; border:none}
#press .press-listing .press-image * {vertical-align:middle}
#press .press-listing .press-image {display: block}
#press .press-listing .press-image img {max-width:215px; max-height:280px; margin:0}
* html #press .press-listing .press-image img{width:215px; height:280px}
#press .press-listing .press-image span {display:inline-block; height:99%; width:1px}
*:first-child+html #press .press-listing .press-image span {height:100%} * html #press .press-listing .press-image span {height:100%}
#press .press-listing p {font-size:0.8em; line-height:1.1em; color:#111; margin:0; text-align:center; text-transform:uppercase}
#press .press-listing p a{color:#111}
#press .press-listing .press-name {padding:0 5px; margin-top:15px}
#press .press-listing .press-name a{text-decoration:none}
#press .press-listing .press-name a:hover{text-decoration:underline}
#press .press-listing .date {margin:0; margin-top:5px; font-size:0.75em; color:#555; font-style:italic; text-transform:none}

/* Image */
#press .content-image{float:left; position:relative; width:auto; height:auto; margin:0 40px 10px 0}
#press .content-image img{display:block; width:auto; max-width:550px; height:auto; max-height:780px; margin:0}

/* Caption */
#press .content-image .caption{width:100%; padding:6px 0 0}
#press .content-image .caption p{font-size:0.75em; line-height:1.2em; color:#5a5c57}

/* Description */
#press .description{float:left; width:320px; margin:0}
#press .description p{font-size:0.8em; text-transform:none}
#press .description .date{font-style:italic; color:#555; margin-bottom:40px}
#press .description .more-link{margin-top:20px}

/* Addthis */
#press .addthis_toolbox {position:absolute; top:-26px; right:0; margin:0}
#press .addthis_toolbox p{float:left; width:auto; margin-right:10px; color:#555; line-height:1.7em}
#press .addthis_toolbox img{display:inline-block; width:16px; height:16px; margin:0}



/* ---------------------- JOURNAL -------------------- */

/* General */
#journal {position:relative}
#journal .date{font-style:italic; font-size:0.8em; color:#555; margin-bottom:30px}
#journal .back-link{position:absolute; top:-28px; right:100px; text-align:right; font-size:0.7em; color:#999}

/* Addthis */
#journal .addthis_toolbox {position:absolute; top:-26px; right:0; margin:0}
#journal .addthis_toolbox p{float:left; width:auto; margin-right:10px; color:#555; line-height:1.7em}
#journal .addthis_toolbox img{display:inline-block; width:16px; height:16px; margin:0}

/* Pagination */
#journal .pagination{border:none}

/* Listing */
#journal .journal-listing {float:left; width:100%; margin:10px 0; padding:0; border:none}
#journal .journal-listing li{float:left; list-style:none; width:100%; margin:20px 0; font-size:1em}
#journal .journal-listing li h3 a{text-decoration:none}
#journal .journal-listing li h3 a:hover{text-decoration:underline}
#journal .journal-listing img{float:left; width:455px; height:320px; margin:0; margin-right:40px; background:#000}
#journal .journal-listing .description{float:left; width:425px; height:318px; padding-right:40px; border-top:1px dotted #e2e2e2; border-bottom:1px dotted #e2e2e2}
#journal .journal-listing .description .date{font-style:italic; font-size:0.8em; color:#555; margin-bottom:30px}



/* ---------------------- GALLERY -------------------- */

/* General */
#gallery {position:relative}

/* Pagination */
#gallery .pagination{border:none}

/* Listing */
#gallery .gallery-listing{float:left; width:100%; margin:10px 0}
#gallery .gallery-listing li{position:relative; float:left; width:auto; height:auto; list-style:none; margin:0 10px 10px 0}
#gallery .gallery-listing img{display:block; width:auto; height:100px; margin:0}
#gallery .gallery-listing a:hover span{position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/design/bkgrnd-gallery-hover.png) center center no-repeat}



/* ---------------------- STANDARD FORM -------------------- */

.standard-form {float:left; width:100%; margin:0; margin-bottom:20px; padding:0; background:#none}
.standard-form h3{font-size:1.2em; margin:0; margin-bottom:20px}
.standard-form legend{display:none}
.standard-form fieldset{border:none; margin:0}
.standard-form ul {float:left; width:100%; list-style:none; margin:10px 0; padding:0; padding-top:20px; border-top:1px dotted #DDD}
.standard-form .sub-section {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #CCC}
.standard-form li{float:left; font-size:12pt; width:100%; margin:5px 0; padding:0}
.standard-form li.check-box {display:inline-block; width:auto; margin:0; margin-right:20px}
.standard-form li.date {display:inline-block; width:auto; margin-right:40px}
.standard-form li.time {width:200px; margin-right:10px}
.standard-form .compulsory{font-style:italic; font-size:90%; font-weight:normal}
.standard-form .caption{display:block; font-size:0.75em; font-style:italic; font-weight:normal; margin:5px 0 8px 22%; padding:0}
.standard-form label {display:inline-block; vertical-align:middle; width:20%; font-size:0.8em; line-height:32px; font-weight:bold; color:#333; margin-right:1%}
.standard-form label.textarea-label {vertical-align:top}
.standard-form label.checkbox-label {width:auto; margin-right:0}
.standard-form label.date-label {width:auto; min-width:60px}
.standard-form label.editor-label {width:auto; margin:20px 0 20px 2%}
.standard-form select {display:inline-block; vertical-align:middle; padding:4px; border:1px solid #CCC; color:#333}
.standard-form input {display:inline-block; height:30px; vertical-align:middle; width:auto; margin:0; padding:0 4px; border:1px solid #DDD; font-size:0.8em; color:#333; background:#f2f2f2}
.standard-form input.text {width:76%}
.standard-form input.medium {width:50%}
.standard-form input.small {width:25%}
.standard-form input.xsmall {width:12%}
.standard-form input.date {width:80px}
.standard-form input.time {width:160px}
.standard-form input.checkbox {border:none}
.standard-form input.radio {border:none}
.standard-form input.hidden{display:none}  /* For Firefox to prevent white squares appearing */
.standard-form input.no-label{margin-left:21.5%}
.standard-form textarea {border:1px solid #DDD; padding:4px; color:#333; background:#f2f2f2}
.standard-form textarea.standard-textarea {width:76%}
.standard-form span.options {float:left; height:20px; margin-right:14px}
.standard-form .form-separator {border-bottom:1px dotted #CCC}
.standard-form .captcha {padding-bottom:10px; border-bottom:1px dotted #DDD}
.standard-form .captcha-container {display:inline-block; vertical-align:top; width:76%}
.standard-form .captcha .caption{margin-left:0}
.standard-form .captcha label {*float:left}
.standard-form .captcha input {*float:left}
.standard-form a.captcha-image-change{display:inline-block; vertical-align:middle; font-size:0.9em; text-decoration:underline; margin:0 0 0 8px}
.standard-form a.captcha-image-change:hover{text-decoration:none}
.standard-form #imgCaptcha {display:inline-block; vertical-align:middle; margin:0 0 0 8px}
.standard-form a.privacy-link{float:left; margin:5px 20px 0; font-size:0.8em; text-decoration:underline}
.standard-form a.privacy-link:hover{text-decoration:none}
.standard-form .send-button{display:inline-block; height:32px; margin:20px 0 0 22%; font-size:0.8em; line-height:32px; padding:0 15px; text-transform:uppercase; font-weight:bold; color:#FFF; border:none; background:#FF0101; cursor:pointer; -webkit-appearance:none}



/* ---------------------- LEFT COLUMN -------------------- */

/* General */
#left-col{margin-top:0; padding:23px 0}
#left-col ul{width:168px; margin:20px 0; padding:0}
#left-col li{list-style:none; width:100%; height:20px; margin:0; margin-bottom:5px}
#left-col li a{display:inline-block; width:auto; height:20px; margin:0; padding:0; text-decoration:none}
#left-col li a:hover,
#left-col li a.active{color:#000}

/* Product category sub nav */
#left-col .sub-nav li{height:28px; line-height:28px; margin-bottom:1px}
#left-col .sub-nav li a{display:block; height:28px; padding:0 10px; color:#333}
#left-col .sub-nav li a:hover,
#left-col .sub-nav li a.active{text-decoration:none; color:#333; background:#f2f2f2}
#left-col .sub-nav li a.active{cursor:default}



/* ---------------------- RIGHT COLUMN -------------------- */

/* General */
#right-col{float:right; width:240px; margin:0; margin-top:105px}
#right-col h3{font-size:1em}
#right-col ul{margin:0; margin-bottom:20px; padding:0}
#right-col ul.contact{margin-top:16px; padding-top:22px; border-top:1px dotted #DDD}
#right-col .links ul,
#right-col .downloads ul{margin-left:24px}
#right-col li{list-style:none; margin:0; margin-bottom:4px; text-indent:0; padding:0}
#right-col li.company-name{font-weight:bold}
#right-col .links li,
#right-col .downloads li{text-indent:-24px}
#right-col li a{text-decoration:none}
#right-col li a:hover{text-decoration:underline}
#right-col li span.date{display:block; font-size:90%; font-style:italic}

/* Gallery */
#right-col .gallery h3{margin:0; border-bottom:none}
#right-col .gallery li{float:left; list-style:none; width:72px; height:72px; margin:0 1px 1px 0; border:none}
#right-col .gallery li img{display:block; width:72px; height:72px; margin:0}


/* ---------------------- FOOTER -------------------- */

/* General */
footer {float:left; width:100%; height:auto; margin:0; padding:0}

/* Footer content */
footer .footer-content{position:relative; width:920px; height:150px; margin:0 auto; padding:20px; background:url(/images/design/bkgrnd-footer.png) repeat-x}

/* Footer module */
footer .footer-module{float:left; width:120px; margin:0; margin-right:20px}

/* Text styles */
footer h4{margin:0; margin-bottom:10px; font-size:0.9em; line-height:1em; color:#FFF}
footer p{font-size:0.8em; line-height:1.2em; color:#B8D5E8}
footer ul{margin:0}
footer li{list-style:none; margin:0; margin-bottom:5px; font-size:0.8em; line-height:1.2em; color:#B8D5E8}
footer li a{color:#B8D5E8; text-decoration:none}
footer li a:hover{text-decoration:underline}

/* Newsletter */
footer .newsletter {width:280px}
footer form{margin:0}
footer #newsletter-form{float:left; position:relative; margin:0; padding:0; padding-right:60px}
footer #email-text{font-size:0.75em; line-height:24px; border:none; background:transparent}
footer #newsletter-form input[type="text"] {width:170px; height:24px; margin:0; padding:0 10px; color:#333; outline:none; border:1px solid #dddfd7; background:#f0f2ec}
footer #signup-button {position:absolute; top:0; right:0; height:26px; padding:0 12px; font-size:0.7em; font-weight:bold; text-transform:uppercase; color:#FFF; line-height:24px; border:none; background:#FF0101; cursor:pointer; -webkit-appearance:none}
footer #signup-button:hover{color:#FFF}

/* Bottom module */
footer .footer-bottom-module{position:absolute; width:100%; bottom:10px; left:0}
footer .footer-bottom-module ul{float:left; width:auto; margin:0; margin-left:10px}
footer .footer-bottom-module li{float:left; height:18px; font-size:0.75em; color:#FFF; line-height:18px; margin:0; margin-right:10px}
footer .footer-bottom-module li a{color:#FFF}
footer .addthis_toolbox{float:right; width:auto; margin-right:10px}
footer .tagnia{width:76px; height:18px; background:url(https://cdn.server1tagnia.com/images/core/logo-tagnia.png) no-repeat}

/* Contact */
footer .contact {width:auto; margin:0}
footer .contact li.telephone{font-size:1.2em; font-weight:bold}

/* Social links */
footer .footer-module .facebook{float:left; width:40px; height:40px; margin:0; margin-right:5px; background:url(/images/design/image-matrix.png) no-repeat -40px -151px}
footer .footer-module .facebook:hover{background:url(/images/design/image-matrix.png) no-repeat -40px -191px}
footer .footer-module .twitter{float:left; width:40px; height:40px; margin:0; background:url(/images/design/image-matrix.png) no-repeat 0 -151px}
footer .footer-module .twitter:hover{background:url(/images/design/image-matrix.png) no-repeat 0 -191px}






/* ------------------------------------------------------------- */
/* MUMMY BEAR                                                    */
/* Represents the narrow format normally used on tablet displays */
/* ------------------------------------------------------------- */

/*@media screen and (min-width: 30em) and (max-width: 65em) {
@media screen and (min-width: 30em) and (max-width: 63.236em) {*/

/* Container */
/*#container {width: 30em}
}