@charset "utf-8";
/* Worldsteel Internet Main CSS */

/* basics */
/***********/
body {
    /* text-align:center; !! breaks the Magnolia header bar text !! */
    background: #EBF0F1;
    margin: 0;
    font: 12px/17px Arial, Tahoma, Helvetica, sans-serif;
    color: #666
}

h1 {
    color: #454545;
    font: 600 26px Arial, Tahoma, Helvetica, sans-serif;
    margin: 0 0 20px 0;
}

h2 {
    color: #d0202e;
    font: 600 14px Arial, Tahoma, Helvetica, sans-serif;
    margin: 0 0 20px 0;
}

h3 {
    color: #88AC46;
    font: 600 14px Arial, Tahoma, Helvetica, sans-serif;
    margin: 0 0 10px 0;
}

#extras h2 {
    color: #656565;
    font: 600 12px Arial, Tahoma, Helvetica, sans-serif;
    margin: 0 0 5px 0;
    padding-bottom: 5px; /*border-bottom:1px solid #d0202e;*/
    margin-bottom: 10px;
}

h4 {
    color: #5F8194;
    font: 600 13px Arial, Tahoma, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    display: inline-block;
}

h5 {
    color: #d0202e;
    font: 600 11px Arial, Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 0 10px 0;
}

h6 {
    color: #454545;
    font: 600 11px Arial, Tahoma, Helvetica, sans-serif;
    margin: 0 0 5px 0;
    clear: both;
    text-transform: none;
}

p {
    margin: 4px 0 8px 0;
    line-height: 150%;
    color: #333;
}

a {
    text-decoration: none;
    color: #88AC46;
}

/* a img			{ border:none} */
a:hover {
}

a.more, em.more a {
    float: right;
    background: url(../img/arr-more.gif) no-repeat right 14px;
    padding-top: 7px;
    padding-right: 10px;
    color: #88AC46;
    font-weight: 600;
    text-decoration: underline;
    display: block;
    font-style: normal;
}

a:hover.more {
    text-decoration: none
}

a.ext {
    background: url(../img/ico-ext.gif) no-repeat 0 center;
    padding: 1px 0 1px 19px;
    text-decoration: underline
}

a:hover.ext {
    text-decoration: none
}

a.pdf {
    background: url(../img/ico-pdf.gif) no-repeat 0 center;
    padding: 1px 0 1px 22px;
    text-decoration: underline
}

a:hover.pdf {
    text-decoration: none
}

a.word {
    background: url(../img/ico-word.gif) no-repeat 0 center;
    padding: 1px 0 1px 22px;
    text-decoration: underline
}

a:hover.word {
    text-decoration: none
}

a.ppt {
    background: url(../img/ico-ppt.gif) no-repeat 0 center;
    padding: 1px 0 1px 22px;
    text-decoration: underline
}

a:hover.ppt {
    text-decoration: none
}

a.back {
    background: url(../img/arr-back.gif) no-repeat 0 center;
    padding: 1px 0 1px 28px;
    display: inline-block
}

a.checkout {
    background: url(../img/arr-listitem.png) no-repeat 0 center;
    padding: 1px 0 1px 28px;
    display: inline-block
}

li p a.more {
    float: none;
    font-weight: 600;
    background: url(../img/arr-more-black.gif) no-repeat right 7px;
    padding-right: 10px;
    color: #333;
    text-decoration: underline;
    display: inline-block
}

input {
    font: 11px/17px Arial, Tahoma, Helvetica, sans-serif;
    color: #5F8194; /*  padding:6px 7px 7px; !! breaks Magnolia cursor on inputs. Fix specific button padding where needed. !! */
    border: 1px solid #cdd6dd;
    background: #fff url(../img/bg-input.jpg) repeat-x 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
	-webkit-border-radius : 3 px
}

#staffContactForm input {
    padding: 6px 7px 7px
}

#contactForm input {
    padding: 6px 7px 7px
}

#lcaForm input {
    padding: 6px 7px 7px
}

textarea {
    font: 11px/17px Arial, Tahoma, Helvetica, sans-serif;
    color: #5F8194;
    padding: 6px 7px 7px;
    border: 1px solid #cdd6dd;
    background: #fff url(../img/bg-input.jpg) repeat-x 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px; 	-webkit-border-radius : 3 px
}

fieldset {
    border: none;
    padding: 0
}

.btn-send {
    float: left;
    display: block;
    background: url(../img/btn-left.gif) no-repeat 0 0;
    height: 24px;
    padding: 0 0 0 10px;
    border: none;
    margin: 5px 0 0 5px;
    color: white;
    cursor: pointer;
}

div.btn-send button {
    float: left;
    display: block;
    background: url(../img/btn-right.gif) no-repeat right 0;
    height: 24px;
    line-height: 24px;
    margin: 0;
    border: none;
    padding: 0 10px 0 0;
    color: white;
    cursor: pointer;
    overflow: visible
}

table {
    padding: 0;
    color: #333;
    clear: left;
    border-collapse: collapse;
    border: none;
    border-color: #000000 #000000;
}

table th {
    padding: 5px;
}

table td {
    padding: 5px;
}

table td p {
    margin: 1px 0 2px 0;
}

table.bookshop {
    border: medium none;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}

table.bookshop tr {
    valign: top;
}

table.bookshop th {
    font-weight: 600;
    color: #5B7F92;
    padding: 6px;
    background: #F2F5F5;
    border-bottom: 1px solid #EBF0F1;
}

table.bookshop td.header {
    font-weight: 600;
    color: #5B7F92;
    padding: 6px;
    background: #F2F5F5;
    border-bottom: 1px solid #EBF0F1;
}

table.bookshop td {
    vertical-align: top;
}

table.bookshop a {
    color: #4B6878;
    text-decoration: underline;
}

table.simple th {
    font-weight: 600;
    color: #5B7F92;
    padding: 6px;
    background: #F2F5F5;
    border-bottom: 1px solid #EBF0F1;
}

table.simple td.header {
    font-weight: 600;
    color: #5B7F92;
    padding: 6px;
    background: #F2F5F5;
    border-bottom: 1px solid #EBF0F1;
}

table.simple td {
    color: #333;
    padding: 5px;
    border-bottom: 1px solid #EEF1F4;
}

table.simple caption {
    text-align: left;
    color: #454545;
    font: 600 11px Arial, Tahoma, Helvetica, sans-serif;
    margin: 0 0 5px 0;
    clear: both;
    text-transform: none;
}

table a {
    color: #88AC46;
    text-decoration: underline;
}

table a:hover {
    text-decoration: none
}

table a.btn {
    background: #91C721;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    margin: 0 2px;
    display: inline-block;
    padding: 1px 0;
    width: 16px;
    text-align: center;
    font: 600 12px Arial, Tahoma, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

table.simple tbody tr:first-child td {
    padding-top: 10px
}

table.simple thead th:first-child,
table.simple tbody td:first-child {
}

table.excelTable {
    margin-bottom: 10px;
}

table.excelTable table th {
    font-weight: 600;
    color: #5B7F92;
    maring: 0;
    padding: 0px;
    background: #F2F5F5;
    border-bottom: 1px solid #EBF0F1;
}

table.excelTable td.header {
    font-weight: normal;
    color: #333;
    margin: 0;
    padding: 6px 0 6px 0;
    background: #EBF0F1;
    border-bottom: 1px solid #DDE1FF;
}

table.excelTable td {
    color: #333;;
    border-bottom: 1px solid #EEF1F4;
    padding: 5px 0px 5px 0px;
    margin: 0px;
}

table.excelTable tbody tr:first-child td {
    padding-top: 10px
}

table.excelTable thead th:first-child,
table.excelTable tbody td:first-child {
}

.td-right,
.th-right {
    text-align: right;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ol {
    margin: 0 0 0 24px;
    padding: 0;
    clear: both;
}

hr {
    height: 1px;
    border: none;
    background: #bbb;
    margin: 15px 0;
    width: 100%
}

blockquote {
    border-left: 2px solid #5F8194;
    background: #EBF0F1;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 10px 10px 20px;
    display: inline-block
}

/* structure blocks */
/********************/
#wrapper {
    text-align: left;
}

#header {
    width: 100%;
    background: #5C7F92;
    overflow: hidden
}

