/*
	layout.css
*/

body {
	background: #EEEFF1 url('../img/bg.jpg') repeat-x;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	color: #414753;
}

a:link, a:visited {
	text-decoration: underline;
	color: #414753;
}
a:hover, a:active {
	text-decoration: none;
}

hr {
	background-color: #C8CACD;
}

ul li {
	padding-left: 10px;
	background: url('../img/dot.gif') no-repeat 0 8px;
	list-style: none;
}

ol { counter-reset: item }
ol li { list-style: none; }
ol li:before {
   margin-right: 5px;
   content: counter(item) ".";
   counter-increment: item;
   font-weight: bold;
   color: #25A245;
}
ol li {
	*list-style: decimal;
}

img { 
	border: 0px;
}

table{
	border: 1px solid #414753;
	border-collapse: collapse;
	margin: 10px 0;
}
tr {
	padding: 0 40px;
}
td, th{
	border: 1px solid #414753;
	padding: 0px 40px;
}
/* ------------------------------
/* COMMON
/* ------------------------------ */
.out { position: absolute; left: -9999px; }
.hide { display: none; }
.invisible { visibility: hidden;}
.clear { clear: both; }

.clearchild:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*** TEXT ***/
.text-left, .align-left { text-align: left; }
.text-right, .align-right { text-align: right; }
.text-center, .align-center { text-align: center; }
.text-justify, .align-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }

.vertical-top { vertical-align: top; }
.vertical-middle { vertical-align: middle; }
.vertical-bottom { vertical-align: bottom; }

.lettrine:first-letter { float: left; font-family: Palatino, 'Palatino Linotype', Georgia, sans-serif; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }

.quiet { color: #666; }
.loud  { color: #000; }
.highlight { background: #FFC; }


/*** LIST ***/
ul.list-inline{ list-style-type: none; }
ul.list-inline li { float: left; text-align: center; }
ul.list-inline li img{ display: block; }


/*** IMAGE ***/
.img-left { float: left; }
.img-right { float: right; }
.img-center { float: none; display: block; clear: both; }
.img-block { display: block; }


/*** FORM ***/
form {}
form h4 {
	float: left;
	margin-bottom: 0.6428em;
}
fieldset { 
	border: 0;
	margin: 0;
	padding: 0;
}
legend {}

div.csc-mailform-fieldtype-input, 
div.csc-mailform-fieldtype-textarea, 
div.tx_tipafriend_formfield, 
div.field_select, 
div.field_input_text, 
div.field_input_password, 
div.field_input_radio, 
div.field_input_checkbox, 
div.field_input_image, 
div.field_input_button, 
div.field_input_submit, 
div.field_input_reset, 
div.field_textarea {
	margin-bottom: 0.5em;
}

div.csc-mailform-fieldtype-input label, 
div.csc-mailform-fieldtype-textarea label, 
div.tx_tipafriend_formfield label, 
div.field_select label, 
div.field_input_text label, 
div.field_input_password label, 
div.field_textarea label {
	display: block;
	float: left;
	width: 200px;
	margin-right: 1em;
	text-align: right;
}

div.field_select {}
select {}
optgroup {}
option {}

div.field_input_hidden {
	display: none;
}
input.input_hidden {}

div.field_input_text {}
input.input_text, .csc-mailform input, .tx_tipafriend input {
	width: 220px;
}
div.field_input_password {}
input.input_password {}

.skin {
	width:240px;
	float:left;
}

div.field_input_radio {
	float: left;
	width: 240px;
}

.mid div.field_input_radio, #avriline div.field_input_radio {
	float: left;
	width: 360px;
}
input.input_radio {
	vertical-align: top;
}

div.field_input_checkbox {
	float: left;
	width: 240px;
}
.newsletter div.field_input_checkbox {
	padding-left:200px;
}
.newsletter div.field_input_checkbox input{
	margin-left:1em;
}
input.input_checkbox {
	vertical-align: top;
}

div.field_input_image {}
input.input_image {}

div.field_input_button {}
input.input_button {}

div.field_input_submit {
	margin:15px 0 0 285px;
	
}
input.input_submit {}
button.button_submit {}

div.field_input_reset {}
input.input_reset {}
button.button_reset {}

div.field_textarea {}
textarea {
	width: 220px;
	font-family:Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;
	font-size:0.9166em;
}
.tx-felogin-pi1 .submit, .tx-felogin-pi1 .forgot {
	text-align:center;
}
.tx-felogin-pi1 .forgot {
	margin:0;
	padding-bottom:1.5em;
}
.tx-felogin-pi1 .felogin-hidden{
	padding:0;
}
.tx-felogin-pi1 div{
	padding:10px 0;
}
.tx-felogin-pi1 form div{
	padding:2px 0;
}
.tx-felogin-pi1 form div label{
	width:320px;
}
.tx-felogin-pi1 .input_text{
	width:150px;
}

/*.csc-mailform-fieldname-captcha p, .tx_tipafriend_codetext { margin-left: 212px; }*/
img.tx-srfreecap-pi2-image { margin: 0; }
.csc-mailform-fieldtype-submit button, .tx_tipafriend_formfield button { margin-left: 202px; }

button {cursor:pointer;}

.required { color: #F00; }
.added { background: #060; color: #FFF; }
.removed { background: #900; color: #FFF; }

.error, .csc-mailform-header-error, .notice, .success, .csc-mailform-header-success, .csc-mailform-field-error-message { font-style: italic;}
.csc-mailform-header-error {
	margin-bottom: 1.5em;
}
.error, .csc-mailform-header-error, .csc-mailform-field-error-message { color: #8A1F11; }
div.error {
	float: left;
	margin: 1.6em 0 0 1em;
}
.notice { color: #514721; }
.success, .csc-mailform-header-success { color: #264409; }

/*** BUTTON ***/
a.button-green {
	display: inline;
	height: 27px;
	text-decoration: none;
	white-space: nowrap;
}
	a.button-green .button-left {
		display: inline-block;
		width: 24px;
		height: 27px;
		background: url('../img/button-green-left.png') no-repeat right top;
	}
	a.button-green .button-center {
		display: inline-block;
		line-height: 19px;
		padding: 3px 5px 5px 5px;
		vertical-align: top;
		background: url('../img/button-green-center.png') repeat-x center top;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #FFF;
		cursor: pointer;
	}
	a.button-green .button-right {
		display: inline-block;
		width: 10px;
		height: 27px;
		background: url('../img/button-green-right.png') no-repeat left top;
	}

a.button-blue {
	display: inline;
	height: 27px;
	text-decoration: none;
	white-space: nowrap;
}
	a.button-blue .button-left {
		display: inline-block;
		width: 24px;
		height: 27px;
		background: url('../img/button-blue-left.png') no-repeat right top;
	}
	a.button-blue .button-center {
		display: inline-block;
		line-height: 19px;
		padding: 3px 5px 5px 5px;
		vertical-align: top;
		background: url('../img/button-blue-center.png') repeat-x center top;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #FFF;
		cursor: pointer;
	}
	a.button-blue .button-right {
		display: inline-block;
		width: 10px;
		height: 27px;
		background: url('../img/button-blue-right.png') no-repeat left top;
	}

a.button2 {
	display: inline;
	height: 25px;
	text-decoration: none;
	white-space: nowrap;
}
	a.button2 .button-left {
		display: inline-block;
		width: 6px;
		height: 25px;
		background: url('../img/formbutton-left.png') no-repeat right top;
	}
	a.button2 .button-center {
		display: inline-block;
		height: 17px;
		padding: 2px 5px 6px 5px;
		vertical-align: top;
		background: url('../img/formbutton-center.png') repeat-x center 1px;
		text-align: center;
		text-decoration: none;
		font-size: 0.9166em;
		color: #FFF;
		cursor: pointer;
	}
	a.button2 .button-right {
		display: inline-block;
		width: 11px;
		height: 25px;
		background: url('../img/formbutton-right.png') no-repeat left top;
	}

button.button2 {
	display: inline;
	height: 25px;
	border: none;
	background: none;
	text-decoration: none;
	white-space: nowrap;
}
	button.button2 .button-left {
		display: inline-block;
		width: 6px;
		height: 25px;
		background: url('../img/formbutton-left.png') no-repeat right top;
	}
	button.button2 .button-center {
		display: inline-block;
		height: 18px;
		padding: 1px 5px 6px 5px;
		vertical-align: top;
		background: url('../img/formbutton-center.png') repeat-x center top;
		text-align: center;
		text-decoration: none;
		line-height: 18px;
		color: #FFF;
		cursor: pointer;
	}
	button.button2 .button-right {
		display: inline-block;
		width: 11px;
		height: 25px;
		background: url('../img/formbutton-right.png') no-repeat left top;
	}

/* ------------------------------
/* WRAPPER
/* ------------------------------ */
#wrapper {
	width: 978px;
	margin: 0 auto;
	padding: 0 11px;
	background: #FFF url('../img/wrapper.jpg') no-repeat right bottom;
}

/* --------------------
/* TOP
/* -------------------- */
#top {
	position: relative;
	height: 10px;
}
	#lang {
		position: absolute;
		right: 35px;
		height: 25px;
	}
		#lang_left {
			display: inline-block;
			float: left;
			width: 19px;
			height: 25px;
			background: url('../img/lang_left.png') no-repeat;
		}
		#lang a {
			display: inline-block;
			float: left;
			height: 25px;
			background: url('../img/lang_center.png') repeat-x;
			text-decoration: none;
			font-size: 0.9166em;
			color: #535353;
		}
		#lang a:hover {
			text-decoration: underline;
		}
		#lang_right {
			display: inline-block;
			float: left;
			width: 19px;
			height: 25px;
			background: url('../img/lang_right.png') no-repeat;
		}



/* ------------------------------
/* HEADER
/* ------------------------------ */
#header {
	height: 182px;
	margin-bottom: 2px;
}
	h1 {
		margin: 0;
	}

	
