@import "reset.css";

html{
	height:100%;	
}


body {
	/* background: #a4a7a8 url(bg-gradient.png) repeat-x fixed; */
	background: #fff;
	min-height:100%;
	position:relative;
}

#pagegradient{
	padding-bottom:180px;
}

#pagecontainer {
	width: 980px;
	margin: 0 auto;
	position:relative;
}

#pagewhite {
	float: left;
	width: 100%;
	background: #ffffff;
}

#pageborder {
	float: left;
	width: 100%;
	border: 1px solid #DDDDDD;
}

#topnavspan {
	float: left;
	width: 100%;
	background: #d399c5;
}

.frontpage2colwidespan .mainContentContainer {
    float: left;
    min-height: 1px;
    width: 580px;
    margin-right: 20px;

} 

/*** used for centering text vertically in buttons ***/
.outer-li {
	display: table;
	height: 43px;
	position: static;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.middle-li {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

/*** service and logo ***/
#servicespan {
	float: right;
	width: 568px;
	padding: 0 17px;
}

#loginlogoutservice {
	/*
	float: right;
	margin-right: 33px;
	background: url(button-service-login.png) repeat-x top left;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	*/
   	background: none repeat scroll 0 0 #A5CDD9;
    border-radius: 0 0 3px 3px;
    float: left;
    margin-right: 2px;
}

#loginlogoutservice:hover {
	/*background-position: bottom left;*/
}

#loginlogoutservice a {
	display: block;
	font-size: 12px;
	/*
	line-height: 30px;
	*/
	line-height:37px;
	padding: 0 5px;
	color: #000;
}

#loginlogoutservice a:hover {
	color: #fff;
}

#service {
	float: right;
	height: 156px;
	font-weight:bold;
}

#topnav-min #service {
	height: 80px;
}

#logo {
	float: left;
	margin: 49px 0 0 50px;
}

#topnav-min #logo {
	margin: 30px 0 0 50px;
}

#servicenav {
	/*
	float: right;
	clear: both;
	width: 288px;
	padding: 30px 33px 0 0;
	*/
    float: right;
    margin-right: 34px;
}

#servicenav ul {
	margin: 0;
	padding: 0;
}

#servicenav li {
	float: right;
	list-style: none;
	width: 118px;
	height: 37px;
	margin-left: 4px;
}

#servicenav .contact {
	background: url(button-service-contact.png) no-repeat top left;
}

#topnav-min #servicenav .contact {
	background: url(button-service-contact-reversed.png) no-repeat top left;
}

#servicenav .webshop {
	background: url(button-service-webshop.png) no-repeat top left;
}

#servicenav li:hover,#topnav-min #servicenav li:hover,#servicenav li.act,#topnav-min #servicenav li.act
	{
	background-position: bottom left;
}

#servicenav li a:hover {
	color: #ffffff;
}

#servicenav li a {
	font-size: 12px;
	color: #000000;
	line-height: 37px;
	display: block;
	padding-left: 42px;
}

#topnav-min #servicenav li a {
	padding: 0 42px 0 10px;
}

#servicenav li a:hover {
	text-decoration: none;
}

#searchboxspan {
	float: right;
	padding: 4px 33px 0 0;
}

#searchbox {
	float: right;
	height: 39px;
	width: 240px;
	background: url(bg-search.png) no-repeat;
}

#searchbox:hover {
	background-position: bottom left;
}

#search {
	float: left;
	background: none;
	border: 0;
	width: 191px;
	height: 31px;
	line-height: 31px;
	padding: 3px 6px 0 3px;
}

#searchbutton {
	float: left;
	width: 33px;
	height: 33px;
	background: url(button-service-search.png) no-repeat bottom right;
	padding: 3px 0 0 3px;
}

#advsearchbutton {
	float: left;
	background: url(button-service-advsearch.png) no-repeat bottom left;
	width: 59px;
	height: 33px;
	padding: 3px 3px 0 0;
}

/*** top nav ***/
#topnav-span {
	float: left;
	width: 975px;
	min-height: 51px;
	padding-left: 5px;
	background: url(bg-topnavspan.png) repeat-x;
	overflow: visible;
}

#topnav-min #topnav-span {
	width: 880px;
	margin: 0 50px;
	padding: 0;
	min-height: 41px;
	background: url(bg-topnavspan-min.png) repeat-x;
}

#topnavpadding {
	float: left;
	padding: 0 0 0 47px;
}

#topnav-min #topnavpadding {
	padding: 0;
}

#topnav {
	margin: 0;
	padding: 0;
}

#topnav li {
	float: left;
	list-style: none;
	float: left;
	background: url(bg-topnavdivider.png) no-repeat right;
	z-index: 50;
}

#topnav li a {
	display: block;
	font-size: 14px;
	padding: 0 15px;
	text-align: center;
	color: #000000;
	line-height: 51px;
	z-index: 100;
	position: relative;
}

#topnav-min #topnav li a {
	line-height: 41px;
}

#topnav li a:hover,#topnav li.selectedLava a {
	color: #ffffff;
	text-decoration: none;
}

#topnav li.backLava {
	position: absolute;
	background: url(bg-topnav.gif);
	z-index: 5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

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

#contentspan #breadcrumb li {
	padding-left: 0;
	background: none;
}

#contentspan #breadcrumb li {
	float: left;
	color: #054974;
	background: url(bg-breadcrumb-span.gif) no-repeat top left;
	height: 21px;
	position: relative;
	z-index: 10;
	clear: none;
}

#contentspan #breadcrumb li:hover {
	background: url(bg-breadcrumb-span.gif) no-repeat bottom left;
}

#contentspan #breadcrumb li.firstitem {
	width: 36px;
	background: url(bg-breadcrumb-home.gif) no-repeat top left;
}

#contentspan #breadcrumb li.firstitem:hover {
	background: url(bg-breadcrumb-home.gif) no-repeat bottom left;
}

#contentspan #breadcrumb li a {
	display: block;
	font-size: 10px;
	color: #054974;
	background: url(bg-breadcrumb-end.gif) no-repeat top right;
	line-height: 21px;
	padding: 0 15px 0 15px;
}

#contentspan #breadcrumb li span {
	display: block;
	font-size: 10px;
	color: #054974;
	background: url(bg-breadcrumb-endlast.gif) no-repeat bottom right;
	line-height: 21px;
	padding: 0 15px 0 15px;
}

#contentspan #breadcrumb li a:hover {
	text-decoration: none;
	background: url(bg-breadcrumb-end.gif) no-repeat bottom right;
}

#contentspan #breadcrumb li.act,#contentspan #breadcrumb li.act:hover {
	background: url(bg-breadcrumb-actspan.gif) no-repeat;
}

#contentspan #breadcrumb li.act span,#contentspan #breadcrumb li.act span:hover
	{
	background: url(bg-breadcrumb-actend.gif) no-repeat top right;
	padding: 0 10px 0 14px;
	font-size: 10px;
	color: #054974;
}

#contentspan #breadcrumb li.level2 {
	left: -4px;
}

#contentspan #breadcrumb li.level3 {
	left: -8px;
}

#contentspan #breadcrumb li.level4 {
	left: -12px;
}

#contentspan #breadcrumb li.level5 {
	left: -16px;
}

#contentspan #breadcrumb li.level6 {
	left: -20px;
}

#contentspan #breadcrumb li.level7 {
	left: -24px;
}

#contentspan #breadcrumb li#breadcrumbact {
	background: url(bg-breadcrumb-span.gif) no-repeat bottom left;
}

#contentspan #breadcrumb li#breadcrumbact a {
	background: url(bg-breadcrumb-end.gif) no-repeat bottom right;
}

#nobreadcrumbpadding {
	float: left;
	width: 100%;
	height: 30px;
}

/************************************* content ***********************************/
#contentspan p {
	width: 100%;
}

#contentspan ul,#contentspan ol {
	padding: 0;
	margin: 0;
	clear: left;
}

#contentspan li {
	list-style: none;
	background: url(bullet.png) no-repeat 0 6px;
	padding-left: 12px;
	margin: 0;
}

#contentspan .contenttext ol li {
	background: none;
	list-style-type: decimal;
	margin: 0 0 0 18px;
	padding: 0;
}

#contentspan .contenttext .blueinfoboxpadding ol li {
	margin: 0;
}

#contentspan #stickybarspan p {
	width: auto;
}