#nav-global {
    background: #5C7F92 url(../img/nav-bg-gradient.jpg) repeat-x 0 0;
    position: relative;
    z-index: 2;
}

#wrapper-2 {
    width: 960px;
    padding: 25px 15px;
    margin: 0 auto 30px auto;
    clear: both;
    background: #fff url(../img/inner-shadow-big.png) no-repeat center 2px;
    border-radius: 5px;
    -moz-border-radius: 5px; 	-webkit-border-radius : 5 px;
    position: relative;
    z-index: 1;
}

#breadcrumb {
    width: 990px;
    margin: 20px auto 15px;
    overflow: hidden
}

#nav {
    width: 200px;
    margin-right: 30px;
    float: left;
    background: url(../img/navleft-border.png) no-repeat right 0;
}

#wrapper-3 {
    float: left;
    width: 730px;
}

#extras {
    width: 280px;
    float: right;
    margin-left: 30px;
    padding-top: 50px;
}

#site-info {
    width: 100%;
    background: #445C6A url(../img/footer-bg.jpg) repeat-x 0 0;
    overflow: hidden;
    color: #fff;
    border-top: 1px solid #939A9E;
    margin-bottom: 10px
}

#site-info #footer {
    width: 990px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.three-col #main {
    float: left;
    width: 420px
}

.two-col #main {
    float: left;
    width: 730px
}

.home #wrapper-2 {
    padding: 0;
    background: none;
    border-radius: 0;
    -moz-border-radius: 0;
	-webkit-border-radius : 0
}

.home #wrapper-3 {
    width: 960px;
    margin-top: 30px
}

.home #main {
    float: left;
    width: 665px;
}

.home #main .box {
    padding: 25px 15px;
    background: #fff url(../img/inner-shadow-main.png) no-repeat center 2px;
    border-radius: 5px;
    -moz-border-radius: 5px; 	-webkit-border-radius : 5 px
}

.home #extras {
    margin-left: 15px;
    padding-top: 0
}

.home #extras .box {
    padding: 20px 15px;
    margin-bottom: 15px;
    background: #fff url(../img/inner-shadow-extras.png) no-repeat center 2px;
    border-radius: 5px;
    -moz-border-radius: 5px; 	-webkit-border-radius : 5 px
}

.home #extras .textImage {
    padding: 20px 15px;
    margin-bottom: 15px;
    background: #fff url(../img/inner-shadow-extras.png) no-repeat center 2px;
    border-radius: 5px;
    -moz-border-radius: 5px; 	-webkit-border-radius : 5 px
}

.home #extras .latestNews {
    padding: 20px 15px;
    margin-bottom: 15px;
    background: #fff url(../img/inner-shadow-extras.png) no-repeat center 2px;
    border-radius: 5px;
    -moz-border-radius: 5px; 	-webkit-border-radius : 5 px
}

.box,
.teaser,
.banner {
    margin-bottom: 30px;
    overflow: hidden;
    float: left
}

.banner img {
    border: none;
}

#extras .box,
#extras .links,
#extras .textImage,
#extras .latestNews,
#extras .teaser,
#extras .banner {
    margin-bottom: 15px;
    overflow: hidden;
    float: none
}

.links {
    float: right;
    clear: left;
}

a.document:link, a.document:visited {
    background: url(../img/document.gif) no-repeat left top;
    padding-left: 20px
}

/* NB: Image missing on PROD */
#extras .box {
    clear: both;
}

.textImage img {
    border-color: #000
}

#header #branding {
    width: 990px;
    height: 113px;
    margin: 0 auto;
    background: url(../img/bg-header.jpg) no-repeat center 0
}

#header #branding #logo {
    float: left;
    margin-top: 25px
}

#header img {
    border: none
}

#header #branding #nav-meta {
    float: right;
    margin: 20px 0
}

#header #branding #nav-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header #branding #nav-meta ul li {
    float: none;
}

#header #branding #nav-meta ul li a {
    color: #ECF1F2;
}

#header #branding #nav-meta ul li a.sel {
    color: #97CF25;
    text-decoration: none
}

#header #branding #nav-meta ul li a:hover {
    text-decoration: underline;
}

#header #branding #nav-meta ul li a.sel:hover {
    text-decoration: none
}

#header #branding #nav-meta ul li.last {
    margin-right: 0;
}

#header #branding #nav-meta ul li.last a {
    padding-right: 0;
    border: none
}

#header #branding #nav-meta ul.lang {
    overflow: hidden;
}

#header #branding #nav-meta ul.lang li {
    display: block;
    float: left;
    border-right: 1px solid white;
    padding: 0 5px 0 5px;
}

#header #branding #nav-meta ul.lang li.first a {
    display: block;
    float: left;
}

#header #branding #nav-meta ul.lang li.first strong {
    color: #ECF1F2;
    font-weight: normal;
}

#header #branding #nav-meta ul.lang li.chinese {
    border-right: none;
}

#header #branding #nav-meta ul.lang li.chinese a {
    display: block;
    float: left;
    height: 16px;
    width: 26px;
    background: url(../img/ico-chinese.png) no-repeat 0 0;
}

#header #branding #nav-meta ul.lang li.chinese a span {
    position: absolute;
    top: -9999em;
    left: -9999em;
}

#header #branding #nav-meta ul.lang li.chinese a:hover {
    border-bottom: 1px solid #fff;
}

#header #branding #nav-meta ul.lang li.chinese strong {
    color: #ECF1F2;
    font-weight: normal;
}

#header #branding #nav-meta ul.lang li.chinese a span,
#header #branding #nav-meta ul.lang li.chinese strong span {
}

#header #branding #search-box {
    float: right;
    clear: right
}

#header #branding #search-box input#searchbar {
    padding: 6px 7px 7px;
    float: left;
    width: 178px;
    background: #4D6979;
    color: #EDF1F3;
    border: none;
    font: 400 11px Arial, Tahoma, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 0px 0px #496473, inset 0px -1px 1px #88A2AF;
    -moz-box-shadow: inset 0px 1px 0px 0px #496473, inset 0px -1px 1px #88A2AF;
    -webkit-box-shadow: inset 0px 1px 0px 0px #496473, inset 0px -1px 1px #88A2AF;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px
}

#header #branding #search-box span.button {
    display: inline-block;
    border: 1px solid #445C6A;
    background: #fff url(../img/search-bg-btn.jpg) repeat-x 0 bottom;
    box-shadow: 1px 1px 0px 0px #88A2AF;
    -moz-box-shadow: 1px 1px 0px 0px #88A2AF;
    -webkit-box-shadow: 1px 1px 0px 0px #88A2AF;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
}

#header #branding #search-box span.button input.button {
    cursor: pointer;
    background: url(../img/search-ico-magnifier.png) no-repeat center center;
    background-color: none;
    border: none;
    overflow: visible;
    padding: 5px 12px
}

/* nav-global */
/**************/
#nav-global ul {
    width: 990px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    background: url(../img/nav-bg-gradient-overlay.jpg) no-repeat center 0
}

#nav-global ul li {
    float: left;
    padding-top: 3px;
    position: relative
}

#nav-global ul li a,
#nav-global ul li span,
#nav-global ul li form input[type="submit"] {
    background: url(../img/nav-sep.gif) no-repeat right center;
    color: #EBF1F2;
    padding: 11px 10px;
    line-height: 11px;
    display: inline-block;
    font: 400 13px Arial, Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