/* ------------------------------
/* TOPMENU
/* ------------------------------ */
#topmenu {
	height: 28px;
	background-color: #46ACDB;
}
	/*** MENU ***/
	#menu {
		float: left;
	}
		#menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#menu ul li {
				display: block;
				float: left;
				padding: 0 24px 0 25px;
				background: url('../img/menu_separator.gif') no-repeat right top;
				line-height: 28px;
				text-transform: uppercase;
				font-size: 1.25em;
				font-weight: bold;
			}
			#menu ul li.last {
				background: none;
			}
				#menu ul li a {
					text-decoration: none;
					color: #FFF;
				}

	/*** SEARCH ***/
	#search {
		float: right;
		margin: 2px 5px 0 0;
	}
		#search input.input_text {
			width: 122px;
			height: 16px;
			border: 1px solid #2C8DB4;
			background: #FFF;
		}
		#search input.input_submit {
			border: none;
			background: none;
			text-transform: uppercase;
			font-weight: bold;
			color: #FFF;
		}


/* ------------------------------
/* CONTAINER
/* ------------------------------ */
#container {}
	#azur {
		height: 40px;
		padding-top: 12px;
		text-align: right;
	}

/* --------------------
/* SIDEBAR
/* -------------------- */
#sidebar {
	float: left;
	width: 156px;
}

	/*** SMENU ***/
	#smenu {}
		#smenu ul {
			margin: 0;
			padding: 0;
		}
			#smenu ul li {
				padding: 0;
				background: none;
			}
				#smenu ul li a {
					display: block;
					padding: 2px 0 2px 10px;
					border-bottom: 1px solid #FFF;
					background-color: #46ACDB;
					text-decoration: none;
					font-size: 1.25em;
					font-weight: bold;
					color: #FFF;
				}
				#smenu ul li a:hover {}

				#smenu ul li ul {}
					#smenu ul li ul li {}
						#smenu ul li ul li a {
							border-bottom: 1px solid #C4E4F3;
							background: none;
							font-size: 1.0833em;
							font-weight: normal;
							color: #414753;
						}
						#smenu ul li ul li a:hover, #smenu ul li ul li.on a {
							border-bottom: 1px solid #FFF;
							background-color: #DFE0E2;
						}

						#smenu ul li ul li ul {}
							#smenu ul li ul li ul li {}
								#smenu ul li ul li ul li a {
									padding-left: 30px;
									border-bottom: 1px solid #FFF;
									font-size: 1em;
								}
								#smenu ul li ul li ul li a:hover, #smenu ul li ul li ul li.on a {
									background-color: #DFE0E2;
								}
			#smenu ul li#netlab {}
				#smenu ul li#netlab a {
					line-height: 38px;
					border: none;
					background: url('../img/netlab-pharma.gif') no-repeat right 2px;
				}
				#smenu ul li#netlab a:hover {
					background: #DFE0E2 url('../img/netlab-pharma.gif') no-repeat right 2px;
				}

	/*** STORE ***/
	#store {
		margin: 45px 0 0 -11px;
	}
			