#contentspan {
	float: left;
	width: 100%;
	
}

.contenttext {
	float: left;
	clear: both;
	width: 100%;
}

#breadcrumb {
	float: left;
	width: 880px;
	padding: 30px 50px 20px 50px;
}

#content {
	float: left;
	width: 880px;
	padding: 10px 50px 20px 50px;
	min-height: 450px;
}

.rightimg {
	padding: 0 0 10px 10px;
}

#header {
	float: left;
	padding: 0 50px;
	width: 880px;
}

#contentspan h1,.contentheader h2 {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
}

#contentspan p {
	text-align: left;
	padding-bottom: 10px;
	font-size:1em;
}

img.img-border{
	padding:7px;
	border:1px solid #ddd;
	background:#f8f8f8;
}

#contentcolumn-l {
	float: left;
	width: 440px;
	min-height: 100px;
	margin-right: 24px;
}

#contentcolumn-r {
	float: left;
	width: 440px;
	min-height: 100px;
}

.page2cols .col1,#col1 {
	float: left;
	width: 575px;
	padding-right: 25px;
	min-height: 1px;
}

.page2cols .col2,#col2 {
	float: left;
	width: 280px;
	min-height: 1px;
}

/*** template-content-webshop-listproducts.jsp ***/
#contenttext {
	float: left;
	width: 880px;
	padding: 10px 50px 0 50px;
	min-height: 1px;
}

#contentproductlist {
	float: left;
	width: 880px;
	padding: 10px 50px 20px 50px;
	min-height: 350px;
}

/************************************** Footer ****************************************/

#footerContainer{
	/* background:url(bg-footer-gradient.gif) repeat-x; */
	
	background:#0092b2;
	
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #0093B4),
	color-stop(1, #00476D)
	);
	
	background-image: -o-linear-gradient(bottom, #0093B4 0%, #00476D 100%);
	background-image: -moz-linear-gradient(bottom, #0093B4 0%, #00476D 100%);
	background-image: -webkit-linear-gradient(bottom, #0093B4 0%, #00476D 100%);
	background-image: -ms-linear-gradient(bottom, #0093B4 0%, #00476D 100%);
	background-image: linear-gradient(to bottom, #0093B4 0%, #00476D 100%);
	
	/*margin-top:40px;*/
	border-top:5px solid #bb1543;
	
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-height:175px;
}

#footer {
	width: 980px;
	height: 137px;
	margin:0 auto;
	/* background: url(bg-footer-gradient.gif) repeat-x; */
}

#footer p {
	color: #ffffff;
	font-size: 11px;
}

#footer a {
	color: #ffffff;
	font-size: 11px;
}

#footerleft {
	float: left;
	padding: 30px 0 0 50px;
	width: 150px;
}

#footermid {
	float: left;
	width: 580px;
	padding-top: 45px;
}

#footermid p {
	width: 100%;
	text-align: center;
}

#footermid img {
	float: none !important;
}

#footerright {
	float: left;
	padding: 40px 50px 0 0;
	width: 150px;
}

/*** Stickybar / basket ***/
#stickybarspan {
	float: left;
	height: 57px;
	width: 100%;
}

#stickybar {
	display: block;
	position: fixed;
	bottom: 0px;
	z-index: 100;
	margin: auto;
	width: 980px;
}

#basketspan {
	margin: auto;
	width: 980px;
}

#basketmid {
	float: right;
	height: 57px;
	width: 228px;
	background: url(bg-basket.png) no-repeat;
	margin-right: 50px;
	padding-left: 66px;
}

#basket-buybutton {
	float: left;
	background: url(bg-button-buy.gif) repeat-x top left;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
}

#basket-buybutton:hover {
	background: url(bg-button-buy.gif) repeat-x bottom left;
}

#basket-buybutton a {
	color: #ffffff;
	font-weight: bold;
	line-height: 20px;
	padding: 0 10px;
	display: block;
	text-align: center;
}

#basket-buybutton a:hover {
	text-decoration: none;
}

#basketcontent {
	float: left;
	width: 153px;
	padding: 4px 10px 0 0;
}

#stickybar #basketcontent-count {
	color: #ffffff;
	float: left;
	padding-bottom: 3px;
	text-align: left;
}

#stickybar #basketcontent-value {
	color: #ffffff;
	float: right;
	padding-bottom: 3px;
	text-align: right;
}

#loginbox {
	float: left;
	padding: 4px 0 0 10px;
	height: 50px;
	width: 50px;
}

#loginbox a {
	display: block;
	text-align: center;
	color: #ffffff;
	vertical-align: middle;
}

/*** Virtual tour ***/
#vtournav {
	float: left;
	width: 100%;
}

#vtournav li {
	background: none;
}

.bubble {
	position: relative;
	width: 38px;
	height: 41px;
}

.bubble a {
	display: block;
	line-height: 41px;
	background: url(vtour-bubble.png) top left no-repeat;
}

.bubble a:hover {
	background: url(vtour-bubble.png) bottom left no-repeat;
}

/*** product boxes ***/
.contentheader {
	padding: 10px 0 5px 0;
}

.webshopproductlist {
	position:relative;
	float: left;
	width: 100%;
	padding-bottom: 15px;
}

.admintoolspan-product {
	float: left;
	width: 293px;
}

.productrow {
	float: left;
	width: 100%;
	margin-bottom:45px;
}

.productlink {
	float: left;
}

.productbackground{
	margin-right:21px;
	/*min-height:330px;*/
}

.productbackground,
.productbackgroundend {
	float: left;
	position:relative;
	/*width: 294px;*/
	width:277px;
	/*min-height:360px;*/
	border:1px solid #ddd;
	height:auto;
}

.productbackground:hover,.productbackgroundend:hover {
	background: url(productbox-gradient.png) repeat-x left bottom;
}

.productborder {
	float: left;
	width: 100%;
	height: 100%;
	/*background: url(productbox-border.png) repeat-y;*/
}

.producttop {
	float: left;
	width: 100%;
	height: 100%;
	overflow: visible;
	/*background: url(productbox-top.png) no-repeat left top;*/
}

.productbottom {
	float: left;
	width: 100%;
	height: 100%;
	overflow: visible;
	/*background: url(productbox-bottom.png) no-repeat left bottom;*/
}

.productbottom.productwithdiscount {
	height: 350px;
}

.productlist .productbottom {
	height: 290px;
}

.productpadding {
	padding: 15px 10px;
	cursor: pointer;
}

.productlist .productpadding {
	padding: 17px 14px;
}

.productbuypadding {
	/* padding: 5px 14px 17px 14px;*/
	padding:5px 10px;
}

#contentspan .productname p {
	font-size: 16px;
	padding-bottom: 0;
}

#contentspan .productname p strong {
	color: #448fa9;
	padding-bottom: 4px;
}

.productimage {
	float: left;
	width: 100%;
	height: 160px;
	overflow: hidden;
}

.productimage img {
	float: none !important;
}

.productimage {
	float: left;
	width: 100%;
	text-align: center;
}

.productdescription {
	float: left;
	/*height: 80px;*/
	width: 100%;
	font-size: 12px;
	overflow: hidden;
	margin-bottom:40px;
}

.productdescription p,.productdescription i,.productdescription p i,.productdescription p em
	{
	font-size: 12px;
}

.productinfolinkspan {
	float: left;
	width: 100%;
	height: 35px;
	margin: 5px 0;
}

a.productinfolink {
	padding-left: 39px;
	background: url(product-infoicon.png) no-repeat;
	line-height: 35px;
	height: 35px;
	font-size: 12px;
	display: block;
}

.productbuy {
	
}

.productquantity {
	max-width: 60px;
	display:inline-block;
	margin-right:10px;
}

.plusMinusBtn{
	float:right;
	max-width:132px;
}

.plusMinusBtn input{
	width:30px;	
	text-align:center;
}

.productbuyContainer{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 258px;
	background: #f9f9f9;
	padding: 5px 9px;
	box-shadow: 0 1px 10px 1px #ddd;
	-moz-box-shadow: 0 1px 1px 2px #ddd;
	-ms-box-shadow: 0 1px 1px 2px #ddd;
	border-top: 1px solid #ddd;
}

#contentspan .productquantity p {
	font-weight: bold;
	font-size: 12px;
	padding-bottom:0;
	margin-bottom:0;
}

.productprice {
	display:inline-block;
	text-align: right;
	font-size: 12px;
	vertical-align:middle;
}

