/* CSS mall*/

/* Nollning ------------------------------------------- */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, frameset, frame, div, img, a, href, form, input {
	margin:0;
	padding:0;
}

a img {
	border:none;
	padding: 0;
	margin: 0;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/* iepngfix fixar png28 i IE6 - That CSS selector must include the tags/elements on which you want PNG support*/
.png_fix { behavior: url(/_scripts/iepngfix/iepngfix.htc) }

/* Ange html, body height 100% för firefox 100% height */
html,body {

	}

/* End of nollning ------------------------------------------- */
	
body {
	background-image: url('/_img/graphic/bg-toning-grey.png');
	background-repeat: repeat-x;
	background-color: #C8C8C8;
	font-family: Arial, Helvetica, sans-serif;
	font-size:	14px;
	color: #666666;
} 

h1, h2, h3, h4, h5, h6, p  {
	color: #666666;
	line-height: 19px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
}

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

.preload {
	display: none;
}
/* layout ----------------------------------- */
#centre {
	width: 885px;
	text-align: left;
	margin-right: auto; 
	margin-left: auto;
}
#pageMarginBottom {
	float: left;
	margin-top: 80px;
	width: 100%;
}
	/* header ----------------------------------- */
	#headerContainer {
		width:100%;
		margin-top: 33px;
		
	}
	#header {
		float: right;
		font-size: 12px;
	}
	/* menu ----------------------------------- */
	#menu {
		clear: both;
		float:left;
		margin: 40px 0 10px 0;
		width: 100%;
	}
	#logo {
		float: left;
		margin-bottom: 19px;
	}
	#buttons {
		float: right;
	}
	.oneButton {
		display: block;
		float:left;
		margin-top: 55px;
	}
	/* clients ----------------------------------- */
	.fLeft {
		float: left;
	}
	.oneClientContainer {
		float: left;
		margin-top:40px;
		width:335px;
		height: 256px;
		text-align:center;
		border-bottom: 1px solid #EBE8DB;
		color:#959595;
		font-size:12px;
		line-height:14px;
	}
	

	/* highlight ----------------------------------- */
	#highlightBox {
		float: left;
		width: 100%;
	}
	#highlightMenu {
		float: right;
		width: 253px;
	}
	.highlightImg {
		float: left;
	}
	.highlightButton {
		margin: 0 0 5px 4px;
		width: 230px;
		height: 60px;
		padding: 28px 0 0 20px;
		
	}
	#highlight1 {
		background-image: url('/_img/graphic/bg-toning-lila.jpg');
	}
	#highlight2 {
		background-image: url('/_img/graphic/bg-toning-blue.jpg');
	}
	#highlight3 {
		background-image: url('/_img/graphic/bg-toning-turk.jpg');
	}
	#highlight4 {
		background-image: url('/_img/graphic/bg-toning-green.jpg');
	}
	.hightligtText {
		height:160px; 
		margin-top: 220px; 
		margin-left:-540px; 
		width: 500px; 
		float: left; 
		display:inline;
		
	}
	/* all eshop ----------------------------------- */
	#alleShopContainer {
		float: left;
		width: 885px;
		background-image: url('/_img/graphic/bg-toning-grey2.png');
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		padding-bottom: 66px;
	}
	#eShopLineTop {
		background:#5F1C5D;
		height:3px;
		width: 591px;
		line-height:0px;
		float: left;
		margin: 0 0 66px 0;
		display:inline;
	}

		#eShopBasketContainer {
			float: right;
			display:inline;
			width: 294px;
		}
		#eShopBasket {
			width: 270px;
			padding: 20px 0 0 24px;
			background-image: url('/_img/graphic/bg-toning-lila-basket.jpg');
		}
		#eShopWhiteLine {
			background:#FFFFFF;
			height:4px;
			width: 294px;
			line-height:0px;
			float: right;
			display:inline;
		}
	#eShopsearchBox {
		float: left;
		margin-left:80px;
		display:inline;
	}
	#eShopcategoriesContainer {
		width: 725px;
		margin:70px 80px 0 80px;
		float: left;
		display:inline;
	}
	#eShopsearchResultsBox {
		width: 725px;
		margin:70px 80px 0 80px;
		float: left;
		display:inline;
	}
	.eShopCategory {
		width: 725px;
		margin:70px 80px 0 80px;
		float: left;
		display:inline;
	}
	/* all products ----------------------------------- */
	#allProductsContainer {
		float: left;
		width: 725px;
		background-image: url('/_img/graphic/bg-toning-grey2.png');
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		border-top: 3px solid #1C415F;
		padding: 66px 80px 66px 80px;
	}
	#order_menu {
		width: 100%;
		padding: 0 0 20px 0;
		margin-top: 100px;
		float:left;
	}
	#order_container {
		width: 725px;
		background-color: #FFFFFF;
		border-top: 3px solid #5F1D5D;
		padding: 70px 80px 66px 80px;
		float:left;
	}
	.orderResultDiv {
		font-size:12px;
		width:120px;
		height: 25px;
		float:left;
		line-height:15px;
		color: #278FF4;
		font-family: "Trebuchet MS", arial, "san serif";
		display:inline;
	}
	.orderResultText {
		line-height:15px;
		color: #278FF4;
		font-family: "Trebuchet MS", arial, "san serif";
		font-size:12px;
	}
	.orderResultDivFirst {
		width:245px;
		display:inline;
	}
	.orderResultDivFRight {
		text-align: right;
		display:inline;
	}
	.adressContainer {
		width: 100%;
		padding-top:40px;
		float: left;
		clear:both;
	}
	.adressRow {
		clear:both; 
		float: left; 
		height:35px;
		width: 100%;
	}
	.orderInfoLeft {
		 float: left;
		 width: 33%;
		 margin-right: 5%;
	}
	
	.searchSelect {
		margin-top: 4px;
	}
	#categoriesContainer {
		width: 100%;
		margin-top:70px;
		float: left;
	}
	#searchResultsBox {
		width: 100%;
		margin-top:70px;
		float: left;
	}
	.searchResultBoxInvis {
		display: none;
	}
	#searchBox {
		float: left;
	}
	.searchResultDiv {
		font-size:13px;
		width:175px;
		float:left;
		line-height:15px;
		color: #444444;
		font-family: "Trebuchet MS", arial, "san serif";
		line-height: 21px;
	}
	.searchResultDiv 	a:link {text-decoration: none; color: #278FF4;}
	.searchResultDiv	a:visited {text-decoration: none; color: #278FF4;}
	.searchResultDiv	a:hover {text-decoration: underline; color: #278FF4;}
	.searchResultDiv	a:active {text-decoration: none; color: #278FF4;}
	
	.searchResultDivFirst {
		clear:left;
	}
	.searchResultDivLast {
		width:375px;
	}
	
	.categoryTd {
		vertical-align: top;
		border-bottom: 1px solid #E8E5D9;
		font-size:12px;
		line-height:15px;
		color: #278FF4;
		font-family: "Trebuchet MS", arial, "san serif";
		width: 170px;
		padding: 5px 5px 20px 5px;
	}
	.categoryTdBorder {
		background: #E8E5D9;
		width:1px;
	}
	.noRightBorder {
		border-right: none;
	}
	.categoryTd 	a:link {text-decoration: none; color: #278FF4;}
	.categoryTd	a:visited {text-decoration: none; color: #278FF4;}
	.categoryTd	a:hover {text-decoration: underline; color: #278FF4;}
	.categoryTd	a:active {text-decoration: none; color: #278FF4;}
	
	.categoryBottomBorder {
		margin: 4px;
		background:#E8E5D9;
		height:1px;
		line-height:0px;
		
	}
	
	/* one product ----------------------------------- */
	#productContainter {
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}
	#productBox {
		float:left;
		width: 591px;
	}
	#productText  {
		padding: 37px 50px 37px 50px	;
		background: #FFFFFF;
	}
	.productFont {
		line-height: 22px;
		font-size: 15px;
	}
	#productMenu {
		float: right;
		width: 290px;
	}
	.productButton {
		margin-bottom: 4px;
		width: 250px;
		height: 60px;
		padding: 20px;
		
	}
	#producteShopBasket{
		background-image: url('/_img/graphic/bg-toning-lila-basket.jpg');
		height: auto;
	}
	.eShopButtonBuy {
		background: #B998B7;
		padding: 9px 9px 8px 9px;
		font-size: 12px;
		color: #0D2825;
		line-height:12px;
		margin-bottom: 3px;
		margin-right: 4px;
	}
	.eShopButtonBuy 	a:link {text-decoration: none; color: #0D2825;}
	.eShopButtonBuy	a:visited {text-decoration: none; color: #0D2825;}
	.eShopButtonBuy	a:hover {text-decoration: underline; color: #0D2825;}
	.eShopButtonBuy	a:active {text-decoration: none; color: #0D2825;}
	
	.greyBack {
		background: #EFEFEF;
	}
	
	#productButton1 {
		background-image: url('/_img/graphic/bg-toning-blue2.jpg');
	}
	#productButton2 {
		background-image: url('/_img/graphic/bg-toning-turk2.jpg');
	}
	#productButton3 {
		background-image: url('/_img/graphic/bg-toning-green2.jpg');
	}
	#productButton4 {
		background-image: url('/_img/graphic/bg-toning-green3.jpg');
	}
	.productButtonBuy {
		background: #6F987E;
		padding: 9px;
		font-size: 12px;
		color: #0D2825;
		line-height:12px;
		width: 223px;
		margin-bottom: 3px;
	}
	.productButtonBuy 	a:link {text-decoration: none; color: #0D2825;}
	.productButtonBuy	a:visited {text-decoration: none; color: #0D2825;}
	.productButtonBuy	a:hover {text-decoration: underline; color: #0D2825;}
	.productButtonBuy	a:active {text-decoration: none; color: #0D2825;}
	
	.productButtonContacs {
		background-image: url('/_img/graphic/bg-toning-blue3.jpg');
		margin-bottom: 4px;
		width: 250px;
		height: 175px;
		padding: 20px;
	}
	
	/* info ----------------------------------- */
	#infoContainer {
		width: 100%;
		float: left;
		margin-top:20px;
	}
	.startInfo {
		width: 230px;
		height: 182px;
		margin-right: 22.5px;
		padding: 20px 25px 20px 25px;
		font-size: 15px;
		line-height: 21.5px;
		float: left;
		background-image: url('/_img/graphic/bg-toning-white.jpg');
	}
	#about {
		border-top: 3px solid #601C5E;
	}
	#news {
		border-top: 3px solid #1C415F;
	}
	#clients {
		border-top: 3px solid #246862;
		margin-right: 0%;
		width: 270px;
		height: 202px;
		padding: 5px 5px 15px 5px;
	}
	
	/* footer ----------------------------------- */
	#footerContainer {
		float: left;
		width: 100%;
		margin-top: 30px;
		border-top: 1px solid #B0B0B0;
		padding-top: 8px;
	}
	
	/* inputs ----------------------------------- */
	.inputStyle {
		border: none; 
		background-color: #E5E4E5;
		opacity: 0.6; 
		filter: alpha(opacity=60);
		font-size: 12px;
		color: #000000;
		display: inline;
		vertical-align:top;
		line-height:12px;
		padding: 7px;
		height: 15px;
		width: 180px;
		font-family: Arial, Helvetica, sans-serif;
	}
	.inputStyle2 {
		border: 1px solid #CFCFCF; 
		background-color: #FFFFFF;
		opacity: 1; 
		filter: alpha(opacity=100);
	}
	.inputSubmit {
		cursor: pointer;
		width: 43px;
		height: 29px;
		_margin-top: 1px;
		padding: 0px;
		
	}
	.inputSubmit2 {
		width: 53px;
		height: 31px;
		border: 1px solid #CFCFCF; 
		background-color: #E5E4E5;
		opacity: 1; 
		filter: alpha(opacity=100);
	}
	
	/* margins ----------------------------------- */

	.margin-2 {
		margin-bottom:-2px;
	}
	.margin1 {
		margin-bottom:1px;
	}
	.margin3 {
		margin-bottom:3px;
	}
	.margin6 {
		margin-bottom:6px;
	}
	.margin10 {
		margin-bottom:10px;
	}
	.margin20 {
		margin-bottom:20px;
	}		
	.marginL20 {
		margin-left:20px;
	}
	.marginL3 {
		margin-left:3px;
	}
	.marginR3 {
		margin-right:3px;
	}
	.marginL10 {
		margin-left:10px;
	}
	.marginR10 {
		margin-right:10px;
	}
	.marginR20 {
		margin-right:20px;
	}
	.margin35 {
		margin-bottom:35px;
	}
	.margin70 {
		margin-bottom:70px;
	}
	.paddingB26 {
		padding-bottom:26px;
	}

	/* lines ----------------------------------- */
	.line-lila {
		background:#510652;
		height:2px;
		width: 100%;
		line-height:0px;
	}
	.line-grey {
		background:#E8E5D9;
		height:1px;
		width: 100%;
		line-height:0px;
	}
	.line-white-dotted{
		background-image: url('/_img/graphic/line-white-dotted.png'); 
		background-repeat: repeat-x;
		height:3px;
		width: 100%;
		line-height:0px;
	}

	
/* borders -------------------------------*/
.border-turk	{
		border-top: 3px solid #276B66;
}
.border-grey	{
		border: 1px solid #444444;
}
.border-grey-bottom	{
		border-bottom: 1px solid #E8E5D9;
}
/* text ----------------------------------- */
h3.myriad{
	font-family: 'myriad', Arial, Helvetica, sans-serif;
	
}
.uppercase {
	text-transform: uppercase;
}
.inline {
	display: inline;
}
.block {
	display: block;
}

/* sizes ----------------------------------- */
	.size20 {
			font-size:20px;
	}
	.size19 {
			font-size:19px;
	}
	.size18 {
		font-size:18px;
	}
	.size15 {
		font-size:15px;
	}
	.size12 {
		font-size:12px;
	}
	.size11 {
		font-size:11px;
	}
	.size36 {
			font-size:36px;
	}
	.size40 {
			font-size:40px;
	}
	.size24 {
			font-size:24px;
	}
	



/* colors ----------------------------------- */

.lila2{
	color: #82327F;
}
.lila2 	a:link {text-decoration: none; color: #82327F;}
.lila2	a:visited {text-decoration: none; color: #82327F;}
.lila2	a:hover {text-decoration: underline; color: #82327F;}
.lila2	a:active {text-decoration: none; color: #82327F;}

.white{
	color: #FFFFFF;
}
.white 	a:link {text-decoration: none; color: #FFFFFF;}
.white	a:visited {text-decoration: none; color: #FFFFFF;}
.white	a:hover {text-decoration: underline; color: #FFFFFF;}
.white	a:active {text-decoration: none; color: #FFFFFF;}

.orange{
	color: #E78F1E;
}
.orange 	a:link {text-decoration: none; color: #E78F1E;}
.orange	a:visited {text-decoration: none; color: #E78F1E;}
.orange	a:hover {text-decoration: none; color: #E78F1E;}
.orange	a:active {text-decoration: none; color: #E78F1E;}

.black{
	color: #000000;
}
.black 	a:link {text-decoration: none; color: #000000;}
.black	a:visited {text-decoration: none; color: #000000;}
.black	a:hover {text-decoration: none; color: #000000;}
.black	a:active {text-decoration: none; color: #000000;}

.grey{
	color: #555555;
}
.grey 	a:link {text-decoration: none; color: #555555;}
.grey	a:visited {text-decoration: none; color: #555555;}
.grey	a:hover {text-decoration: none; color: #555555;}
.grey	a:active {text-decoration: none; color: #555555;}

.light_blue {
	color: #278FF4;
}
.light_blue 	a:link {text-decoration: none; color: #278FF4;}
.light_blue	a:visited {text-decoration: none; color: #278FF4;}
.light_blue	a:hover {text-decoration: underline; color: #278FF4;}
.light_blue	a:active {text-decoration: none; color: #278FF4;}