/* switch off default border for logout form input fields in menu */
#nav-global ul li form input {
    border: none;
    border-radius: 0;
}

#nav-global ul li a:hover,
#nav-global ul li span:hover,
#nav-global ul li form input:hover,
#nav-global ul *:hover > a,
#nav-global ul *:hover > span {
    position: relative;
    z-index: 2;
    color: #146F8E;
    background: #FBFDFC;
    box-shadow: 0 0px 5px -6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0px 5px -6px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0px 5px -6px rgba(0, 0, 0, 0.6);
}

#nav-global ul li a.home {
    float: left;
    width: 35px;
    height: 37px;
    padding: 0;
    background: url(../img/nav-home.png) no-repeat 0 center;
}

#nav-global ul li a.home span {
    display: none
}

#nav-global ul li a.home:hover {
    background: url(../img/nav-home-hover.png) no-repeat 0 center;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#nav-global ul li a.basket {
    float: left;
    width: 19px;
    height: 15px;
    background: url(../img/nav-basket.png) no-repeat 10px center;
    padding-left: 35px;
}

#nav-global ul li a.basket span {
    display: none
}

#nav-global ul li a.basket strong {
    background: #F5791D;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#nav-global ul li a.basket:hover {
    color: #EBF1F2;
    background: transparent url(../img/nav-basket-hover.png) no-repeat 10px center;
}

#nav-global ul li ul {
    display: none;
    border: 1px solid #ddd;
    border-top: none;
    width: 250px;
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 0;
    padding: 10px;
    background: #FBFDFC;
    box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0 0px 6px 6px;
    -moz-border-radius: 0 0px 6px 6px;
    -webkit-border-radius: 0 0px 6px 6px;
}

#nav-global ul li ul li {
    width: 100%;
    clear: both;
    border-bottom: 1px solid #EAEAEA;
}

#nav-global ul li ul li.last {
    border-bottom: none;
}

#nav-global ul li ul li a {
    color: #333;
    padding: 3px 0;
    display: block;
    background: none;
    font-size: 11px;
    font-weight: normal;
}

#nav-global ul li ul li a:hover {
    color: #146F8E;
}

#nav-global img {
    border: none;
}

/* breadcrumb */
/**************/
#breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#breadcrumb ul li {
    float: left;
    margin-right: 5px
}

#breadcrumb ul li span {
    color: #76A519;
    background: url(../img/arr-breadcrumb.png) no-repeat right center;
    padding-right: 7px
}

#breadcrumb ul li a {
    color: #76A519;
    text-decoration: underline;
    background: url(../img/arr-breadcrumb.png) no-repeat right center;
    padding-right: 7px
}

#breadcrumb ul li a:hover {
    text-decoration: none
}

#breadcrumb ul li em {
    color: #333;
    font-style: normal
}

#breadcrumb img {
    border: none;
}

/* nav left */
/************/
#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav ul li {
    clear: both;
    padding-bottom: 10px
}

#nav ul li a {
    color: #666;
    font: 100 13px Arial, Tahoma, Helvetica, sans-serif;
}

#nav ul li a:hover {
    color: #76A519;
    text-decoration: underline
}

#nav ul li a.sel {
    color: #76A519;
    font-weight: 600
}

#nav ul li a.sel:hover {
    text-decoration: none
}

#nav ul li a.sub {
    background: url(../img/navleft-arr-sel.png) no-repeat 95% 5px;
    padding: 0 12px 10px 0;
    display: block;
}

#nav ul li ul {
    background: #88AC46;
    padding: 10px 15px;
    margin-left: -15px
}

#nav ul li ul li {
    padding-bottom: 7px
}

#nav ul li ul li a {
    color: #fff;
    background: url(../img/navleft-arr-double.png) no-repeat 0 5px;
    padding-left: 12px;
    display: block;
}

#nav ul li ul li a.sel {
    color: #fff;
    font-weight: 600;
    background: url(../img/navleft-arr-double.png) no-repeat 0 5px;
    padding: 0 0 0 12px
}

#nav ul li ul li a:hover {
    color: #fff;
}

#nav ul li ul ul {
    padding: 5px 0 0 0;
    margin: 0 -15px
}

#nav ul li ul ul li {
    padding-bottom: 0
}

#nav ul li ul ul li a {
    font-size: 13px;
    background: url(../img/navleft-arr-double.png) no-repeat 30px 9px;
    padding: 3px 0 6px 42px
}

#nav ul li ul ul li a.sel {
    background: #99BB59 url(../img/navleft-arr-double.png) no-repeat 30px 9px;
    padding: 3px 0 6px 42px;
    font-weight: 100
}

/* Climate box */
#extraTopLeft,
#extraBottomLeft {
    margin-bottom: 20px;
    width: 200px;
    margin-right: 30px;
}

#extraTopLeft .textImage,
#extraBottomLeft .textImage {
}

/* nav left for Shopping Cart */
/******************************/
#nav-cart h2 {
    color: #76A519;
    font-weight: 600;
    text-transform: none;
    font-size: 14px;
}

#nav-cart ul li {
}

#nav-cart ul li a, #nav-cart ul li span {
    display: block;
    font: 100 13px Arial, Tahoma, Helvetica, sans-serif;
    padding: 0 5px 0 10px;
}

#nav-cart ul li span, #nav-cart ul li span.sel, #nav-cart ul li a.sel {
    padding: 7px 5px 7px 10px;
    background: #88AC46;
    color: white;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
}

/* main */
/********/
#main #content h3 a {
    color: #333
}

#main #content ul li h3 {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0;
    text-transform: none;
    font-size: 13px;
    font-weight: 100;
}

#main #content ul li h3 a {
    color: #5F8194;
    padding-top: 0;
    padding-bottom: 0
}

#main #content ul {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

#main #content ul li {
    clear: both;
    background: url(../img/arr-breadcrumb.png) no-repeat 0 7px;
    padding-left: 10px;
    display: block;
    float: left; /*padding:10px 0*/
}

#main #content ul li.last {
    border-bottom: none
}

#main #content ul li a {
    display: inline;
    padding-top: 6px;
    padding-bottom: 6px
}

#main #content ul li a.more {
    display: inline-block;
    padding: 0 10px 0 0;
}

#main #content ul li em.date {
    font-style: normal;
    font-weight: 600;
    color: #333
}

#main #content ul li p {
    float: left;
    margin: 0
}

#main #content ol {
    margin-bottom: 30px;
    padding: 0;
}

#main #content p {
    display: block
}

#main #content .teaser {
    clear: both;
    margin-bottom: 20px
}

/* Text & Image */
#main #content .textImage ul {
    margin-top: 4px;
    margin-bottom: 15px
}

#main #content .textImage ol {
    margin-top: 4px;
    margin-bottom: 15px
}

#main #content .textImage li {
    color: #333;
    float: none;
}

#main #content .textImage ol li {
    color: #333;
    width: auto
}

#main #content .textImage h2 {
    margin: 4px 0 10px 0;
}

#main #content .textImage h3 {
    margin: 3px 0 10px 0;
}

#main #content .textImage h4 {
    margin: 3px 0 10px 0;
}

#main #content .textImage h5 {
    margin: 2px 0 10px 0;
}

#main #content .textImage h6 {
    margin: 2px 0 5px 0;
}

#main #content .textImage a {
    text-decoration: underline;
}

/* news list */
#main #content .news ul li {
    background: none;
    padding: 10px 0;
    border-bottom: 1px solid #DFE6EA;
    width: 100%
}

#main #content .news ul li a {
    color: #4B6878;
    text-decoration: underline
}

#main #content .news ul li a.more {
    color: #88AC46
}