.productprice label {
	float: right;
	font-weight: bold;
	margin-right:3px;
	color:green;
	font-size:14px;
}

.productquantity strong,
.productquantity label{
	font-size: 12px;
}

.productbuy input[type=text] {
	width: 32px;
	height: 22px;
	border: 0;
	background: url(productbox-quantity.png) no-repeat;
	text-align: center;
	margin-right: 3px;
}

.productbuy input[disabled] {
	color: grey;
}

.productdiscountspan {
	float: left;
	width: 100%;
	padding-top: 8px;
}

.productnormprice {
	float: left;
	width: 60px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:line-through;
}

.productnormprice b {
	font-size: 12px;
	line-height: 12px;
}


.productdiscount {
	float: right;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
}

.productdiscount b {
	font-size: 12px;
	line-height: 12px;
	color: green;
}

.pricediscount{
	position: absolute;
	bottom: -24px;
	left: -1px;
	background: rgb(250,250,210);
	padding: 5px 10px;
	width: 257px;
	border: 1px solid #ddd;
	border-top:none;
}

.priceDiffCont{
	position: absolute;
	bottom: -24px;
	left: -1px;
	background: rgb(250,250,210);
	padding: 5px 10px;
	width: 257px;
	border:1px solid #ddd;
	/*
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-ms-border-radius:0px 0px 5px 5px;
	*/
}

.standardbutton {
	border: none;
	background: url(bg-button-buy.gif) repeat-x bottom left;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	margin-left: 3px;
}
.buybutton,
.basket-goback,
.buybuttonPromotion{
	float: right;
	border: none;
	background: url(bg-button-buy.gif) repeat-x bottom left;
	/*background:#F88E11;*/
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 3px;
}
.buybutton,
.buybutton a,
.buybuttonPromotion{
	color:#fff;
	font-size: 12px;
}

.buybutton:hover,
.basket-goback:hover,
.buybuttonPromotion:hover{
	cursor: pointer;
	background-position: top left;
	color:#fff;
	/*background:#F06015;*/
}

.outofstock-button{
	border: none;
	background: url(bg-button-outofstock.gif) repeat-x top left;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	padding: 0 5px;
	float: right;
	font-size: 12px;
	margin-left: 3px;
}

.outofstock{
	float: left;
	height: 22px;
	width: 32px;
	background: url("productbox-quantity.png") no-repeat scroll 0 0
		transparent;
	border: 0 none;
	margin-right: 3px;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	color: grey;
}

/*
.buybutton{
	display:inline-block;
	float:right;
	
}

.buybutton1{
	background: none repeat scroll 0 0 #F0B55A;
   	border-radius: 3px;
    box-shadow: 0 0 2px 0 #000000;
   	color: #004B72;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    width: 80px;
}

.buybutton:hover,
.buybutton1:hover{
	cursor:pointer;
}



.outofstockContainer .productprice{
	float:left;
}

.outofstockContainer .outofstock-button{
	background: none repeat scroll 0 0 #eee;
	border-radius: 3px;
	box-shadow: 0 0 2px 0 #000000;
	color: #004B72;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 5px;
	text-align: center;
	float:right;
}

*/

/******************************************** product compact *********************/
.productcompact {
	float: left;
	width: 100%;
}
.productcompact .productprice,.productcompact .productquantity,.productcompact input[type=submit]
	{
	font-size: 12px;
	line-height: 25px;
}

.productcompact .pricediscount{
	position: static;
	background: rgb(250,250,210);
	padding: 5px 10px;
	width: 300px;
	border: 1px solid #ddd;
	border-top:none;
	float:left;
}

.productcompact .productnormprice{
	width:auto;
}

.productcompact input[type="text"],
.productcompact label{
	display:inline-block;
}

.productcompact .outofstock{
	float:none;
	display:inline-block;
}

/*************************************** product compact wide *********************/
.product-compact-wide{
	
}
.product-compact-wide .productquantity{
	max-width:400px;
	float:left;
	overflow:hidden;
}
#contentspan .product-compact-wide .productquantity p{
	width:300px;
}

.product-compact-wide .productbuy{
	width:860px;
	padding:5px 10px 1px 10px;
	border-bottom:1px solid #d2e2e9;
}

.product-compact-wide:nth-child(odd) .productbuy{
	border-radius:3px;
	background: #d2e2e9;
}

.product-compact-wide .productprice{
	float:right;
	width:auto;
}

/******************************* basketoverview *********************************/
#basketoverview {
	width: 100%;
}

.basketheader {
	background: url(table-checkout-header.gif) repeat-x bottom left;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
}

.dividerend {
	width: 15px;
	padding: 4px;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.basketotal {
	width: 140px;
}

input.basket-goback {
	float: left;
}

input.basket-continue {
	float: right;
	border: none;
	background: url(bg-button-buy.gif) repeat-x top left;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	margin-left: 3px;
}

input.basket-continue:hover {
	cursor: pointer;
	background-position: bottom left;
}

.emptyrow {
	height: 15px;
}

#basketsum {
	width: 100%;
}

/*** Blue infobox ***/
.infoboxbluespan {
	float: left;
	width: 100%;
	background: url(infobox-blue-sides.gif) repeat-y;
	margin-bottom: 15px;
}

.infoboxbluegradient {
	float: left;
	width: 100%;
	background: url(infobox-blue-bottom.png) no-repeat left bottom;
}

.blueinfoboxheadertop {
	float: left;
	width: 100%;
	background: url(infobox-blue-headertop.gif) repeat-y left top;
}

#contentspan .blueinfoboxheadertop h3 {
	color: #ffffff;
	font-size: 16px;
	padding: 4px 15px;
}

.blueinfoboxheaderbottom {
	float: left;
	width: 100%;
	background: url(infobox-blue-headerbottom.gif) no-repeat left bottom;
}

.blueinfoboxpadding {
	float: left;
	padding: 10px 15px;
}

.blueinfoboxtop {
	float: lefT;
	width: 100%;
	height: 4px;
	background: url(infobox-blue-smalltop575.png) repeat-y right top;
}

#content .page2cols .col1 .infoboxbluespan,#content #col1 .infoboxbluespan
	{
	background: url(infobox-blue-sides575.gif) repeat-y;
}

#content .page2cols .col1 .blueinfoboxheadertop,#content #col1 .blueinfoboxheadertop
	{
	background: url(infobox-blue-headertop575.gif) repeat-y left top;
}

#content .page2cols .col1 .blueinfoboxheaderbottom,#content #col1 .blueinfoboxheaderbottom
	{
	background: url(infobox-blue-headerbottom575.gif) no-repeat left bottom;
}

#content .page2cols .col1 .infoboxbluegradient,#content #col1 .infoboxbluegradient
	{
	background: url(infobox-blue-bottom575.png) no-repeat left bottom;
}

#content .page2cols .col1 .blueinfoboxpadding,#content #col1 .blueinfoboxpadding
	{
	width: 545px;
}

#content .page2cols .col1 .blueinfoboxtop,#content #col1 .blueinfoboxtop
	{
	background: url(infobox-blue-smalltop575.png) repeat-y right top;
}

#content .page2cols .col2 .infoboxbluespan,#content #col2 .infoboxbluespan
	{
	background: url(infobox-blue-sides.gif) repeat-y;
}

#content .page2cols .col2 .blueinfoboxheadertop,#content #col2 .blueinfoboxheadertop
	{
	background: url(infobox-blue-headertop.gif) repeat-y left top;
}

#content .page2cols .col2 .blueinfoboxheaderbottom,#content #col2 .blueinfoboxheaderbottom
	{
	background: url(infobox-blue-headerbottom.gif) no-repeat left bottom;
}

#content .page2cols .col2 .infoboxbluegradient,#content #col2 .infoboxbluegradient
	{
	background: url(infobox-blue-bottom.png) no-repeat left bottom;
}

#content .page2cols .col2 .blueinfoboxpadding,#content #col2 .blueinfoboxpadding
	{
	width: 245px;
}

#content .page2cols .col2 .blueinfoboxtop,#content #col2 .blueinfoboxtop
	{
	background: url(infobox-blue-smalltop.png) repeat-y right top;
}

.infoboxbluespan .productfacts td,.infoboxbluespan .productfacts p,.infoboxbluespan .productfacts em
	{
	font-size: 12px;
}