/* --------------------
/* MAIN
/* -------------------- */
#main {
	float: left;
	width: 738px;
	padding: 0 42px;
}

	#main .block {
		margin-bottom: 2em;
	}
		#main .block .block-50 {
			float: left;
			width: 50%;
		}

	#tools {
		display: inline-block;
		padding-bottom: 3px;
		border-bottom: 1px dotted #A0A3A9;
	}
		#tools ul {
			margin: 0;
			padding: 0;
		}
			#tools ul li {
				display: inline;
				margin-right: 20px;
				list-style: none;
				font-size: 0.9166em;
				font-weight: bold;
			}
			#tools ul li#print {
				padding-left: 20px;
				background: url('../img/icon_print.gif') no-repeat;
			}
			#tools ul li#contact {
				padding-left: 20px;
				background: url('../img/icon_contact.gif') no-repeat;
			}
			#tools ul li#recommend {
				padding-left: 30px;
				background: url('../img/icon_recommend.gif') no-repeat;
			}
			#tools ul li#pdf {
				padding-left: 25px;
				background: url('../img/icon_pdf.gif') no-repeat;
			}
				#tools a {
					text-decoration: none;
					color: #414753;
				}
				#tools a:hover {
					text-decoration: underline;
				}

	#information {
		width: 540px;
		margin: 2em auto;
	}
		#information-top {
			overflow: hidden;
			height: 4px;
			background: url('../img/information-top.gif') no-repeat;
		}
		#information-content {
			padding: 15px 20px;
			background-color: #F6F6F6;
		}
		#information-bottom {
			overflow: hidden;
			height: 4px;
			background: url('../img/information-bottom.gif') no-repeat;
		}

	#main .club {
		width: 454px;
		margin: 2em auto;
	}
		#main .club-top {
			overflow: hidden;
			height: 4px;
			background: url('../img/club-top.gif') no-repeat;
		}
		#main .club-content {
			overflow: hidden;
			padding: 0 10px;
			background-color: #F6F6F6;
		}
			#main .club-content .name {
				float: left;
				font-size: 1.25em;
			}
			#Logout {
				float: right;
			}
				#Logout a {
					display: block;
					padding-left: 20px;
					background: url('../img/icon_closed.gif') no-repeat 0 2px;
					color: #46ACDB;
					text-decoration: none;
				}
				#Logout a:hover {
					text-decoration: underline;
				}
			#main .club-content .button a {
				display: block;
				width: 173px;
				height: 28px;
				padding: 7px 0 0 40px;
				color: #FFF;
				text-decoration: none;
			}
			#main .club-content .button a:hover {
				text-decoration: underline;
			}
			#my_details, #my_avriline, #my_profile, #my_discount_code {
				float: left;
			}
			#my_details, #my_profile {
				margin-right: 8px;
			}
			#my_details a {
				background: url('../img/button_my_details.gif') no-repeat;
			}
			#my_avriline a {
				background: url('../img/button_my_avriline.gif') no-repeat;
			}
			#my_profile a {
				background: url('../img/button_my_profile.gif') no-repeat;
			}
			#my_discount_code a {
				background: url('../img/button_my_discount_code.gif') no-repeat;
			}
		#main .club-bottom {
			overflow: hidden;
			height: 4px;
			background: url('../img/club-bottom.gif') no-repeat;
		}
	#main .tx-anetavrilineclub-pi1 .discount_code{
		font-weight:bold;
		margin-left:15px;
	}	
	#main .tx-anetavrilineclub-pi1 .text{
		padding:2px 0;
	}
		#main .tx-anetavrilineclub-pi1 .req1{
			color:#8A1F11;
			font-weight:bold;
		}
		#main .tx-anetavrilineclub-pi1 .req2{
			color:#46ACDB;
			font-weight:bold;
		}

/* ------------------------------
/* BOTTOMMENU
/* ------------------------------ */
#bottommenu {
	height: 28px;
	margin-top: 120px;
	background-color: #46ACDB;
	text-align: center;
}
	#bottommenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#bottommenu ul li {
			display: inline;
			padding: 0 9px 0 10px;
			background: none;
			border-right: 1px solid #FFF;
			line-height: 28px;
			font-weight: bold;
		}
		#bottommenu ul li.last {
			border: none;
		}
			#bottommenu ul li a {
				text-decoration: none;
				color: #FFF;
			}
			#bottommenu ul li a:hover {
				text-decoration: underline;
			}

/* --------------
/* INDEXED SEARCH
/* -------------- */
#tx-indexedsearch-searchbox-button-submit { margin: 5px 0 0 122px; }

/* --------------
/* BROWSEBOX
/* -------------- */
ul.browsebox {
	padding: 0;
	text-align: center;
}
ul.browsebox li {
	padding: 0;
	background: none;
}

/* ---------
/* SITEMAP
/* --------- */
#main .tx-sitemap-pi1 { padding-top: 0px; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup{
	color: #46ACDB;
}