#main #content .news ul li p {
    float: none
}

#main #content .news ul li ul {
    padding-bottom: 0;
    border: none;
    margin: 0
}

#main #content .news ul li ul li {
    padding: 0;
    border: none;
    font-style: italic
}

/* quick links list */
#main #content #quicklinks li {
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    clear: none;
    float: left;
    height: 140px;
    margin-right: 4%;
    padding: 0 0 10px;
    width: 30%;
}

#main #content #quicklinks li.first {
    clear: left
}

#main #content #quicklinks li.last {
    margin-right: 0
}

#main #content #quicklinks li a {
    display: block;
}

#main #content #quicklinks li a div {
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
    height: 60px;
    margin-bottom: 10px;
}

#main #content #quicklinks li a:hover div {
    border-color: #5F8194
}

#main #content #quicklinks li a h3 {
    padding: 0;
    margin: 0;
    color: #5F8194
}

#main #content #quicklinks li a:hover h3 {
    text-decoration: underline;
}

/* twocols */
#main #content .twocols {
    margin-bottom: 15px
}

#main #content .twocols h2 {
    color: #5F8194;
    font: 600 12px Arial, Tahoma, Helvetica, sans-serif;
    height: 30px;
    margin: 0 0 10px 0;
    border: none;
    padding: 0 0 20px 0;
    background: url(../img/bg-title-gradient.jpg) repeat-x 0 bottom;
}

#main #content .twocols a.more {
    float: left;
    clear: left;
}

#main #content .twocols div.last {
    margin-right: 0
}

#main #content .twocols div.first {
    clear: both
}

#main #content .twocols .teaser,
#main #content .twocols .textImage,
#main #content .twocols .media {
    width: 48.5%;
    margin: 0 3% 40px 0;
    float: left;
    clear: none
}

#main #content .twocols .media {
    margin-bottom: 0
}

#main #content .twocols .teaser img {
    padding: 1px;
    border: 1px solid #ccd7dd;
    float: right;
    margin: 0 0 20px 10px
}

#main #content .twocols .textImage {
    width: 100%;
}

#main #content .twocols .teaser dl img {
    margin: 0
}

/* socialmedia */
#main #content .socialmedia ul {
    list-style: none;
    overflow: hidden;
    margin: 0 0 30px 0;
    padding: 0;
}

#main #content .socialmedia ul li {
    background: none;
    float: left;
    padding-left: 0;
    clear: none;
    margin-right: 15px
}

#main #content .socialmedia ul li a {
    display: inline-block;
    width: 32px;
    height: 32px
}

#main #content .socialmedia ul li a span {
    display: none
}

#main #content .socialmedia ul li a.facebook {
    background: url(../img/ico-facebook.gif) no-repeat 0 0
}

#main #content .socialmedia ul li a.twitter {
    background: url(../img/ico-twitter.gif) no-repeat 0 0
}

#main #content .socialmedia ul li a.youtube {
    background: url(../img/ico-youtube.gif) no-repeat 0 0
}

#main #content .socialmedia ul li a.flickr {
    background: url(../img/ico-flickr.gif) no-repeat 0 0
}

#main #content .socialmedia ul li a.linkedin {
    background: url(../img/ico-linkedin.gif) no-repeat 0 0
}

#main #content .socialmedia ul li a.slideshare {
    background: url(../img/ico-slideshare.gif) no-repeat 0 0
}

#main #content .socialmedia ul li a.tudou {
    background: url(../img/ico-tudou.gif) no-repeat 0 0
}

#main #content .socialmedia ul li a.weibo {
    background: url(../img/ico-weibo.gif) no-repeat 0 0
}

/* booklisting */
#main #content .order {
    float: right;
    margin: 10px 0 20px;
    text-align: right
}

#main #content .order span {
    display: inline-block;
    float: left
}

#main #content .order ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: visible;
    float: left
}

#main #content .order ul li {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid #999;
    display: inline-block;
    float: left;
    clear: none;
    background: none
}

#main #content .order ul li:first-child {
    border: none;
    padding-left: 0;
}

#main #content .order ul li a {
    text-decoration: underline;
    display: inline-block;
    padding: 0;
    color: #d0202e
}

#main #content .order ul li a:hover {
    text-decoration: none
}

/* archive */
#main #content .archive {
    float: left;
    margin: 10px 0 20px;
    text-align: left
}

#main #content .archive ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: visible;
    float: left
}

#main #content .archive ul li {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid #999;
    display: inline-block;
    float: left;
    clear: none;
    background: none
}

#main #content .archive ul li:first-child {
    border: none;
    padding-left: 0;
}

#main #content .archive ul li a {
    text-decoration: underline;
    display: inline-block;
    padding: 0;
    color: #d0202e
}

#main #content .archive ul li a:hover {
    text-decoration: none
}

#main #content .archive ul li strong {
    display: inline-block;
    color: #d0202e
}

/* book-detail*/
#main #content .book-detail .info {
    float: none;
    color: #5B7F92;
    margin-bottom: 20px
}

#main #content .book-detail .prices {
    overflow: hidden;
    margin-bottom: 10px;
}

#main #content .book-detail .prices ul.price {
    float: none;
    margin-bottom: 10px;
}

#main #content .book-detail .select-form {
    overflow: hidden;
    margin-bottom: 0px;
}

#main #content .book-detail .select-form select {
    width: auto;
}

#main #content .book-detail .select-comment {
    clear: both;
    font-size: 12px;
    font-weight: bold;
    width: 550px;
    margin: 5px 0 10px;
    color: black;
}

#main #content .book-detail .left {
    float: left
}

#main #content .book-detail .right {
    float: right
}

#main #content .book-detail .right a {
    padding-top: 0;
    padding-bottom: 0;
}

#main #content .book-detail .right a:hover {
    text-decoration: underline
}

#main #content .book-detail .back-link {
    float: left
}

#main #content .book-detail .back-link li {
    background: none;
    padding: 5px 0;
}

#main #content .book-detail .checkout-link {
    float: right
}

#main #content .book-detail .checkout-link li {
    background: none;
    padding: 5px 0;
}

.book-detail a {
    color: #76A519;
    text-decoration: underline;
}

/*#main #content .book-detail a.back:hover	{ text-decoration:none;}
#main #content .book-detail a.checkout         { color:#76A519; text-decoration:underline; font-weight:bold;}
#main #content .book-detail a.checkout:hover    { text-decoration:none;}*/
#main #content .book-detail .right li {
    background: none;
    padding: 0 8px 0 0;
    margin-right: 8px;
    border-right: 1px solid #999;
    display: inline-block;
    float: left;
    clear: none;
}

#main #content .book-detail .right li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none
}

#main #content .book-detail .textImage {
    display: block
}

.book-detail .textImage ol,
.book-detail .textImage ul {
    clear: none;
}

#main #content .book-detail img {
    margin-right: 5px
}

#main #content .book-detail ul.files li {
    background: none;
    padding: 2px;
}

#main #content .book-detail ul.files li a {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #4B6878
}

#main #content .book-detail ul.price li {
    background: none;
    padding: 0 5px 0 0;
    margin-right: 5px;
    border-right: 1px solid #999;
    display: inline-block;
    float: left;
    clear: none;
}

#main #content .book-detail ul.price li:last-child,
#main #content .book-detail ul.price li.last {
    padding-right: 0;
    margin-right: 0;
    border-right: none
}

#main #content .book-detail a.add-to-basket {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    font: 600 12px Arial, Tahoma, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    overflow: visible;
    background: url(../img/btn-left.gif) no-repeat 0 0;
}

#main #content .book-detail a.add-to-basket span {
    padding: 4px 15px;
    display: inline-block;
    background: url(../img/btn-right.gif) no-repeat right 0;
    cursor: pointer;
}