#contentspan .blueinfoboxpadding p {
	padding-bottom: 4px;
}

#contentspan .blueinfoboxpadding ol {
	padding-left: 0;
}

#contentspan .blueinfoboxpadding ol li {
	list-style: none;
	background: url(page_white_acrobat.png) no-repeat 0 2px;
	padding-left: 20px;
}

#contentspan .blueinfoboxpadding ol li a {
	display: block;
}

#header2col {
	float: left;
	width: 100%;
	padding-bottom: 15px;
}

#content .blueinfoboxtop {
	background: url(infobox-blue-smalltop880.gif) repeat-y right top;
}

#content .infoboxbluespan {
	background: url(infobox-blue-sides880.gif) repeat-y;
}

#content .infoboxbluegradient {
	background: url(infobox-blue-bottom880.png) no-repeat left bottom;
}

#content .blueinfoboxheadertop {
	background: url(infobox-blue-headertop880.gif) repeat-y left top;
}

#content .blueinfoboxpadding {
	width: 850px;
}

/*** datasheet ***/
.datasheet {
	float: left;
	width: 100%;
	margin: 15px 0;
}

.datasheet thead {
	background: #2c8ba3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.datasheet th,.datasheet td {
	padding: 4px;
}

.datasheet th,.datasheet th strong {
	font-size: 16px;
}

.datasheet tr.striped {
	background: #dce5ec;
}

.datasheet th {
	background: transparent;
	color: #ffffff;
}

.datasheet th b,.datasheet th strong,#contentspan .datasheet th p,.datasheet th span,.datasheet th strong
	{
	color: #ffffff;
	padding-bottom: 0;
}

.datasheet th sub,.datasheet th sup {
	color: #ffffff;
}

.flexisheet thead {
	background: darkblue
}

/*** virtual tour ***/
#vtourmap {
	float: left;
	width: 100%;
	height: 441px;
	background: url(vtour-map.jpg) no-repeat left top;
}

.vtour-bubble {
	height: 41px;
	width: 38px;
	background: url(vtour-bubble.png) no-repeat left top;
	position: relative;
}

.vtour-bubble:hover {
	background: url(vtour-bubble.png) no-repeat left bottom;
}

.vtour-bubble a {
	display: block;
	line-height: 41px;
}

.vtour-bubble a:hover {
	text-decoration: none;
}

#welcome {
	left: 265px;
	top: 225px;
}

#resources {
	left: 250px;
	top: 41px;
}

#lab {
	left: 349px;
	top: -7px;
}

#quality {
	left: 111px;
	top: -20px;
}

#registration {
	left: 184px;
	top: -43px;
}

#production {
	left: 417px;
	top: -25px;
}

#packaging {
	left: 641px;
	top: -127px;
}

#stock {
	left: 696px;
	top: -87px;
}

/*** virtual tour menu ***/
#vtournav {
	float: left;
	width: 100%;
	padding-top: 15px;
}

#vtournav ul {
	margin: 0;
	padding: 0;
}

#vtournav li {
	float: left;
	list-style: none;
	width: 101px;
	border-left: 1px solid #dbdbdb;
	padding: 0 4px;
	min-height: 130px;
}

#vtournav li.firstitem {
	border-left: 1px solid transparent;
}

#vtournav li a {
	font-size: 10px;
	display: block;
	text-align: center;
}

#vtournav li li {
	float: none;
	padding: 0;
	margin: 0;
	width: 100px;
	border: none;
	min-height: 0;
}

#vtournav li li a {
	color: #6d6d6d;
}

/*********************************** Contact form **************************************/
.contactformspan {
	float: left;
	width: 581px;
	/* background: url("contact-bg.jpg") no-repeat scroll top right transparent;*/
	margin-top:30px;
}

.contactline {
	float: left;
	padding-bottom: 20px;
	width: 100%;
}

.contactline label {
	color: #29496f;
	float: left;
	line-height: 40px;
	padding-right: 10px;
	text-align: right;
	width: 126px;
}

.contactline input[type="text"] {
	/*background: url("contact-inputfield.png") no-repeat scroll 0 0
		transparent;*/
	color: #000000;
	float: left;
	height: 16px;
	line-height: 16px;
	padding: 12px 10px;
	width: 400px;
	font-family: arial;
	font-size: 15px;
}

.contactline .textarea {
	/*background: url("contact-textarea.png") repeat scroll 0 0 transparent;*/
	float: left;
	height: 151px;
	padding: 10px 8px 10px 10px;
	width: 403px;
}

.contactline textarea {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #000000;
	float: left;
	height: 150px;
	overflow: auto;
	width: 401px;
	font-family: arial;
	font-size: 15px;
}

.contactline input[type="text"], 
.contactline .textarea{
	border:1px solid #C7C7C7;
}

.contactline input[type="text"]:hover, .contactline .textarea:hover,
.contactline input[type="text"]:focus, .contactline .textarea:focus{
	background:#f9f9f9;
}

#contactsend {
	float: left;
	margin-left: 135px;
	border: 0;
	color: #ffffff;
	font-weight: bold;
	background: url(contact-send.png) no-repeaT;
	width: 127px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

#contactsend:hover {
	cursor: pointer;
	color: #bb1543;
}

/******************************************** Campaign 2013 sign up form base design**************************************/
#RegisterForm.campaign2013{
	width:415px;
	float:left;
	/* margin-left:70px; */
	box-shadow:1px 1px 3px #ddd;
	-moz-box-shadow:1px 1px 3px #ddd;
	border:1px solid #bbb;
}
.campaign2013 .signupline {
	float: left;
	width: 100%;
	padding-bottom: 6px;
}

.campaign2013 #ID_Address_Edit_Form{
	width: 400px;
}
.campaign2013 .signupline label {
	float: left;
	/*width: 120px;*/
	text-align: left;
	/* padding-right: 10px;*/
	display:block;
}

.campaign2013 .signupline input {
	float: left;
	padding-left: 5px;
	height:24px;
	font-size:16px;
	display:block;
}


#contentspan .signupInputDescription label{
	
	/*
	padding-bottom:0px;	
	margin-bottom:0px;
	margin-top: 12px;
	*/
	width:330px;
	margin-top:10px;
}

.signupline.signupInputDescription.formSection {
    margin-top: 20px;
}

.campaign2013 .longInput{
	width:395px;
}

.compaign2013 .shortInput{
	width:165px;
}

.campaign2013 #ID_C_Country_ID, .campaign2013 #ID_C_Region_ID{
	/* height: 35px; */
    padding: 2px;
    width: 400px;
    background:wheat;
    height:29px;
    font-size:18px;
}

.campaign2013 .longInput, .campaign2013 .shortInput, .campaign2013 #ID_C_Country_ID, .campaign2013 #ID_C_Region_ID{
	border: 1px dotted gray;
}

.campaign2013 #ID_C_Country_ID option{}

.campaign2013 .signupradios {
	/*padding-left: 126px;*/
	display:block;
	float:left;
	margin-left:10px;
}

/*
.campaign2013 #signupsubmit {
	 margin-left: 132px; 
	float: left;
	margin-top:20px;
	border: 0;
	color: #ffffff;
	font-weight: bold;
	background: url(contact-send.png) no-repeat;
	width: 127px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	*/
.campaign2013 input[type="button"], .campaign2013 input[type="submit"]{	
	background: none repeat scroll 0 0 #0792C0;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 30px;
    line-height: 24px;
    margin-top: 20px;
    text-align: center;
    width: 130px;
}

.campaign2013 input[type="button"]:hover, .campaign2013 input[type="submit"]:hover {
	cursor: pointer;
	color: #bb1543;
}

/*remove Firefox's dotted outline on buttons & links*/
:focus {outline:none;}
::-moz-focus-inner {border:0;}

.campaign2013 #compaign2013PopWrapper{
	background:#fff;
}

.campaign2013 .tooltip {
	vertical-align: top;
	position: relative;
	bottom: 0;
	top: 4px;
}

/*
#compaign2013PopCol1Wrapper{
	width: 450px;
}

#compaign2013PopWrapper .content{	
    padding:10px;
    letter-spacing: 0.01em;
    line-height: 20px;
}


#compaign2013PopHeader h1{
	font-size:2em;
  	padding:10px;
}
*/

