/* $Id: screen.css 9932 2009-02-25 13:11:38Z lj $ */

html, body {
	height: auto;
}

body {
	margin: 30px 0 0 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	text-align: center;
}

/* ie5/mac hack \*/
html, body {
	height: 100%;
}
body {
	margin: 0;
}
/* end */

body, table, select, input, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
}

body, table {
	line-height: 13px;
}

a {
	color: #000;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

#center {
	height: 100%;
	width: 100%;
}

.admin #center {
	height: auto;
}


.admin #center #centertd {
	padding-top: 30px;
	vertical-align: top;
}

#container {
	width: 840px;
	margin: 0px auto;
	text-align: left;
}

.admin #container {
	width: 970px;
}

#containershopping {
	width: 840px;
	margin: 0px auto;
	text-align: left;
	padding: 0 0 4px 0;
	font-size: 10px;
}

.admin #containershopping {
	width: 970px;
}

.innerframe {
	border: 1px solid #000;
	height: 520px;
}

.admin .innerframe {
	height: auto;
	float: left;
	padding-bottom: 38px;
}


.innerfooter {
	height: 35px;
}

.admin .innerfooter {
	height: auto;
	float: left;
}

.langmenu {
	/*float: right;*/
    float: left;
	margin: 0;
	padding: 0 0 0 0;
}

.langmenu .bottom-menu .first {
	padding: 0px;
}

.admin .langmenu {
	padding-right: 6px;
}

.header {
	height: 90px;
}


#content {
	padding: 0 19px 0 19px;
}

.admin #content {
	height: auto;
}


div#person-image {
	width: 392px;
	height: 390px;
	float: left;
	position: relative
}


#left {
	width: 392px;
	height: 392px;
	float: left;
	border: 1px solid #000;
}

div#left-image {
	position: relative
}

#left-image .black, #left-image .black a {
	color: #000;
}

#left-image .white, #left-image .white a {
	color: #fff;
}


#right {
	width: 392px;
	height: 392px;
	float: right;
	border: 1px solid #000;
}

#right-inner {
	width: 350px;
	margin: 0 20px 0 20px;
}

.admin #right {
	height: auto;
	width: 525px;
	/* width: 530px; */
}

.admin #right-inner {
	width: 485px;
	/* width: 490px; */
}

#logo {
	padding: 48px 0 0 19px;
}

/* menu */

#top-menu-container {
	/* width: 330px; */
	width: 350px;
	height: 62px;
	padding: 18px 0 0 0;
}

.admin #top-menu-container {
	width: 500px;
}

.main-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
}

.main-menu li {
    display: inline;
    margin: 0 0 0 7px;
    font-family: arial, helvetica, sans-serif;
}

.main-menu li a {
    color: #000;
}

.main-menu li.active a, .main-menu li.active-first a, .main-menu li a:hover {
	color: #333;
}

.main-menu li.first, .main-menu li.active-first {
    margin: 0;
}

.sub-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
}

.sub-menu li {
	display: inline;
}



.bottom-menu, .bottom-menu-grey {
	list-style-type: none;
	padding: 0;
	margin: 6px 0 0 0;
	display: block;
}

.bottom-menu li, .bottom-menu-grey li {
    padding: 0 5px 0 0;
	/*padding: 0 0 0 5px;*/
	display: inline;
    font-family: arial, helvetica, sans-serif;
}

.bottom-menu li {
    padding: 0 0 0 5px;
}

.bottom-menu-grey a {
	color: #bebebe;
}


form {
	padding: 0;
	margin: 0;
}

h1, h2, h3 {
    font-family: arial, helvetica, sans-serif;
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    font-size: 9px;
}

h1 {
	padding: 2px 0 18px 0;
}

h2 {
	padding: 6px 0 2px 0;
}

#content strong {
    font-family: arial, helvetica, sans-serif;
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 9px;
}

#content .home_language_content strong {
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
}

#content .home_language_content {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
}

.home_language_content .active-first, #content .home_language_content li.first {
    padding: 0px !important;
}

#content .home_language_content li {
	font-size: 10px;
}

.home_language_content .bottom-menu {
	margin-top: 4px;
}

h3 {
	padding: 4px 0 2px 0;
}

p {
	margin: 0;
	padding: 0 0 4px 0;
}

p.urls {
	margin-top: 8px;
}

a {
	color: #000;
	text-decoration: none;
}

a.download, a.link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
/*	background: transparent url(../images/arrow_right.gif) no-repeat 0% 50%;
	padding-left: 8px;*/
}

a.arrow {
    background: transparent url(../images/arrow_right.gif) no-repeat 0% 50%;
    padding-left: 8px;
}


/* items */
/*.item {
	padding: 10px 0 4px 0;
	clear: both;
}
*/

.imagebank tr td {
	vertical-align: top;
	padding: 0 8px 6px 0;
}

.imagebank tr td img {
	border: 1px solid #000;
}

.imagebank tr td a {
	color: #000;
	font-weight: bold;
}

.imagebank tr td.text {
	padding-top: 4px;
}

.imagebank .size {
	color: #777;
}


.product-group {
	border: 1px solid #000;
	margin: 4px 5px 2px 0;
	padding-left: 1px;
}

.product-group span {
	border-left: 1px solid #000;
	margin-left: 6px;
	padding: 1px;
}

.input-text-product {
	border: 1px solid #000;
	padding: 1px;
	width: 170px;
}

.product-layer {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	text-align: center;
	visibility: hidden;
}

.product-layer2 {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 392px;
	visibility: hidden;
}

.product-layer2-left {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 392px;
	visibility: hidden;
}

/** Newsletter **/
.nl-input, #newsletter-form select {
    margin: 7px 0 0;
    width: 200px;
    display: block;
}

#newsletter-form select {
    width: 204px;
}

.nl-section td {
    vertical-align: top;
}

.section-img {
    display: none;
}

.section-text td {
    padding: 0 10px 0 0;
}

.section-text a {
    text-decoration: underline;
    font-weight: normal;
}

table.nl-section {
    width: 100%;
}

table.nl-section td.img {
    padding: 0;
    text-align: right;
    width: 175px;
}

/** COMPETITION **/
.form-submit {
    background: #fff;
    border: none;
    padding: 0;
}

/** GENERAL CLASSES **/
.section-normal {
    margin: 5px 0 5px 0;
}

.no-margin {
    margin: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bot {
    margin-bottom: 0;
}

.no-display {
    display: none;
}

.c-b {
    clear: both;
}

.grey {
    /*color: #c8c8c8;*/
    color: #333;
}

.arial {
    font-family: arial, helvetica, sans-serif;
}

/* input boxes */

.input-text-login {
	border: 1px solid #919191;
	padding: 1px;
	width: 200px;
}

.input-text-sendmsg {
	border: 1px solid #919191;
	padding: 1px;
	width: 221px;
}
.input-text-view {
	border: 1px solid #919191;
	padding: 1px;
	width: 250px;
}

.input-but {
	background-color: #fff;
	margin-top: 5px;
}

/** MOOTOOLS TIPS **/
.tool-tip {
    z-index: 13000;
    border: 1px solid #000;
}

.tool-title {
    display: none;
}

.float-left {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.float-right {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}

.product-extra-images-float {}
.product-extra-images-relative {}
.product-extra-images-absolute {}

.colours-names {
	position: relative; 
	height: 12px; 
	bottom: 13px;
	margin-left: -4px;
}