#main #content .book-detail a:hover.add-to-basket {
    text-decoration: none;
    color: #EFEFAC
}

#main #content .book-detail div.add-to-basket {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    font: 600 12px Arial, Tahoma, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    overflow: visible;
    background: url(../img/btn-left.gif) no-repeat 0 0;
}

#main #content .book-detail button.btn-add-to-basket {
    text-decoration: none;
    padding: 4px 15px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font: 600 12px Arial, Tahoma, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    overflow: visible;
    background: url(../img/btn-right.gif) no-repeat right 0;
    cursor: pointer;
}

#main #content .book-detail button:hover.btn-add-to-basket {
    text-decoration: none;
    color: #EFEFAC
}

/* middleNav */
#main #content .middleNav {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    overflow: hidden;
}

#main #content .middleNav ul {
    list-style: none;
    padding: 0;
    display: block;
}

#main #content .middleNav ul li {
    margin-bottom: 15px;
    background: none;
    padding-left: 0;
    display: block;
    float: none;
}

#main #content .middleNav ul.left {
    float: left;
    margin: 0 4% 0 0;
    width: 46%;
}

#main #content .middleNav ul.right {
    float: right;
    margin: 0;
    width: 46%;
    margin: 0 4% 0 0
}

#main #content .middleNav ul.full {
    width: 100%;
}

#main #content .middleNav ul li a {
    text-decoration: underline;
    color: #76A519;
    display: inline-block;
    padding: 0 0 5px 0;
}

#main #content .middleNav ul li a:hover {
    text-decoration: none
}

/* staff */
#main #content h2 {
    /*border-bottom:1px solid #d0202e;*/
    padding-bottom: 5px
}

#main #content ul.staff-item {
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 0;
    list-style: none;
    clear: both
}

#main #content ul.staff-item li {
    display: block;
    width: 18%;
    margin: 0;
    margin-right: 9%;
    clear: none;
    border-bottom: none;
    background: none;
    padding: 0;
    height: 320px;
}

#main #content ul.staff-item li a {
    display: block;
    padding: 0;
    margin: 0;
}

#main #content ul.staff-item li img {
    border: 1px solid #CCD7DD;
    padding: 0;
    margin: 0;
    display: block;
    margin-bottom: 4px;
}

#main #content ul.staff-item li.last {
    padding: 0;
    margin: 0;
}

#main #content ul.staff-item li.first {
}

#main #content ul.staff-item li ul li {
    padding: 0;
    margin: 0;
    float: none;
    width: auto;
    display: block;
    padding: 2px 0;
    color: #333;
    height: auto;
}

#main #content ul.staff-item li ul li a {
    color: #222;
}

#main #content ul.staff-item li ul li a:hover {
    text-decoration: underline;
    color: #222;
}

#main #content ul.staff-item li ul li a.name {
    color: #222;
    padding-bottom: 0;
}

#main #content ul.staff-item li ul li a.email {
    background: url(../img/ico-mail.gif) no-repeat 0 4px;
    padding-left: 18px
}

#main #content ul.staff-item li ul li.phone {
    background: url(../img/ico-phone.gif) no-repeat 0 4px;
    padding-left: 18px
}

#main #content ul.staff-item li ul {
    padding-top: 5px;
    padding-right: 3px;
}

#contactform {
    width: 750px;
}

/* pics */

#main #content ul.album-item {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    clear: both
}

#main #content ul.album-item li {
    float: left;
    width: 30%;
    margin-right: 4%;
    clear: none;
    border-bottom: none;
    text-align: center;
    background: none;
    padding-left: 0;
    margin-bottom: 40px;
}

#main #content ul.album-item li.last {
    margin-right: 0
}

#main #content ul.album-item a {
    display: block;
    padding: 0;
}

#main #content ul.album-item h3 {
    color: #222;
    font-size: 12px;
    margin: 0 0 5px 0;
    height: 30px
}

#main #content ul.album-item a.thumb-link {
    display: inline-block;
    padding: 5px;
    border: 1px solid #ddd;
    margin-bottom: 5px
}

#main #content ul.album-item .thumb-frame {
    display: inline-block;
    width: 160px; /* N.B. This is the same as the gallery-thumbnail image variation */
    height: 160px;
    overflow: hidden;
    position: relative;
}

#main #content ul.album-item img.movie {
    position: absolute;
    top: -30px;
    left: -65px;
    width: 180%;
    height: auto;
}

#main #content ul.album-item a.zoom {
    background: url(../img/ico-plus.png) no-repeat center 0;
    width: auto;
    height: 32px;
}

#main #content ul.album-item a.zoom span {
    display: none
}

/* pic-detail */
#main #content .pic-detail img {
    float: left;
    margin: 0 30px 20px 0
}

#main #content .pic-detail .preview {
    float: left;
    margin: 0 30px 20px 0
}

#main #content .pic-detail .box {
    margin-bottom: 30px;
    overflow: hidden;
    float: none
}

#main #content .pic-detail ul.gallery {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

#main #content .pic-detail ul.gallery li {
    padding: 5px 0;
    clear: both;
    border-bottom: 1px solid #DFE6EA;
    display: block;
    width: 100%;
    background: none;
}

#main #content .pic-detail ul li a {
    display: inline
}

#main #content .pic-detail ul li em.size {
    font-size: 11px;
    color: #333;
    margin-left: 5px;
    font-style: normal
}

#main #content .pic-detail em.info {
    color: #999;
    font-style: normal;
}

#main #content .pic-detail a.download {
    background: url(../img/ico-download.png) no-repeat 0 0;
    padding: 0 0 0 20px;
    color: #76A519;
    text-decoration: underline
}

#main #content .pic-detail a.galleryhome {
    background: url(../img/ico-home-gallery.png) no-repeat 0 0;
    padding: 0 0 0 20px;
    color: #76A519;
    text-decoration: underline
}

#main #content .pic-detail a:hover.download,
#main #content .pic-detail a:hover.galleryhome {
    text-decoration: none
}

#main #content .pic-detail table th {
    vertical-align: top;
    white-space: nowrap;
}

/* pic-detail-media */
#main #content .pic-detail-media img {
    float: left;
    margin: 0 0 20px 0
}

#main #content .pic-detail-media .preview {
    float: left;
    margin: 0 0 20px 0
}

/* pager */
#main #content .pager ul {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    padding: 3px 0;
    text-align: center
}

#main #content .pager ul li {
    background: none;
    padding-left: 0;
    clear: none;
    margin: 0 3px;
    display: inline;
    padding: 3px 0;
    float: none;
}

#main #content .pager ul li a {
    background: none;
    margin: 0 .3%;
    height: 15px;
    border: 1px solid #DFE6EA;
    padding: 2px 6px;
    color: #4B6878;
    text-decoration: none;
}

#main #content .pager ul li em {
    padding-right: 20px
}

#main #content .pager ul li strong {
    background: #d0202e;
    color: #fff;
    border: 1px solid #d0202e;
    padding: 2px 6px;
}

#main #content .pager ul li a:hover {
    background: #DFE6EA;
}

/* new search */
#main #content .new-search {
    clear: both;
    margin-top: 20px;
    float: left;
    width: 100%
}

/* Link list */
#main #content .links {
    clear: both;
    margin-top: 5px;
    float: none;
}

#main #content .links ul li {
    clear: both;
    background: url(../img/arr-breadcrumb.png) no-repeat 0 9px;
    padding: 6px 0 6px 5px;
    display: block;
    float: left;
    padding: 3px 0 3px 5px;
    width: 100%
}

#main #content .links ul li a {
    display: inline;
    padding-top: 5px;
    padding-bottom: 4px;
    background-position: 0 3px;
}

/* extras rightcol */
/*******************/
#extras .latestNews ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none
}