#comp13prodImgCont{
	width:280px;
	float:left;
	margin-left:30px;
	margin-top:15px;
}
#comp13prodImgCont img{
	display:block;
	border-style:none;
	border: 1px dotted gray;
	margin-top: 5px;
}
#comp13prodImgCont img:hover {
	border:1px solid #95AFD9;
	-webkit-box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.45);
	-moz-box-shadow:    0px 0px 21px rgba(0, 0, 0, 0.45);
	box-shadow:         0px 0px 21px rgba(0, 0, 0, 0.45);
}


/******************** Campaign 2013 sign up form, responsive for PN design 08 & 11 ************************/

form.responsiveForm2013 {
	position: relative !important;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 70px;
	width: 860px !important;
	/* 2.7% of 880px = 20px for compensating the 20px left padding*/
	background: #ddd !important;
	float: left !important;
}

.responsiveForm2013 .submitBtn {
	position: absolute !important;
	bottom: 20px !important;
	left: 20px !important;
	/* clear: both;*/
}

.responsiveForm2013 .formLeftPart {
	float: left !important;
	width: 401px !important;
	padding-right: 28px;
}

.responsiveForm2013 .formRightPart {
	float: left !important;
	width: 401px !important;
}

.responsiveForm2013 .formRightPart  .formHeader{
	margin-top:18px;
}

/************************************************** 2 col 50/50% ***************************************************/
#col1-50 {
	float: left;
	min-height: 1px;
	padding-right: 25px;
	width: 415px;
}

#col2-50 {
	float: left;
	min-height: 1px;
	width: 415px;
}

/*** frontpage ***/
#frontpagetoppadding {
	float: left;
	width: 100%;
	height: 40px;
}

#contentfrontpage {
	float: left;
	width: 880px;
	padding: 10px 50px 20px 50px; 
	min-height: 450px;
}

#contentfrontpage .blueinfoboxpadding ol li a {
    display: inline;
}

#content table,#contentfrontpage table {
	float: left;
}

#contentfrontpage h3 {
	background: url(bg-frontpage-section.jpg) no-repeat;
	padding: 0 8px;
	font-weight: bold;
	line-height: 35px;
	font-size: 18px;
	color: #ffffff;
	height: 35px;
	margin-bottom: 6px;
	float: left;
	width: 100%;
}

#contentfrontpage ol {
    border-bottom: 1px solid #DDDDDD;
    float: left;
    margin: 0;
    padding-left: 10px;
    padding-bottom:5px;
    width: 100%;
}

#contentfrontpage li a {
	font-size: 12px;
	display: block;
}

/********************* Blueboxes on the front page ***********************/
#contentfrontpage .infoboxbluespan h3{
    background:none;
    padding:0 0 0 5px;
    height:30px;
    line-height:30px;
    line-height:none;
    height:none;
    float:none;
    margin:0;
}

#contentfrontpage .infoboxbluespan ol li{
    background:none;
    list-style:inherit;
    margin-left:0;
    padding-left:10px;
} 

/*** newsletter signup box ***/
.newslettersignupbox {
	float: left;
	width: 100%;
	height: 84px;
	background: url(bg-newsletter-signup.png) no-repeat;
}

.newslettersignupboxpadding {
	padding: 13px 10px 0 10px;
}

.newslettersignupboxpadding h4 {
	/* 
	color: #c30071;
	*/
	color:#006A8E;
	font-size: 16px;
	padding-bottom: 4px;
}

.newslettersignupboxpadding input[type=text] {
	border: 1px solid #ffd587;
	background: #ffffff;
	width: 210px;
}

.newslettersignupboxpadding input[type=submit] {
	/*
	border: 1px solid #ffd587;
	color: #c30071;
	*/
	background: #ffffff;
	width: 38px;
	color:#006A8E;
}

#newsletterinfolink {
	float: left;
	width: 100%;
}

#newsletterinfolink a {
	font-size: 12px;
	/*
	color: #c30071;
	*/
	color: #006A8E;
}

/*** newsletter signup box frontpage version ***/
.newslettersignupboxfront {
	float: left;
	width: 100%;
	min-height:95px;
	/*height: 84px;*/
	/*
	background: url(bg-newsletter-signup-frontpage.png) no-repeat;
	*/
	margin-bottom:10px;
	background-color: #F0B55A;
	
-webkit-box-shadow: 20px 20px 5px 0px #dddddd;
box-shadow: 5px 5px 5px 0px #dddddd;
}

.newslettersignupboxfront .newslettersignupboxpadding input[type=text] {
	width: 200px;
}

/*** generic regline ***/
.regline {
	float: left;
	width: 100%;
	padding-bottom: 6px;
}

.regline label {
	float: left;
	width: 160px;
	padding-right: 4px;
	text-align: right;
}

.regline input[type=text],.regline input[type=password] {
	float: left;
	width: 150px;
}

.regline input[type=submit],.regline input[type=button] {
	float: left;
	border: none;
	background: url(bg-button-buy.gif) repeat-x bottom left;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	margin-left: 164px;
}

.regline input[type=submit]:hover,.regline input[type=button]:hover {
	cursor: pointer;
	background-position: top left;
}

.Cmandatory {
	float: left;
}

.mandatory {
	float: left;
	color: red;
	padding-left: 4px;
}

.errormessage {
	color: red;
}

.cancel-button {
	float: left;
	margin-left: 126px;
}

.submit-button {
	float: right;
}

/*** login form ***/
h3.blueheader {
	float: left;
	background: #2c8ba3;
	height: 28px;
	line-height: 28px;
	color: #ffffff;
	margin-bottom: 8px;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.col1-50 h3.blueheader {
	width: 398px;
}

.loginform {
	float: left;
	width: 100%;
}

#loginform .regline input[type=text],#loginform .regline input[type=password]
	{
	float: left;
	width: 240px;
}

#forgotpassword {
	font-size: 12px;
	color: #3f95b4;
}

#forgotpassword:hover {
	cursor: pointer;
	text-decoration: underline;
}

/*** new user form ***/
.newuserform .regline label {
	float: left;
	width: 140px;
	padding-right: 4px;
	text-align: right;
}

#updateuserspan .regline input[type=text],#updateuserspan .regline input[type=password],.newuserform .regline input[type=text],.newuserform .regline input[type=password]
	{
	float: left;
	width: 250px;
}

#updateuserspan .regline select,.newuserform .regline select {
	float: left;
	width: 253px;
}

#updateuserspan .regline input[type=submit],.newuserform .regline input[type=submit]
	{
	float: left;
	border: none;
	background: url(bg-button-buy.gif) repeat-x bottom left;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	margin-left: 144px;
}

.newuserform .regline input[type=submit]:hover {
	cursor: pointer;
	background-position: top left;
}

.nojsbox {
	float: left;
	padding: 20px;
	background: #f6dbde;
	border: 1px solid #e92125;
	text-align: center;
}

/*** update user profile ***/
#newpasswordformtrigger,#dontchangepassword {
	font-size: 12px;
	color: #3f95b4;
}

#newpasswordformtrigger:hover,#dontchangepassword:hover {
	cursor: pointer;
	text-decoration: underline;
}

/*** product circle ***/
#productcircle {
	float: left;
	width: 100%;
	height: 600px;
	margin-bottom: 40px;
	background: url(bg-products-circle.gif) no-repeat center center;
}

#productcircle ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 599px;
	overflow: hidden;
}

#productcircle li {
	width: 300px;
	background: none;
}

.catlink-text {
	position: relative;
}

.catlink-text a {
	color: #000000;
	font-weight: bold;
}

.catlink-text a:hover,.catlink-text.hover a {
	color: #c42d35;
	text-decoration: none;
}

.catlink-img {
	position: relative;
	width: 125px;
	height: 125px;
}

.catlink-img a {
	float: left;
	width: 125px;
	height: 125px;
}

#catlink-img-ost {
	z-index: 51;
}

#catlink-img-ost a {
	background: url(productcategory-ost.png) no-repeat top left;
}

#catlink-img-medical {
	z-index: 51;
}

#catlink-img-medical a {
	background: url(productcategory-medical.png) no-repeat top left;
}

#catlink-img-fit {
	z-index: 52;
}

#catlink-img-fit a {
	background: url(productcategory-fit.png) no-repeat top left;
}

#catlink-img-beauty {
	z-index: 53;
}

#catlink-img-beauty a {
	background: url(productcategory-beauty.png) no-repeat top left;
}

#catlink-img-muscles {
	z-index: 54;
}

#catlink-img-muscles a {
	background: url(productcategory-muscles.png) no-repeat top left;
}

#catlink-img-dental {
	z-index: 55;
}

#catlink-img-dental a {
	background: url(productcategory-dental.png) no-repeat top left;
}

#catlink-img-pregnant {
	z-index: 55;
}

#catlink-img-pregnant a {
	background: url(productcategory-pregnant.png) no-repeat top left;
}

#catlink-img-all {
	z-index: 56;
}

#catlink-img-all a {
	background: url(productcategory-all.png) no-repeat top left;
}

#catlink-img-chol {
	z-index: 53;
}

#catlink-img-chol a {
	background: url(productcategory-chol.png) no-repeat top left;
}

#catlink-img-energy {
	z-index: 52;
}

#catlink-img-energy a {
	background: url(productcategory-energy.png) no-repeat top left;
}

#catlink-img-vitamins {
	z-index: 52;
}

#catlink-img-vitamins a {
	background: url(productcategory-vitamins.png) no-repeat top left;
}

#catlink-img-ost a:hover,#catlink-img-ost.hover a,#catlink-img-fit a:hover,#catlink-img-fit.hover a,#catlink-img-beauty a:hover,#catlink-img-beauty.hover a,#catlink-img-muscles a:hover,#catlink-img-muscles.hover a,#catlink-img-dental a:hover,#catlink-img-dental.hover a,#catlink-img-chol a:hover,#catlink-img-chol.hover a,#catlink-img-all a:hover,#catlink-img-all.hover a,#catlink-img-vitamins a:hover,#catlink-img-vitamins.hover a,#catlink-img-medical.hover,#catlink-img-medical a:hover,#catlink-img-pregnant.hover,#catlink-img-pregnant a:hover,#catlink-img-energy a:hover,#catlink-img-energy.hover a
	{
	background-position: left bottom;
	text-decoration: none;
}

/*** frontpage left column ***/
#frontleftcol p,#frontleftcol a,#frontleftcol strong {
	font-size: 11px;
	line-height: 14px;
	color: #000000;
}

.frontleftcolcell:hover {
	float: left;
	width: 100%;
	background: url(bg-frontpage-leftcol-act.png);
}

#frontleftcol .frontleftcolcell a {
	padding: 10px 0;
}

#frontleftcol p {
	padding: 0;
}

#frontleftcol a {
	display: block;
}

#frontleftcol a:hover {
	text-decoration: none;
}

/*** modal box ***/
#messageboxspan {
	margin-left: auto;
	margin-right: auto;
	width: 280px;
	position: fixed;
	text-align: center;
	top: 0;
	z-index: 1000;
	display: none;
}

#messagebox {
	float: left;
	width: 280px;
	min-height: 100px;
}

#messagebox p,#messagebox a,#messagebox strong,#messagebox b {
	float: left;
	width: 100%;
	clear: both;
	font-size: 12px;
}

#messagebox.attention {
	background: url(messagebox-ok.png) bottom left;
}

#messagebox.error {
	background: url(messagebox-error.png) bottom left;
}

#messageboxpadding {
	padding: 20px;
}

#messageboxclose {
	float: right;
	width: 10px;
	height: 10px;
	background: url(messagebox-close.png) no-repeat;
	clear: both;
	padding-bottom: 10px;
}

#messageboxclose:hover {
	cursor: pointer;
}

.product-search-panel {
	display: inline-block;
	/*border-radius: 2px 2px 2px 2px;*/
	padding: 20px 0 20px 10px;
	font-weight: bold;
	border: 1px solid #ddd;
	width: 868px;
	background: #f9f9f9;
	margin-bottom: 20px;
	box-shadow: 0px 0px 2px 1px #ddd;
	-moz-box-shadow: 0px 0px 2px 1px #ddd;
}

.product-search-panel-fixed{
	position:fixed;
	top:0;
	*margin:-200px;
}

#closeSearchbar{
	position:absolute;
	top:2px;
	right:2px;
	width:21px;
	height:21px;
	background-image:url(http://pharmanord.com/static/CKFinderJava/userfiles/images/pharmanord/close-icon-21-21px.png);
	background-repeat:no-repeat;
	background-position:-1px 0; 
	background-color:#f9f9f9;
	border:none;
}
#closeSearchbar:hover{
	cursor:pointer;
	background-color:#f1f1f1;
	border:1px solid #ddd;
}

.product-search-form-fixed-sidebar{
	
}
.product-search-panel select{
	width:380px;
}
.product-search-panel select,
.product-search-panel input[type="text"]{
	font-size:1.2em; 
	border: 1px solid #BDBDBD;
	background:#fff;
}

.product-search-panel input[type="text"]{
	width:180px;
}
 
.product-search-panel .submit-button {
	margin-left: 1em;
}

/*** jquery dialog box ***/
#dialog-overlay { /* set it to fill the whil screen */
	width: 100%;
	height: 100%;
	/* transparency for different browsers */
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background: #000;
	/* make sure it appear behind the dialog box but above everything else */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	/* hide it by default */
	display: none;
}

#dialog-box { /* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	/* css3 border radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */
	width: 328px;
	/* make sure it has the highest z-index */
	position: absolute;
	z-index: 5000;
	/* hide it by default */
	display: none;
}

#dialog-box .dialog-content { /* style the content */
	text-align: left;
	padding: 10px;
	margin: 13px;
	color: #666;
	font-family: arial;
	font-size: 11px;
}

a.button { /* styles for button */
	margin: 10px auto 0 auto;
	text-align: center;
	display: block;
	width: 50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	/* button color */
	background-color: #e33100;
	/* css3 implementation :) */
	/* rounded corner */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* drop shadow */
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	/* text shaow */
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
}

a.button:hover {
	background-color: #c33100;
}

/* extra styling */
#dialog-box .dialog-content p {
	margin: 0;
}

#dialog-box .dialog-content ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	height: 50px;
}

/*** Frontpage columns ***/
.fullwidthdiv {
	float: lefT;
	width: 100%;
}

.frontpage2colwidespan {
	float: left;
	min-height: 1px;
	width: 100%;
}

.frontpage2colwidespan .col1 {
	float: left;
	min-height: 1px;
	width: 280px;
}

.frontpage2colwidespan .col2wide {
	float: left;
	min-height: 1px;
	width: 580px;
	padding-left: 20px;
}

.frontpage2colinnerspan .col1 {
	float: left;
	min-height: 1px;
	width: 280px;
}

.frontpage2colinnerspan .col2 {
	float: left;
	min-height: 1px;
	width: 280px;
	padding-left: 20px;
}

.frontpage2colinnerspan .contenttext,.frontpage2colinnerspan .newslettersignupboxfront
	{
	padding-bottom: 7px;
	margin-bottom:20px;
}

.padding20px {
	float: left;
	min-height: 1px;
	width: 240px;
	padding: 20px;
}

.frontpage1colblue {
	float: left;
	width: 280px;
	
	min-height: 650px;
	background: url(bg-frontpage-leftcol.png) left bottom no-repeat;
	
	min-height:600px;
	/*
	border:1px solid #dddddd;
	*/
}

.frontpage1colblue .col1 {
	float: left;
	width: 240px;
	min-height: 1px;
	padding: 20px 20px 0 20px;
}

.frontpage1colblue .col2 {
	float: left;
	width: 280px;
	min-height: 1px;
}

#contentspan .frontpage1colblue .col1 p {
	width: auto;
	font-size: 11px;
	line-height: 14px;
}

#contentspan .frontpage1colblue .col1 p strong {
	font-size: 11px;
	line-height: 14px;
}

#contentspan .frontpage1colblue .col2 p {
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	font-size: 11px;
	line-height: 14px;
}

#contentspan .frontpage1colblue .col2 p a {
	font-size: 11px;
	line-height: 14px;
	color: #000000;
}

#contentspan .frontpage1colblue .col2 p strong {
	font-size: 11px;
	line-height: 14px;
}

#contentspan .frontpage1colblue .col2 a.contentlink {
	float: left;
	padding: 11px 0;
	width: 100%;
}

#contentspan .frontpage1colblue .col2 a.contentlink:hover {
	background: #85becd;
}

/*** Worldmap ***/
#worldmapspan {
	float: left;
	width: 100%;
	min-height: 796px;
	background: #00517f url(worldmap-sea.jpg) left top no-repeat;
}