#extras .latestNews ul li {
    clear: both;
    border-bottom: 1px solid #DFE6EA;
    display: block;
}

#extras .latestNews ul li.last {
    border-bottom: none
}

#extras .latestNews .links ul li a {
    color: #333;
    display: block;
    padding: 8px 35px 0px 0;
    background: url(../img/arr-listitem.png) no-repeat right center;
}

#extras .latestNews ul li a:hover {
    color: #5B7F92
}

#extras .latestNews ul li em.date {
    font-style: normal;
    font-weight: 600;
    color: #333
}

#extras .latestNews ul li a:hover em.date {
    color: #5B7F92
}

#extras .latestNews p.all a {
    float: right;
    background: url(../img/arr-more.gif) no-repeat right 14px;
    padding-top: 7px;
    padding-right: 10px;
    color: #88AC46;
    font-weight: 600;
    text-decoration: underline;
    display: block
}

#extras .textImage {
    margin: 0
}

#extras .textImage h2 {
    color: #124A79;;
    border: none;
    padding-bottom: 0;
    text-transform: none;
    font-size: 14px
}

#extras .textImage img.photo {
    padding: 1px;
    border: 1px solid #ccd7dd;
    float: left;
    margin: 0px 5px 0 3px
}

#extras .textImage img.photo.pos-2 {
    float: right;
}

#extras .textImage img.photo.large {
    float: none;
}

#extras .textImage img.mod {
    padding: 1px;
    border: 1px solid #ccd7dd;
    float: right;
    margin: 0 0 20px 10px
}

#extras .textImage img.mod-1 {
    padding: 1px;
    border: 1px solid #ccd7dd;
    margin: 0 0 20px 10px
}

#extras .textImage dl.photo img {
    padding: 1px;
    border: 1px solid #CCD7DD;
    float: right;
    margin: 0
}

#extras .textImage ul {
    margin-top: 4px;
    margin-bottom: 15px
}

#extras .textImage ol {
    margin-top: 4px;
    margin-bottom: 15px
}

#extras .textImage li {
    color: #333;
}

#extras .textImage a {
    text-decoration: underline;
}

#extras .links {
    margin: 0
}

#extras .links h2 {
    color: #333;
    border: none;
    padding-bottom: 0;
    text-transform: none;
    font-size: 14px
}

#extras .links img {
    padding: 1px;
    border: 1px solid #ccd7dd;
    float: right;
    margin: 0 0 20px 10px
}

#extras .links ul {
    margin: 0 0 0 0;
    padding-left: 15px
}

#extras .box .links ul li {
    clear: both;
    background: url(../img/arr-breadcrumb.png) no-repeat 0 9px;
    display: block;
    padding: 3px 0 3px 5px;
    list-style: none;
}

#extras .links ul li a {
    display: inline;
    padding-top: 5px;
    padding-bottom: 4px;
    background-position: 0 3px;
}

#extras .twitter-timeline-extras h2 {
    color: #333;
    border: none;
    padding-bottom: 0;
    text-transform: none;
    font-size: 14px
}

#main #content .teaser ul li {
    display: block;
    float: none;
}

#extras .newsletter fieldset {
    margin-bottom: 0;
}

#extras .newsletter fieldset form#theform {
    overflow: hidden;
    float: left;
}

#extras .newsletter input {
    width: 155px
}

#extras .newsletter input.lbltxt {
    color: #B9C7D0
}

#extras .newsletter #newsletter {
}

#extras .newsletter button {
}

#extras .newsletter p.info {
    color: #999;
    font-size: 11px;
    margin: 0
}

#extras .newsletter p.error {
    color: red;
    font-size: 11px;
    margin: 0
}

#extras .teaser dl img {
    margin: 0
}

#extras .teaser img {
    padding: 1px;
    border: 1px solid #ccd7dd;
    float: right;
    margin: 0 0 20px 10px
}

/* footer */
/**********/
#footer ul {
    margin: 0;
    padding: 10px 0 10px 0;
    list-style: none;
    display: block;
    text-align: center;
}

#footer ul li {
    display: inline;
    padding: 10px 6px 10px 0;
}

#footer ul li a {
    color: #ECF1F2;
    background: url(../img/footer-sep.gif) no-repeat right 13px;
    padding: 10px 10px 6px 0;
    margin-right: 0px;
}

#footer ul li a:hover {
    text-decoration: underline
}

#footer ul li.last a {
    background: none;
    margin-right: 0;
    padding-right: 0;
}

/* form */
#main #content form div {
    clear: both;
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DFE6EA
}

#main #content form h4 {
    float: left;
    width: 150px;
    margin-right: 10px;
    font-weight: normal;
    color: #666;
}

#main #content form label {
    float: left;
    width: 150px;
    margin-right: 10px
}

#main #content form label.longDescription {
    float: none;
    width: auto;
    display: block;
    margin: 0 0 5px 0;
}

#main #content form select {
    float: left;
    width: 150px;
    margin-right: 10px;
    padding: 5px
}

#main #content form input[type="text"] {
    width: 350px
}

#main #content form textarea {
    width: 550px;
    height: 65px;
}

#main #content form table td {
    width: 50%
}

#main #content form div.mgnlEditorBar div {
    clear: none
}

#main #content .new-search form label {
    float: left;
    width: auto;
    margin-right: 10px
}

#main #content .new-search form label span {
    display: none
}

#billingAddressStreet2,
#shippingAddressStreet2 {
    margin-left: 160px;
}

/*#main #content form .button-wrapper			{ float:left; margin:10px 0 0 0; padding:0 15px 0 0; border:none; text-align:center; cursor:pointer; display:inline-block; width:auto}*/
#main #content form .button-wrapper input {
    font: 600 12px Arial, Tahoma;
    border: 0;
    border-radius: 10px;
    background: #91c721;
    color: #fff;
    padding: 4px 7px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    display: inline-block;
}

#main #content form .form-item,
#main #content form .form-item-hidden {
    padding: 0;
    margin: 0;
    border: none;
}

#main #content form .form-item input {
    margin: 0;
    width: auto
}

#main #content form .form-item label {
    width: auto;
    float: none
}

#main #content form input.button {
    width: auto;
    font: 600 12px Arial, Tahoma, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    overflow: visible;
    border: none;
    text-align: center;
    color: #fff;
    background: #91C721;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 4px 7px;
}

#main #content form div .radiobox-wrapper {
    float: left;
    width: auto;
    clear: none;
    padding: 0;
    border: none;
    margin: 0;
}

#main #content form div .vat-wrapper {
    float: left;
    width: auto;
    clear: none;
    padding: 0;
    border: none;
    margin: 0;
}

#main #content form div .radiobox {
    margin: 0 0 15px 161px;
    width: auto;
}

#main #content form div .vat-wrapper .radiobox {
    margin: 0 0 5px;
}

#main #content form div div div {
    border: none;
    padding: 0;
    margin: 0;
}

#main #content form input#paymentByCart,
#main #content form input#paymentByTransfer {
    width: auto;
    float: left;
    margin-right: 10px;
}

#main #content form input#vatYes,
#main #content form input#vatNo {
    width: auto;
    float: left;
    margin-right: 10px;
}

#main #content form div .vat-question {
    margin-bottom: 5px;
}

/*nyromodal form*/
.nyroModalCont form div {
    clear: both;
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DFE6EA
}

.nyroModalCont form label {
    float: left;
    width: 150px;
    margin-right: 10px;
}

.nyroModalCont form input,
.nyroModalCont form textarea {
    width: 350px
}

.nyroModalCont form .button-wrapper {
    height: 32px;
}

.nyroModalCont form .button-wrapper-inside {
    float: right;
    overflow: hidden;
    text-align: right;
    margin: 10px 0 0 0;
    padding: 0 15px 0 0;
    border: none;
    text-align: center;
    background: url(../img/btn-right.gif) no-repeat right 0;
    cursor: pointer;
    display: inline-block;
    width: auto
}