#mapcontainer {
	float: left;
	width: 100%;
}

#worldmappadding {
	padding: 10px;
}

#worldmapspan .col1 {
	float: left;
	width: 180px;
}

#worldmapspan .col2 {
	float: right;
	width: 760px;
	min-height: 620px;
}

#countrylist-top {
	float: left;
	width: 100%;
	/*background: url(bg-worldmapmenu-top.png) no-repeat top left; */
}

#countrylist-bottom {
	float: left;
	width: 100%;
	/*background: url(bg-worldmapmenu-bottom.png) no-repeat bottom left;*/
}

#countrylist-mid {
	float: left;
	width: 100%;
	background: url(bg-worldmapmenu-glass.png) top left;
}

#countrylist li {
	float: left;
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;
	background: url(worldmapmenu-divider.png) no-repeat bottom center;
	width: 100%;
}

#countrylist li#lastcountrymenu {
	background: none;
}

#countrylist a.sitelink {
	float: left;
	color: #044873;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	width: 164px;
	padding: 3px 8px;
}

#countrylist a.small {
	float: left;
	width: 129px;
}

#countrylist a.webshoplink {
	float: right;
	color: #044873;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	padding: 3px 8px;
	width: 19px;
	background: url(button-webshop.png) no-repeat top left;
}

#countrylist a.sitelink:hover,#countrylist a.sitelink.act {
	color: #ffffff;
	background: url(bg-topnav.gif);
	border-radius: 3px;
}

#countrylist a.sitelink.small:hover,#countrylist a.sitelink.small.act {
	border-radius: 3px 0 0 3px;
}

#countrylist a.webshoplink:hover {
	background-position: bottom left;
	border-radius: 0 3px 3px 0;
}

#countrylist li.backLava {
	position: absolute;
	background: url(bg-topnav.gif);
	z-index: 5;
	border-radius: 3px;
}

#worldmapheaderspan {
	float: left;
	width: 100%;
	height: 180px;
}

/******************* Organic tabs *****************/
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.list-wrap-padding {
	float: left;
	width: 100%;
	padding-top: 10px;
}

#contentspan .organictabs ul.nav {
	float: left;
	width: 100%;
	background: url(bg-tabs-line.png) repeat-x bottom left;
}

#contentspan .organictabs ul.nav li {
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0;
	margin: 0 5px 0 0;
}

#contentspan .organictabs ul.nav li a {
	display: block;
	padding: 0 15px;
	line-height: 25px;
	/* color: #054974;*/
	color:#fff;
	/*font-weight:bold;*/
	/*background: url(bg-tabs.png) repeat-x 0 -25px;*/
	background:#574240;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

#contentspan .organictabs ul.nav li a.current:hover,
#contentspan .organictabs ul.nav li a.current
{
	color: #000000;
	/*background: url(bg-tabs.png) repeat-x 0 -50px;*/
	background:#ccc;
	/*box-shadow:0px -3px 3px #000;*/
}

#contentspan .organictabs ul.nav li a:hover {
	color: #000000;
	background: url(bg-tabs.png) repeat-x 0 -75px;
}

/*** admin and CKeditor ***/
#ckfinder {
	height: 650px;
}

#pagecontainer .cke_skin_kama,#pagecontainer .cke_skin_kama .cke_wrapper
	{
	display: inline-block;
}

#printrecipt {
	float: left;
	background: #00456c;
	padding: 3px 10px 3px 10px;
	border-radius: 3px 3px 3px 3px;
}

#printrecipt div {
	padding-left: 20px;
	color: #ffffff;
}

a:hover #printrecipt {
	background: #2c8ba2;
}

#printrecipt div div {
	padding: 0;
	color: #ffffff;
}

/******************************************Video Spot Slider******************************************/
#videoSpotsContainer .vid{
 float:left;
 border:1px solid #ccc;
 position:relative;
 overflow:hidden;
}

#videoSpotsContainer img{
 max-width:280px;
 max-height-204px;
}

#videoSpotsContainer .videoDesc {
 position:absolute;
 display:block;
 width:100%;
 height:50px;
 background:#fff;
 bottom:0;
 padding:5px;
 overflow:hidden;
 color:#3f95b4;
}

#videoSpotsContainer .videoDesc:hover{
 color:red;	
}

#videoSpotsContainer .playIcon{
 background-image:url(http://www.pharmanord.com/static/CKFinderJava/userfiles/images/Icons%20&%20Logos/icon-youtube-play-30px.png);
 position:absolute;
 top:70px;
 left:126px;
 display:block;
 width:30px;
 height:30px;
 display:block;
}	

#videoSpotsContainer{
  margin-top:10px;
}

#videoSpotsContainer li{
 background:none;
 vertical-align:bottom;
 display:inline;
 padding:0;
 margin:0;
}	

#spotsHeader{
 background:#2C8BA3;
 width: 865px;
 padding:5px;
}	

#spotsHeader h1{
 color:#ffffff;	
}

/************************************** utility ****************************************/

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

/************************************** 2013-design elements ****************************************/

.contentBox-shadow-border .contenttext{
    padding:15px;
    box-shadow:0 0 1px 1px #eee;
    border:1px solid #ddd;
    width:auto;
}



/********************** plugin adaptions ******************************/


/*** BX.Slider adaptions for videospots **********/

#videoSpotsContainer .bx-wrapper{
 margin-bottom:0px !important;
 max-width: 875px !important;
 position:relative;
 top:-20px;
}

#videoSpotsContainer .bx-viewport{
 box-shadow:none !important;
 -moz-box-shadow: none !important;
 border-left:0 !important;
 border-right:0 !important;
 left:-2px !important;
}

#videoSpotsContainer .bx-wrapper .bx-controls-direction a{
    margin-top: -36px !important;
}

#videoSpotsContainer .bx-prev{
 left:-22px !important;
 z-index:1 !important;
}
#videoSpotsContainer .bx-next{
 right:-18px !important;
  z-index:1 !important;
}
/*** BX.Slider adaptions for front-page main slider *******/

#pnSliderContainer{
    margin-bottom:10px;
}

#pnSliderContainer .slide{
    position:relative;
}
#pnSliderContainer li{
 background:none;
 padding:0;
 margin:0;
 vertical-align:bottom;
 display:inline;
}

#pnSliderContainer .slideDesc{
    position: absolute;
    height:100%;
    top: 0;
    left: 0;
    padding: 20px;
}

#pnSliderContainer .slideDesc strong{
    font-size:28px;
    line-height:50px;
}

#pnSliderContainer .thslide_nav_next {
    display:none;
}

#pnSliderContainer .bx-wrapper{
 margin-bottom:0px !important;
 /* max-width: 875px !important; */
}

#pnSliderContainer .bx-viewport{
 box-shadow:none !important;
 -moz-box-shadow: none !important;
 left:-2px !important;
 height:250px !important;
 border:none;

}

#pnSliderContainer .bx-wrapper .bx-controls-direction a{
    margin-top: -36px !important;
}

#pnSliderContainer .bx-wrapper .bx-pager,
#pnSliderContainer .bx-wrapper .bx-controls-auto{
    bottom:0;
}

/************************************************* Checkout page *****************************/
#ID_CheckOut{
   	overflow: hidden;
    width:560px;
}

#ID_CheckOut .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0.5em;
    margin-top: -12.5px;
    position: absolute;
    top: 50%;
    margin-right: 10px;
}


#ID_CheckOut .ui-accordion .ui-accordion-header{
	background:#f1f1f1;
	height:27px;
}

#ID_CheckOut .head_title{
	color:#000;
	
}

#ID_STEP_1,
#ID_STEP_2,
#ID_STEP_3,
#ID_STEP_4,
#ID_STEP_5,
#ID_STEP_6{
	margin-bottom:25px;
}

#ID_CheckOut .checkOutStepNumber{
	padding: 12px 14px;
	position: absolute;
	color: #fff;
	font-size:16px;
	left: 0;
	top: 0;
	background: #004570;
	box-shadow: 0 0 2px 1px #000;
	-moz-box-shadow: 0 0 2px 1px #000;
}
	
#ID_CheckOut .ui-corner-all, 
#ID_CheckOut .ui-corner-top, 
#ID_CheckOut .ui-corner-right, 
#ID_CheckOut .ui-corner-tr,
#ID_CheckOut .ui-corner-all, 
#ID_CheckOut .ui-corner-top, 
#ID_CheckOut .ui-corner-left, 
#ID_CheckOut .ui-corner-tl,
#ID_CheckOut .ui-corner-all, 
#ID_CheckOut .ui-corner-bottom, 
#ID_CheckOut .ui-corner-right, 
#ID_CheckOut .ui-corner-br,
#ID_CheckOut .ui-corner-all, 
#ID_CheckOut .ui-corner-bottom, 
#ID_CheckOut .ui-corner-left, 
#ID_CheckOut .ui-corner-bl{
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
}

/* 	#ID_CheckOut .ui-accordion-content-active{ */
/* 		background:#fdfdfd; */
/* 	} */

/*
.ui-helper-reset {
    line-height: 1.6;
}
*/

#ID_CheckOut .head_title{
    margin-left: 10px;
    font-size: 21px;
    line-height:26px;
}


.checkoutForm{

}
.thanks_createorder_msg .thanks_createorder_payment_msg{
  	margin-bottom : 5px;
}
  
.loading .loadingContainer {
	background: url("mediaServlet/button-loading.gif")center no-repeat;
	position: absolute;
	top: 20%;
	/* left: -22px; */
	width: 20px;
	height: 20px;
	display: inline-block;
} 
   
#ID_CheckOut .checkoutForm .signupline label,
#ID_CheckOut .checkoutForm .signupline input,
#ID_CheckOut .checkoutForm .signupline select{
   	display:block;
   	float:none;
   	
   	color: #000000;
    font-family: arial;
    font-size: 15px;
}

#ID_CheckOut .checkoutForm input[type="text"]:hover, 
#ID_CheckOut .checkoutForm .textarea:hover, 
#ID_CheckOut .checkoutForm input[type="text"]:focus, 
#ID_CheckOut .checkoutForm .textarea:focus {
   	background: none repeat scroll 0 0 #F9F9F9;
}

#ID_CheckOut .checkoutForm .signupline input[type="text"]{
   	padding: 12px 10px;
   	height: 16px;
   	line-height: 16px;
}
      
#ID_CheckOut .checkoutForm input[type="text"], 
#ID_CheckOut .checkoutForm .textarea {
   	border: 1px solid #C7C7C7;
}
   
   
#ID_CheckOut input[type="text"] {
    color: #000000;
    font-family: arial;
    font-size: 15px;
    height: 16px;
    line-height: 16px;
    padding: 12px 10px;
    width: 460px;
}

#ID_CheckOut label {
    color: #29496F;
    padding: 10px 0 5px 0;
}

#ID_CheckOut .ui-state-active, 
#ID_CheckOut .ui-widget-content .ui-state-active, 
#ID_CheckOut .ui-widget-header .ui-state-active{
	border:1px solid #ddd;
}

#ID_CheckOut .ui-widget-content{
	border:1px solid #ddd;
	border-top:none;
}

#ID_CheckOut .signupline select,
#ID_CheckOut .continueBtn,
#ID_CheckOut .editBtn{
	font-size:1em;
	text-align:center;
	padding:5px 10px;
}

#ID_CheckOut .signupline select:hover,
#ID_CheckOut .continueBtn:hover,
#ID_CheckOut .editBtn
{
   	cursor:pointer;
   }

#ID_CheckOut .continueBtn{
	background:#F0B55A;
	color:#004570;
	border:2px solid #F0B55A;
	border-radius:5px;
	-moz-border-radius:5px;
	
    box-shadow: 0 0 8px 0 #CCCCCC;
    -moz-box-shadow: 0 0 8px 0 #CCCCCC;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); */
}

#ID_CheckOut .continueBtnContainer{
	position:relative;
}

#ID_CheckOut .editBtn{
	background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #0085CC;
    display: inline-block;
    padding: 1px 10px;
    float:right;
    
    /*IE7 fix*/
    *position:relative;
    *top:-27px;
}

.addTransition{
	transition: background-color .4s ease-out, border-color .4s ease-out;
	-webkit-transition: background-color .4s ease-out, border-color .4s ease-out;
	-moz-transition: background-color .4s ease-out, border-color .4s ease-out;
}

#ID_CheckOut .editBtn:hover{
	background: none repeat scroll 0 0 #ccc;
}

#ID_CheckOut .continueBtn:hover{
	/* text-decoration: underline; */
	background-color: #f47c20;
	border: 2px solid #f47c20;
	
	transition: background-color .4s ease-out, border-color .4s ease-out;
	-webkit-transition: background-color .4s ease-out, border-color .4s ease-out;
	-moz-transition: background-color .4s ease-out, border-color .4s ease-out;
}

#ID_CheckOut .continueBtn:disabled{
	/* text-decoration: underline; */
	background-color: #f47c00;
	border: 2px solid #f47c20;
}

#ID_Btn_6{
	margin-top:15px;
}

#ID_Btn_5{
	margin-top:15px;
}

#usealtDelivery{
	margin:20px 0;
}

#usealtDelivery input[type=checkbox]{
	/*
	width: 25px;
	height: 25px;
	position:relative;	
	top:7px;
	*/
}

#ID_Checkout_Right_Sidebar{
	float:right;
}
#ID_Checkout_Overview, #ID_Checkout_ActionCode{
	width:294px;
	/*
	background-color: #e5f5ff;
	background:url(productbox-gradient.png) repeat-x left bottom;
	*/
	box-shadow: 0 0 5px 1px #ddd;	
	-moz-box-shadow: 0 0 5px 1px #ddd;	
	
	
		
	background: #DFEAF0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmUyZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #d2e2e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d2e2e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d2e2e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d2e2e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d2e2e9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d2e2e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2e2e9',GradientType=0 ); /* IE6-8 */
}

#ID_Checkout_Overview_Header, #ID_Checkout_ActionCode_Header{
	color:#fff; 
	background:#004570;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding:5px 10px;
}

#ID_Checkout_ActionCode_Content{
	padding: 10px;
	overflow-y: auto;
	min-height:50px;
}

#CONTENT_BASKET_OVERVIEW_CONTAINER{
	padding: 10px;
	overflow-y: auto;
	min-height:150px;
	max-height:300px;
}

#CONTENT_BASKET_OVERVIEW_CONTAINER hr{
	border: 0;
	border-bottom: 1px inset #ddd;
	background: #999;
	margin:5px 0;
	padding:0;
}

#CONTENT_BASKET_OVERVIEW_CONTAINER th{
	text-align:left;
	font-weight:bold;
	padding:5px 0;
}


a.cssSubmitButton {
    background: none no-repeat scroll 4px 5px #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    outline: medium none;
    padding: 5px 20px 6px;
    position: relative;
    text-decoration: none;
}

.ID_Checkout_Overview_Fixed{
	position:fixed;
	top:0;
	margin-left:586px;
}


.selectionContainer{
			margin: 0 0 30px 0;
}

.selectionContainer .paymentMethodElm{
	margin:15px 0;
}

.selectionContainer .paymentMethodImg{
	position:relative;
	top:10px;
	padding-right:10px;
}

#FORM_STEP_ORDER_TYPE .paymentMethodDesc{
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.4em;
	width: 400px;
	margin-left: 15px;
}

 .selectionContainer .highlighted{			 
 	border-color: #f7dd2f;
	background: #fffbe5;
	cursor: pointer;
	box-shadow: 0 0 5px 0 #ffd400;		 
 }
 .selectionContainer .paymentMethodElm:hover{
 	border-color:1px solid #fff;
	background: #e5f5ff;
	box-shadow: 0 0 1px 0 #3f95b4;
}

#acceptConditionsContainer{
	margin-bottom:20px;
}

#acceptConditionsContainer input[type=checkbox]{
	/*
	width: 25px;
	height: 25px;
	position:relative;	
	top:7px;
	*/
}

.selectionContainer .orderTypeName{
	padding-left:8px;
	font-size:1.1em;
}

.notAcceptTerms { border: 1px solid #f00; }


.selectionContainer input[type=radio]{
	width:15px;
	height:15px;
}

#acceptConditionsContainer a{
	color:#3f95b4;
}
.selectionContainer .creditCard{
	display:inline-block;
	width: 70px;
	height: 39px;
	position:relative;
	top:10px;
	border:1px solid #ddd;
}

input.quantity{
	width: 30px;
	text-align: center;
}

.qtyminus, 
.qtyplus{
/* 	border-radius:25px; */
	border:1px solid #a1a1a1;
}