.nyroModalCont form .button-wrapper input {
    padding: 4px 0 4px 15px;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    background: url(../img/btn-left.gif) no-repeat 0 0;
    color: #fff;
    font: 600 12px Arial, Tahoma, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    border: none;
    width: auto;
}

/*#main #content .form-nyro form .button-wrapper			{height: 32px; background: none; display: block; padding: 0 15px 0 0; margin: 0;float: none;}*/
#main #content .form-nyro form .button-wrapper-inside {
    float: right;
    overflow: hidden;
    text-align: right;
    margin: 10px 0 0 0;
    padding: 0 15px 0 0;
    border: none;
    text-align: center;
    background: url(../img/btn-right.gif) no-repeat right 0;
    cursor: pointer;
    display: inline-block;
    width: auto
}

#main #content .form-nyro form .button-wrapper input {
    padding: 4px 0 4px 15px;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    background: url(../img/btn-left.gif) no-repeat 0 0;
    color: #fff;
    font: 600 12px Arial, Tahoma, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    border: none;
    width: auto;
}

.nyroModalCont form .form-item,
.nyroModalCont form .form-item-hidden {
    padding: 0;
    margin: 0;
    border: none;
}

.nyroModalCont form .form-item input {
    margin: 0;
    width: auto
}

.nyroModalCont form .form-item label {
    width: auto;
    float: none
}

/* magnolia */
div.magnolia {
    clear: both;
    margin-bottom: 10px;
    text-align: center;
}

div.magnolia p {
    color: #aaa;
    font-size: 10px;
    margin: 0;
}

div#wrapper div.magnolia p a:link,
div#wrapper div.magnolia p a:visited {
    color: #aaa;
    font-size: 10px;
}

div#wrapper div.magnolia p a:hover {
    color: #666;
    font-size: 10px;
}

/* misc */
/********/
.print {
    display: none
}

.imgLeft {
    float: right;
    margin: 0 20px 10px 0;
    padding: 1px;
    border: 1px solid #CCD7DD;
}

.imgRight {
    float: right;
    margin: 0 0 10px 20px
}

.required,
dfn {
    color: #d0202e;
    font-style: normal
}

.highlight {
    background-color: #76A519;
    color: #FFF;
}

#main #content .text-meta {
}

#main #content .text-meta ul {
    margin-bottom: 10px;
}

#main #content .text-meta ul li {
    background: none;
    display: inline;
    float: none;
    padding: 0;
    font-size: 11px;
}

#main #content .text-meta ul li.date {
    border-right: 1px solid #ddd;
    padding-right: 5px;
    color: #999;
}

#main #content .text-meta ul li.location {
    color: #666;
    margin-left: 9px;
}

#main #content .text-meta ul li a {
}

/* nivo slider */
/***************/
#slider {
    position: relative;
    width: 635px;
    height: 288px;
    background: url(../img/loading.gif) no-repeat 50% 50%;
}

#slider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

#slider a {
    border: 0;
    display: block;
}

#main #content .carousel {
    padding-bottom: 0px
}

/* The Nivo Slider styles */
.nivoSlider {
    position: relative;
}

.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}

/* Caption styles */
.nivo-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #5F8194;
    color: #fff;
    opacity: 0.8;
    width: 100%;
    z-index: 8;
}

.nivo-caption p {
    padding: 20px 15px;
    margin: 0;
    color: #fff;
    font: 100 26px Arial, Tahoma, Helvetica, sans-serif;
}

.nivo-caption a {
    display: inline !important;
}

.nivo-html-caption {
    display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
}

.nivo-prevNav {
    left: 0px;
}

.nivo-nextNav {
    right: 0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.nivo-controlNav a.active {
    font-weight: bold;
}

.nivo-controlNav {
    position: absolute;
    left: 260px;
    bottom: -28px;
    width: 100%;
    height: 20px;
}

.nivo-controlNav a {
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/bullets.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left;
}

.nivo-controlNav a.active {
    background-position: 0 -22px;
}

.nivo-directionNav a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
}

a.nivo-nextNav {
    background-position: -30px 0;
    right: 15px;
}

a.nivo-prevNav {
    left: 15px;
}

.nivo-caption {
    text-shadow: none;
}

.nivo-caption a {
    color: #efe9d1;
    text-decoration: underline;
}

/*************************/

/* nyromodal */
.nyroModalBg {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.7;
    z-index: 3
}

.nmReposition {
    position: absolute;
}

.nyroModalCloseButton {
    top: -13px;
    right: -13px;
    width: 12px;
    height: 12px;
    text-indent: -9999em;
    background: url(../img/nyromodal-close.gif);
    z-index: 5
}

.nyroModalTitle {
    top: -26px;
    left: 0;
    margin: 0;
    font-size: 1.1em;
    color: #ddd;
}

.nyroModalCont {
    position: absolute;
    border: 4px solid #777;
    margin: 25px;
    background: #fff;
    z-index: 4;
    width: 600px;
    height: 600px
}

.nyroModalCont iframe {
    width: 600px;
    height: 592px;
    background: white;
}

.nyroModalError {
    border: 4px solid red;
    color: red;
    width: 250px;
    height: 250px;
}

.nyroModalError div {
    min-width: 0;
    min-height: 0;
    padding: 10px;
}

.nyroModalLink,
.nyroModalDom,
.nyroModalForm,
.nyroModalFormFile {
    position: relative;
    padding: 10px;
    min-height: 250px;
    min-width: 250px;
    max-width: 1000px;
    text-align: left
}

.nyroModalImage,
.nyroModalSwf,
.nyroModalIframe,
.nyroModalIframeForm {
    position: relative;
    overflow: hidden;
}

.nyroModalImage img {
    vertical-align: top;
}

.nyroModalHidden {
    left: -9999em;
    top: -9999em;
}

.nyroModalLoad {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #fff url(../img/nyromodal-ajaxLoader.gif) no-repeat center;
    padding: 0;
}

.nyroModalPrev,
.nyroModalNext {
    outline: none;
    position: absolute;
    top: 0;
    height: 60%;
    width: 150px;
    min-height: 50px;
    max-height: 300px;
    cursor: pointer;
    text-indent: -9999em;
    background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}

.nyroModalImage .nyroModalPrev,
.nyroModalImage .nyroModalNext {
    height: 100%;
    width: 40%;
    max-height: none;
}

.nyroModalPrev {
    left: 0;
}

.nyroModalPrev:hover {
    background-image: url(../img/nyromodal-prev.gif);
}

.nyroModalNext {
    right: 0;
    background-position: right 20%;
}

.nyroModalNext:hover {
    background-position: right 20%;
    background-image: url(../img/nyromodal-next.gif);
}

/**************/

/* ACCORDION/FAQ
--------------------- */

#main .super-list div div {
}

#main .super-list h3,
#main .super-list p,
#main .super-list li li {
    font-size: 100%;

}

#main .super-list p {
    margin-bottom: 10px;
}

#main .super-list li {
    float: left;
    background: url(../img/bgs/dotted-line.png) 0 0 repeat-x; /* NB: Image missing on PROD */
    width: 100%;
    list-style-type: none;
}

#main #content .super-list li.super-item {
    border-bottom: 1px dashed grey;
    float: none;
    background: none;
    padding: 0;
}

#main #content .super-list li.super-item.last {
    border: none;
}

#main #content .super-list li.super-item h3 {
    margin: 0;
    padding: 8px 0;
    display: block;
    background: url(../img/navleft-arr.png) no-repeat 0 7px;
    background-color: #f8f8f8;
    background-position: 7px 13px;
    padding-left: 20px;
    display: block;
}

#main #content .super-list li.super-item.opened h3 {
    margin: 0;
    padding: 8px 0;
    display: block;
    background: url(../img/navleft-arr-sel.png) no-repeat 0 7px;
    background-color: #f8f8f8;
    background-position: 6px 14px;
    padding-left: 20px;
    display: block;
}

#main #content .super-list li.super-item h3 a {
    display: block;
}

#main #content .super-list #list-box div {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 5px 20px 0 16px;
}

#main #content .super-list ul li p {
    float: none
}

#main #content .super-list .super-item ul {
    margin: 0 0 10px 24px;
}

#main #content .super-list .super-item ol {
    margin: 0 0 10px 24px;
}

#main #content #slider-admin {
    z-index: 9999;
    margin: 47px 0 0 0;
}

#main #content #slider .mgnlControlBarSmall {
    z-index: 9999;
    position: relative;
}

/*#main .super-list li li {
    background: #fff;
    float: none;
    border: none;
    list-style-type: disc;
}
#main .super-list li p {
    margin: 0;
}
#main .super-list li h3 a {
    display: block;
    background: transparent url(../img/icons/sprites.png) no-repeat scroll 5px 7px;
    padding: 5px 0 5px 25px;
    font-weight: bold;
    cursor: pointer;
}
#main .super-list li h3 a.a11y-focus {
    text-decoration: underline;
}
#main .super-list li h3 a.on {
    background-color: #f2f2bf;
    background-position: 5px -139px;
}
#main .super-list li ul,
#main .super-list li ol {
    margin: 0 0 10px 25px;
}

#main .super-list ol li {
    list-style-type: decimal;
}
#main .super-list .photo,
#main .super-list dt img {
    margin-bottom: 0;
}
#main .super-list dl {
    overflow: hidden;
}
#main .super-list dd {
    font-size: 85%;
    line-height: 1.3em;
}
#main .super-list dd.copyright {
    font-size: 85%;
}
*/

/* skip navigation */
.skip {
    margin: 0
}

.skip a:link, .skip a:hover, .skip a:visited {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip a:focus, .skip a:active {
    position: static;
    width: auto;
    height: auto;
    background: #fff;
    color: #000;
    padding: 2px 4px;
    margin-bottom: 10px;
}

/* clearfix */
.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%;
}

/*photo box*/
dl.photo {
    padding: 0 0 5px;
    display: inline-block;
    float: left;
    margin: 3px 10px 10px 0;
}

.photo.mod {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

.photo.mod-left {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

dl.mod-2 {
    clear: both;
    float: none;
}

dl.photo img {
    border: 1px solid #ECECEC;
    display: block;
}

dl.photo dt {
    overflow: hidden;
}

dl.photo dd {
    background: #E6EBEF none repeat scroll 0 0;
    display: block;
    padding: 0px;
    margin: 0
}

dl.photo dd.zoom {
    float: right;
    display: none
}

dl.photo dd.copyright {
    font-size: 90%;
    font-style: italic;
    padding: 2px 5px 5px 5px
}

dl.photo dd.caption {
    font-size: 90%;
    font-style: italic;
    padding: 5px 5px 2px 5px
}

dl.photo dd.longdesc {
    display: none;
}

/* Social Links */
.socialLink {
    overflow: hidden;
    clear: both;
}

.socialLink a {
    display: block;
    float: left;
    margin: 1px 5px 0 0;
}

.socialmedia {
    clear: both;
}

/* Pager */
div.pager li em, div.pager h3 {
    display: block;
    height: 1px;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

/* Search results */
/******************/
h2.search-result {
    color: #d0202e;
    font: 600 14px Arial, Tahoma, Helvetica, sans-serif;
    margin: 0 0 5px;
}

#main #content h2.search-result {
    padding-bottom: 5px;
    padding-top: 30px;
}

#main #content ul.search-result {
    list-style: none outside none;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0;
}

/******************/

/* Products on Bookshop page */
#main #content .products ul li {
    background: none;
    padding: 0 0 20px 0;
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
}

#main #content .products ul li p {
    float: none;
    width: 100%;
}

.products .product-image, .product-image {
    float: left;
    margin-right: 20px;
    width: 140px;
    height: 140px;
    text-align: center;
}

.products em {
    display: block;
    padding-bottom: 10px;
}

.productinfo.hasimage {
    float: left;
    width: 240px;
}

.productinfo strong, .productinfo strong a {
    color: #333;
    font-size: 14px;
}

.productinfo .meta {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
}

#main #content .products ul li p.pricetag {
    padding-top: 10px;
    float: left;
    width: auto;
}

.pricetag strong {
    display: inline-block;
    min-width: 65px;
}

ul.files {
    clear: both;
}

.related-products {
    clear: both;
}

/* pager on bookshop category pages */
#main #content .products .pager ul li {
    background: none;
    padding-left: 0;
    clear: none;
    margin: 0 3px;
    display: inline;
    padding: 3px 0;
    float: none;
}

/* hide the default quantity input field */
.productinfo form input[name="quantity"] {
    display: none;
}

.btn {
    font: 600 12px Arial, Tahoma;
    border: 0;
    border-radius: 10px;
    background: #91c721;
    color: #fff;
    padding: 4px 7px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    display: inline-block;
}

#main #content ul li a.btn {
    padding: 5px 8px;
}

.productinfo form {
    display: inline-block;
    padding-top: 5px;
}

input[type="submit"] {
    cursor: pointer;
}

/* shopping cart on the right */
.shopping-cart-container {
    width: 40%;
}

.shopping-cart-container h6 {
    padding: 0 25px 5px 0;
    background: url(../img/nav-basket-black.png) no-repeat 100% 0;
}

ul.shopping-cart li {
    color: #000;
}

ul.shopping-cart li .product {
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.shopping-cart-container .price {
    float: right;
    margin-left: 10px;
}

p.warning {
    color: #be004a;
    font-size: 13px;
}

.shopSearch input[type="text"] {
    border: 1px solid #adbfc8;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    width: 176px;
    padding: 0 2px;
    line-height: 2;
    font-size: 12px;
    height: 20px;
    margin-right: 10px;
}

.select-form form {
    display: inline-block;
    padding-left: 10px;
}

/* Shopping cart */
#main #content .memberselect form label, .memberselect form label {
    width: 100%;
    clear: both;
    padding: 2px 1px;
    display: block;
}

#main #content .memberselect form label input[type="radio"], .memberselect form label input[type="radio"] {
    margin-left: 0px;
    margin-right: 5px;
}

.quantity a {
    text-decoration: none;
    display: inline-block;
}

.quantity button.btn {
    padding: 1px;
    border-radius: 4px;
    width: 16px;
    cursor: pointer;
}

.quantity a.product-removeall, .quantity button.product-removeall {
    background: #d0202e;
}

.quantity .amount {
    float: left;
    margin-right: 4px;
}

.form-wrapper:before, .form-wrapper:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

td.hourFontAndColor {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

td.textFontAndColor {
    font-weight: bold;
    color: red;
}

p.dateFontAndColor {
    font-size: 20px;
    color: #5C7F92;
}

td.verticalAlign {
    vertical-align: text-top;
}

tr.borderBottom {
    border-bottom: 1px solid grey;
}

div.conferenceBox {
    padding: 20px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius : 5 px;
    width: 635px;
}

div.imageLogo {
    float: right;
    margin-top: 25px;
}

li.loginUser {
    color: #ffffff;
    padding: 14px 0 0 5px !important;
}

td.eventBreakTime {
    font-size: 12px;
    font-weight: bold;
    color: #5C7F92;
    margin-bottom: 1px;
}

body.conference h2 {
    color: #5C7F92;
    font: 600 18px Arial, Tahoma, Helvetica, sans-serif;
    margin: 0 0 10px 0;
}

table.conference-programme {
    width: 100%;
}